:root{--ink:#29322f;--ink-soft:#4f5d58;--paper:#eee7d3;--paper-light:#f7f2e5;--mist:#b8c9c9;--sage:#718078;--rust:#9c5745;--rust-dark:#733d34;--gold:#a38a5b;--shadow:#1d252347}*{box-sizing:border-box}html,body{background:#1e2826;min-height:100%;margin:0}body{color:var(--ink);font-family:Noto Serif SC,Songti SC,SimSun,Georgia,serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #c7965bd9}.game-shell{background:radial-gradient(circle at 50% 10%, #ffffffa8, transparent 36%), repeating-linear-gradient(91deg, #2d373306 0 1px, transparent 1px 5px), var(--paper);min-height:100svh;position:relative;overflow:hidden}.game-shell:after{z-index:100;pointer-events:none;content:"";mix-blend-mode:multiply;border:8px solid #232b2729;position:fixed;inset:0;box-shadow:inset 0 0 80px #2f322933}.petal-field{z-index:20;pointer-events:none;position:fixed;inset:0}.petal-field i{--size:calc(3px + (var(--i) % 4) * 1px);top:-4%;left:calc((var(--i) * 8%) - 3%);width:var(--size);height:calc(var(--size) * 1.8);animation:falling calc(8s + (var(--i) % 5) * 1.4s) linear infinite;animation-delay:calc(var(--i) * -.77s);background:#b5865780;border-radius:90% 0;position:absolute}@keyframes falling{to{transform:translate(12vw,110vh)rotate(540deg)}}.toast{z-index:200;color:#fff9e8;background:#26312ef0;border:1px solid #ffffff4d;border-radius:4px;padding:12px 24px;animation:.25s ease-out both toast-in;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000040}.offline-badge{z-index:190;top:max(18px, env(safe-area-inset-top));color:#f7efd9;letter-spacing:.14em;background:#2d3b36e6;border:1px solid #ffffff3d;border-radius:20px;padding:8px 13px;font-size:10px;position:fixed;right:22px;box-shadow:0 8px 22px #1a232038}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}}.eyebrow{color:#61716d;letter-spacing:.28em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin:0;font-family:ui-serif,Georgia,serif;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:currentColor;width:36px;height:1px}.title-screen{background-image:linear-gradient(90deg,#151e1bd1 0%,#1b262361 40%,#efe7d005 69%,#1e272442 100%),linear-gradient(#0000 64%,#141c1aa8),url(/art/mistwhisper-journey.png);background-position:50%;background-size:cover;align-items:center;min-height:100svh;display:flex;position:relative}.title-screen:before{content:"";background:linear-gradient(90deg,#0c1412eb 0,#0000 28%),radial-gradient(#0000 44%,#1018167a);position:absolute;inset:0}.title-wash{z-index:1;filter:blur(2px);clip-path:polygon(0 0,84% 0,95% 9%,85% 19%,94% 32%,83% 44%,92% 58%,86% 72%,96% 86%,82% 100%,0 100%);mix-blend-mode:screen;background:#eee7d3db;width:60%;height:170%;position:absolute;top:-40%;left:-12%;transform:rotate(-5deg)}.title-copy{z-index:4;text-align:center;width:min(520px,44vw);margin-left:clamp(5vw,9vw,150px);padding:32px 0;position:relative}.title-copy h1{color:#252e2b;letter-spacing:-.09em;text-shadow:3px 4px #796f562e;margin:12px 0 -3px;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:clamp(64px,7vw,112px);font-weight:900;line-height:1;position:relative}.title-copy h1:after{content:"";background:var(--rust);width:12px;height:12px;box-shadow:-15px 13px 0 -4px var(--rust);position:absolute;bottom:8%;right:4%;transform:rotate(45deg)}.title-en{color:#59665f;letter-spacing:.5em;margin:0;font-family:Georgia,serif;font-size:12px}.title-lede{color:#5c665f;letter-spacing:.22em;margin:20px 0 26px;font-size:14px}.title-menu{gap:8px;width:min(340px,86%);margin:auto;display:grid}.title-menu button,.primary-wood{cursor:pointer;text-align:left;background:#f7f2e2c7;border:1px solid #34403a38;border-radius:2px;grid-template-columns:38px 1fr 20px;align-items:center;min-height:60px;padding:9px 17px;transition:transform .2s,background .2s,box-shadow .2s;display:grid;position:relative;box-shadow:inset 0 2px #ffffff80}.title-menu button:hover:not(:disabled){background:#fffaebf5;transform:translate(7px);box-shadow:-5px 6px 18px #252d2929}.title-menu button:disabled{cursor:not-allowed;opacity:.52}.title-menu button b{color:#66746d;text-align:center;font-size:22px}.title-menu button span{letter-spacing:.18em;font-size:17px;font-weight:700}.title-menu button small{letter-spacing:.22em;opacity:.6;margin-top:3px;font-family:Georgia,serif;font-size:8px;font-weight:400;display:block}.title-menu .primary-wood,.ending-actions .primary-wood{color:#f7efdb;background:linear-gradient(#202a2614,#00000026),repeating-linear-gradient(6deg,#3d4a45 0 2px,#35413d 2px 5px);border-color:#111715b3;box-shadow:inset 0 0 0 2px #e8ddbe26,0 5px 12px #161d1b40}.title-menu .primary-wood b{color:#c2a878}.title-heroes{z-index:5;filter:drop-shadow(0 12px 8px #0006);position:absolute;bottom:11%;right:14%;transform:scale(1.75)}.title-whisper{z-index:4;color:#f5eed8c7;letter-spacing:.22em;margin:0;font-size:12px;position:absolute;bottom:4%;right:4%}.scroll-cue{z-index:5;color:#ffffffad;letter-spacing:.4em;justify-items:center;font-size:9px;display:grid;position:absolute;bottom:3%;left:50%}.scroll-cue i{background:currentColor;width:1px;height:24px;margin-top:8px}.traveler{width:48px;height:85px;position:absolute}.traveler-head,.traveler-hair,.traveler-body,.traveler-cape,.traveler-sword,.traveler-leg{display:block;position:absolute}.traveler-head{z-index:3;background:#c9ac8d;border-radius:45% 45% 48% 48%;width:20px;height:22px;top:9px;left:18px}.traveler-hair{z-index:4;clip-path:polygon(0 35%,18% 0,33% 19%,54% 0,65% 22%,92% 8%,100% 65%,85% 100%,15% 90%);background:#b9b8aa;border-radius:50% 55% 35% 40%;width:27px;height:20px;top:2px;left:13px;transform:rotate(-7deg)}.traveler-body{z-index:2;background:#36413d;border-radius:8px 8px 3px 3px;width:27px;height:38px;top:29px;left:15px;box-shadow:inset -4px 0 #252e2c}.traveler-cape{z-index:1;transform-origin:100% 0;clip-path:polygon(80% 0,100% 12%,82% 100%,61% 87%,40% 100%,22% 84%,0 90%,20% 12%);background:#8e493e;width:38px;height:45px;animation:2.8s ease-in-out infinite cape;top:27px;left:-3px;transform:rotate(9deg)}.traveler-sword{z-index:0;transform-origin:top;background:#c8c1aa;width:3px;height:48px;top:45px;left:40px;transform:rotate(-19deg);box-shadow:0 0 0 1px #38413e}.traveler-leg{background:#232b29;border-radius:0 0 4px 4px;width:7px;height:22px;top:63px}.traveler-leg-one{left:18px}.traveler-leg-two{left:33px}.cat{width:45px;height:56px;position:absolute}.cat span{display:block;position:absolute}.cat-body{background:#171e1d;border-radius:50% 50% 35% 35%;width:24px;height:32px;bottom:2px;left:10px}.cat-head{z-index:2;background:#151c1b;border-radius:45%;width:27px;height:25px;top:9px;left:9px}.cat-ear{z-index:1;clip-path:polygon(50% 0,100% 100%,0 80%);background:#151c1b;width:14px;height:18px;top:1px}.cat-ear-one{left:8px;transform:rotate(-12deg)}.cat-ear-two{left:25px;transform:rotate(12deg)scaleX(-1)}.cat-eye{z-index:3;background:#cab978;border-radius:50%;width:3px;height:4px;top:18px;box-shadow:0 0 4px #e0cc83}.cat-eye-one{left:16px}.cat-eye-two{left:27px}.cat-tail{border:5px solid #171e1d;border-color:#171e1d #171e1d #0000 #0000;border-radius:50%;width:23px;height:27px;bottom:4px;left:28px;transform:rotate(-15deg)}@keyframes cape{50%{transform:rotate(15deg)skew(-6deg)}}.is-walking .traveler-leg-one,.is-walking .traveler-leg-two{transform-origin:top;animation:.55s ease-in-out infinite alternate walk-leg}.is-walking .traveler-leg-two{animation-direction:alternate-reverse}.cat.is-walking{animation:.55s ease-in-out infinite alternate cat-hop}@keyframes walk-leg{to{transform:rotate(25deg)}}@keyframes cat-hop{to{transform:translateY(-5px)}}.loading-screen{background:linear-gradient(#0000 52%,#253430d1),linear-gradient(90deg,#e1deca33,#a0bab961),url(/art/mistwhisper-journey.png) 50%/cover;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.loading-screen:after{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ccd7cc38;position:absolute;inset:0}.walking-party{z-index:4;animation:2.5s ease-in-out both party-cross;position:absolute;bottom:30%;left:14%}.walking-party .cat{top:29px;left:65px}@keyframes party-cross{to{left:72%}}.loading-copy{z-index:5;text-align:center;color:#f7f1df;text-shadow:0 2px 10px #131c19cc;width:min(420px,80vw);position:absolute;bottom:10%}.compass-mark{color:#d6be89;font-size:26px}.loading-copy p{letter-spacing:.22em;margin:9px 0 14px;font-size:17px}.loading-copy small{letter-spacing:.3em;opacity:.75;font-size:10px}.loading-line{background:#ffffff3b;height:2px;overflow:hidden}.loading-line i{background:#e3cf9d;width:45%;height:100%;animation:1.2s ease-in-out infinite load-line;display:block}@keyframes load-line{0%{transform:translate(-100%)}to{transform:translate(260%)}}.cloud{z-index:3;filter:blur(20px);background:#eff1e273;border-radius:50%;width:400px;height:90px;animation:8s linear infinite cloud-drift;position:absolute}.cloud-a{top:26%;left:-30%}.cloud-b{animation-delay:-5s;top:48%;left:60%}@keyframes cloud-drift{to{transform:translate(140vw)}}.game-header{z-index:10;background:#f4eedce0;border-bottom:1px solid #29363133;align-items:center;gap:16px;height:76px;padding:0 4vw;display:flex;position:relative;box-shadow:0 6px 24px #252e2a17}.crest-button{cursor:pointer;color:#f4e8cd;background:#35443f;border:0;border-radius:50%;width:42px;height:42px}.region-title{display:grid}.region-title small{color:#8c6a4e;letter-spacing:.3em;font-size:9px}.region-title strong{letter-spacing:.16em;font-size:20px}.header-stats{align-items:center;gap:20px;margin-left:auto;font-family:ui-serif,Georgia,serif;font-size:13px;font-weight:700;display:flex}.header-stats span{align-items:center;gap:5px;display:flex}.header-stats i{color:#a38a5b;font-style:normal}.header-stats .heart{color:#a85248}.header-stats button,.battle-top button{cursor:pointer;background:0 0;border:1px solid #303d3838;border-radius:50%;width:34px;height:34px}.map-screen{background:linear-gradient(#e7e7d7ad,#d8e0d6d1),url(/art/mistwhisper-journey.png) 50%/cover;min-height:100svh}.map-layout{grid-template-columns:250px minmax(520px,1fr) 240px;align-items:center;gap:20px;width:min(1500px,96vw);min-height:calc(100svh - 76px);margin:auto;padding:24px 0;display:grid}.traveler-card,.quest-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f0e0de;border:1px solid #38423c2e;border-radius:3px;padding:18px;position:relative;box-shadow:0 12px 36px #2b353024,inset 0 0 24px #756a500f}.traveler-card:before,.quest-card:before,.story-card:before,.settings-screen article:before{pointer-events:none;content:"";border:1px solid #5d584424;position:absolute;inset:7px}.portrait{background:linear-gradient(#0000,#2b373380),url(/art/mistwhisper-journey.png) 18% 70%/320%;height:142px;margin:-5px -5px 12px;position:relative;overflow:hidden}.portrait .traveler{top:38px;left:82px;transform:scale(1.25)}.portrait .cat{top:69px;left:145px;transform:scale(1.15)}.traveler-card>p{color:#8d6a4e;letter-spacing:.25em;text-align:center;margin:0;font-size:9px}.traveler-card>h2{letter-spacing:.2em;text-align:center;margin:3px 0 12px;font-size:24px}.xp-label{letter-spacing:.08em;justify-content:space-between;font-size:9px;display:flex}.meter,.hp-bar{background:#3e4b4521;border:1px solid #36403a3b;border-radius:5px;height:7px;margin-top:5px;overflow:hidden}.meter i{background:#778b82;height:100%;display:block}.mini-stats{grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0;display:grid}.mini-stats span{background:#ffffff4d;border:1px solid #424d471f;justify-items:center;padding:8px 3px;display:grid}.mini-stats b{font-family:Georgia,serif;font-size:15px}.mini-stats small{opacity:.6;font-size:8px}.equipment-row{justify-content:center;gap:8px;display:flex}.equipment-row span{cursor:help;background:#e6dcc3;border:1px solid #4b483938;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 2px #ffffff59}.cat-note{color:#ece8d8;background:#43514c;align-items:center;gap:9px;margin-top:14px;padding:10px;display:flex}.cat-note i{font-size:20px}.cat-note span{display:grid}.cat-note small{opacity:.72;margin-top:2px;font-size:8px}.journey-map{background:radial-gradient(circle at 18% 60%,#efe9d2cc,#0000 16%),radial-gradient(circle at 52% 40%,#ffffff94,#0000 24%),linear-gradient(90deg,#c5d3cabf,#e8e5cf99),url(/art/mistwhisper-journey.png) 50%/cover;border:1px solid #32423b33;height:min(660px,100svh - 120px);min-height:540px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #2c3d362e,0 16px 40px #2b38322b}.journey-map:after{pointer-events:none;content:"";background:repeating-linear-gradient(5deg,#0000 0 5px,#464f4605 5px 6px);position:absolute;inset:0}.map-heading{z-index:4;text-align:center;min-width:280px;display:grid;position:absolute;top:24px;left:50%;transform:translate(-50%)}.map-heading span{letter-spacing:.25em;font-size:18px;font-weight:800}.map-heading small{letter-spacing:.16em;opacity:.62;margin-top:4px;font-size:9px}.route-line{z-index:1;border-top:2px dashed #4f5e546b;width:82%;height:2px;position:absolute;top:50%;left:10%;transform:rotate(-2deg)}.map-node{z-index:3;top:calc(22% + (var(--lane) + 1) * (58% / (var(--count) + 1)));left:calc(6% + var(--layer) * 21.5%);cursor:pointer;color:#eae5d5;background:color-mix(in srgb, var(--node-color) 86%, #24302c);border:0;border-radius:50%;place-items:center;width:74px;height:74px;padding:0;transition:transform .2s,filter .2s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 7px 14px #252f2b4d,inset 0 0 0 5px #ffffff1f,0 0 0 2px #36433d61}.map-node:after{content:"";border:1px dashed #38453e5c;border-radius:50%;position:absolute;inset:-9px}.map-node i{font-size:25px;font-style:normal;line-height:1}.map-node span{color:#35423d;letter-spacing:.15em;text-shadow:0 1px #f3eedc;min-width:70px;font-size:9px;font-weight:800;position:absolute;top:82px}.map-node:not(.available):not(.visited){cursor:not-allowed;filter:grayscale(.8);opacity:.48}.map-node.available{animation:2s ease-in-out infinite node-pulse}.map-node.available:hover{z-index:5;filter:brightness(1.1);transform:translate(-50%,-50%)scale(1.13)}.map-node.visited{opacity:.72;background:#a9b0a5}.node-boss{width:88px;height:88px}@keyframes node-pulse{50%{box-shadow:0 8px 15px #252f2b52,inset 0 0 0 5px #ffffff26,0 0 0 9px #a5875b24}}.map-legend{z-index:4;letter-spacing:.08em;background:#f4efddb8;gap:13px;padding:8px 11px;font-size:8px;display:flex;position:absolute;bottom:14px;right:18px}.map-legend span{align-items:center;gap:4px;display:flex}.dot{background:#8c6f62;border-radius:50%;width:6px;height:6px;display:inline-block}.dot.event{background:#71857b}.dot.rest{background:#a87257}.dot.boss{background:#575166}.quest-card small{color:#8c6a4e;letter-spacing:.2em;font-size:9px}.quest-card h3{letter-spacing:.12em;margin:7px 0 10px;font-size:19px}.quest-card p{color:#59645f;font-size:12px;line-height:1.85}.quest-progress{background:#404c4626;height:5px;margin:16px 0 6px}.quest-progress i{background:var(--rust);height:100%;display:block}.quest-card>span{opacity:.6;font-family:Georgia,serif;font-size:9px}.quest-card blockquote{color:#5a665f;border-left:2px solid #a68b60;margin:25px 0;padding:12px 0 12px 15px;font-size:11px;font-style:italic;line-height:1.8}.quest-card button{cursor:pointer;letter-spacing:.14em;background:0 0;border:1px solid #3b484238;width:100%;padding:10px;font-size:10px}.battle-screen{color:#eee9d9;background:linear-gradient(#1f2c281f 28%,#17221ff7),linear-gradient(90deg,#19242199,#0000 40%,#192421b8),url(/art/mistwhisper-journey.png) 50% 63%/cover;grid-template-rows:70px minmax(310px,1fr) auto;min-height:100svh;display:grid}.battle-top{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d2925b8;border-bottom:1px solid #e9e0c82e;justify-content:space-between;align-items:center;padding:0 5vw;display:flex}.battle-top>div{display:grid}.battle-top small{color:#c0ad83;letter-spacing:.22em;font-size:9px}.battle-top b{letter-spacing:.2em;margin-top:4px;font-size:18px}.battle-top button{color:#eee9d9;border-color:#ffffff40}.battle-stage{grid-template-columns:1fr 110px 1fr;align-items:end;min-height:330px;padding:30px 10vw 23px;display:grid;position:relative}.combatant{justify-self:center;width:min(320px,30vw);transition:transform .18s;position:relative}.battle-character{filter:drop-shadow(0 15px 10px #00000080);height:160px;position:relative}.battle-character .traveler{transform-origin:bottom;bottom:0;left:40%;transform:scale(2.2)}.battle-character .cat{transform-origin:bottom;bottom:0;left:61%;transform:scale(1.65)}.nameplate{text-shadow:0 2px 8px #000000e6;justify-content:space-between;align-items:end;padding:7px 4px;display:flex}.nameplate span{display:grid}.nameplate b{letter-spacing:.13em;font-size:17px}.nameplate small{color:#c4b99c;letter-spacing:.12em;font-size:9px}.nameplate strong{font-family:Georgia,serif;font-size:12px}.hp-bar{background:#0c121199;border-color:#ffffff40;height:9px;margin:0}.hp-bar i{background:linear-gradient(90deg,#8b3d39,#bc6555);height:100%;transition:width .35s;display:block;box-shadow:0 0 8px #bf584b66}.enemy-hp i{background:linear-gradient(90deg,#4d6961,#81968b)}.enemy-figure{color:#c8bc9d;filter:drop-shadow(0 15px 12px #0000008c);place-items:center;width:140px;height:170px;margin:auto;display:grid;position:relative}.enemy-figure:before{content:"";background:var(--enemy-color);clip-path:polygon(50% 0,76% 19%,100% 43%,88% 100%,53% 89%,15% 100%,0 44%,26% 18%);border-radius:45% 50% 18% 28%;position:absolute;inset:13% 10% 0;box-shadow:inset -15px 0 30px #00000052}.enemy-figure>i{z-index:2;text-shadow:0 4px 2px #0000004d;font-size:72px;font-style:normal}.boss-figure{width:200px;height:210px}.boss-figure>i{font-size:104px}.enemy-eye{z-index:3;background:#d3b66c;border-radius:50%;width:5px;height:6px;position:absolute;top:41%;box-shadow:0 0 8px #d3b66c}.eye-one{left:44%}.eye-two{left:55%}.versus-mark{color:#d3c39e;align-self:center;justify-items:center;display:grid}.versus-mark span{letter-spacing:.22em;font-family:Georgia,serif;font-size:9px}.versus-mark b{margin:8px;font-size:31px}.versus-mark i{background:linear-gradient(#0000,#d3c39e,#0000);width:1px;height:55px}.impact-enemy .enemy-combatant{animation:.24s ease-out hit-enemy}.impact-player .player-combatant{animation:.24s ease-out hit-player}.impact-enemy .battle-stage,.impact-player .battle-stage{animation:.2s linear screen-shake}@keyframes hit-enemy{35%{filter:brightness(2);transform:translate(16px)}}@keyframes hit-player{35%{filter:sepia()brightness(1.7);transform:translate(-16px)}}@keyframes screen-shake{33%{transform:translate(-3px)}66%{transform:translate(3px)}}.damage-floater{z-index:9;color:#f1d9b5;text-shadow:0 3px 5px #000c;font-family:Georgia,serif;font-size:22px;font-weight:900;animation:.85s ease-out both float-damage;position:absolute;top:34%}.floater-player{left:26%}.floater-enemy{right:25%}.damage-floater.crit{color:#ffd47e;font-size:26px}.damage-floater.heal{color:#a9d09c}.damage-floater.poison{color:#b6cc8d}@keyframes float-damage{to{opacity:0;transform:translateY(-60px)scale(1.12)}}.battle-ui{z-index:5;background:#18221feb;border-top:1px solid #f0e7cd26;grid-template-columns:minmax(180px,1fr) minmax(440px,2fr) minmax(180px,1fr);gap:18px;padding:16px 5vw 23px;display:grid;box-shadow:0 -20px 44px #141e1b59}.battle-log{color:#c7c2af;background:#ffffff09;border:1px solid #ffffff1a;align-items:flex-start;gap:10px;padding:14px;display:flex}.battle-log span{color:#c4a66c}.battle-log p{margin:0;font-size:11px;line-height:1.7}.action-panel{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.action-panel>button{cursor:pointer;color:#e9e4d4;text-align:left;background:#ffffff0d;border:1px solid #e6ddc329;grid-template-columns:38px 1fr;align-items:center;min-height:82px;padding:10px;transition:transform .15s,background .15s;display:grid;position:relative}.action-panel>button:hover:not(:disabled){background:#ffffff1c;transform:translateY(-4px)}.action-panel>button:disabled{cursor:not-allowed;opacity:.35}.action-panel>button>i{text-align:center;color:#c5ad7b;font-size:29px;font-style:normal}.action-panel>button span{display:grid}.action-panel>button b{letter-spacing:.14em;font-size:13px}.action-panel>button small{opacity:.63;margin-top:4px;font-size:8px;line-height:1.4}.action-panel kbd{opacity:.4;font-family:Georgia,serif;font-size:8px;position:absolute;top:5px;right:6px}.energy{letter-spacing:.2em;grid-column:1/-1;justify-content:center;gap:12px;font-size:9px;display:flex}.energy span{gap:6px;display:flex}.energy i{color:#48534f;font-style:normal}.energy i.filled{color:#d8b86f;text-shadow:0 0 8px #d8b86f}.skill-ribbon{border:1px solid #ffffff1a;flex-wrap:wrap;align-content:center;gap:7px;padding:12px;display:flex}.skill-ribbon>small{letter-spacing:.2em;opacity:.65;width:100%;font-size:8px}.skill-ribbon>span{cursor:help;color:#ede7d5;border:1px solid color-mix(in srgb, var(--skill-color), transparent 38%);background:color-mix(in srgb, var(--skill-color) 50%, #26332f);place-items:center;width:32px;height:32px;display:grid;position:relative}.skill-ribbon>span i{background:#1f2a27;min-width:90px;padding:5px;font-size:8px;font-style:normal;display:none;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.skill-ribbon>span:hover i{display:block}.skill-ribbon p{opacity:.45;margin:0;font-size:9px}.story-screen,.reward-screen,.upgrade-screen,.ending-screen,.settings-screen{background:linear-gradient(#2a373285,#1b2824d1),url(/art/mistwhisper-journey.png) 50%/cover;place-items:center;min-height:100svh;padding:40px 20px;display:grid}.screen-back{z-index:4;cursor:pointer;color:#eee6d1;background:#24302c80;border:1px solid #ffffff47;padding:8px 12px;position:absolute;top:28px;left:30px}.story-card{text-align:center;background:#f4eddaf2;border:1px solid #323d374d;width:min(650px,92vw);padding:35px 52px 45px;position:relative;box-shadow:0 24px 80px #111b186b}.story-art{background:linear-gradient(#0000,#1d2b26bf),url(/art/mistwhisper-journey.png) 50% 70%/cover;height:210px;margin:-18px -35px 27px;position:relative;overflow:hidden}.story-art>span{color:#f4e6c3d9;text-shadow:0 8px 22px #273630;font-size:74px;position:absolute;top:34px;left:50%;transform:translate(-50%)}.story-art .traveler{transform-origin:bottom;bottom:6px;left:34%;transform:scale(1.4)}.story-art .cat{transform-origin:bottom;bottom:6px;left:48%;transform:scale(1.2)}.story-card>small,.reward-heading>small{color:#946c4e;letter-spacing:.3em;font-size:9px}.story-card h2{letter-spacing:.12em;margin:8px 0 13px;font-size:29px}.story-card>p{color:#56635d;margin:0 auto 25px;font-size:13px;line-height:2}.choice-list{gap:9px;display:grid}.choice-list button{cursor:pointer;text-align:left;background:#ffffff5e;border:1px solid #39443e33;justify-content:space-between;align-items:center;min-height:60px;padding:11px 18px;transition:transform .2s,background .2s;display:flex}.choice-list button:hover{background:#fffaf0;transform:translate(6px)}.choice-list span{letter-spacing:.1em;font-weight:800;display:grid}.choice-list small{color:#7c867f;margin-top:4px;font-size:9px;font-weight:400}.choice-list i{color:#9a6d51;font-size:21px;font-style:normal}.campfire{color:#cc7951;filter:drop-shadow(0 8px 18px #974d2f47);place-items:center;height:150px;font-size:76px;display:grid;position:relative}.campfire i{background:#d5965d;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite ember-up;position:absolute}.campfire i:first-child{bottom:28%;left:43%}.campfire i:nth-child(2){animation-delay:-.7s;bottom:37%;right:44%}.campfire i:nth-child(3){animation-delay:-1.3s;bottom:28%;right:48%}@keyframes ember-up{to{opacity:0;transform:translate(15px,-90px)scale(.2)}}.reward-screen,.upgrade-screen{color:#29322f;background:linear-gradient(#dce1cfd1,#e8e1cdf0),url(/art/mistwhisper-journey.png) 50%/cover;align-content:center}.reward-heading{text-align:center}.reward-heading>span{color:#a68a58;font-size:40px;display:block}.reward-heading h2,.upgrade-screen h2{letter-spacing:.16em;margin:7px 0 5px;font-size:clamp(26px,3vw,42px)}.reward-heading p,.upgrade-screen>p{color:#66716b;letter-spacing:.08em;margin:7px 0 24px;font-size:12px}.reward-grid,.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:18px;width:min(920px,95vw);display:grid}.reward-card,.upgrade-grid button{cursor:pointer;text-align:center;background:#f8f2e1e0;border:1px solid #38433c40;min-height:310px;padding:30px 20px 20px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 12px 35px #303a3421,inset 0 0 0 6px #ffffff52}.reward-card:hover,.upgrade-grid button:hover{transform:translateY(-10px);box-shadow:0 22px 45px #27322c3d,inset 0 0 0 6px #ffffff52}.reward-card .rarity{color:#8e7656;letter-spacing:.18em;font-size:8px;position:absolute;top:12px;right:13px}.reward-card>i,.upgrade-grid button>i{color:#4e5e58;background:#798b801c;border:1px solid #44514a40;border-radius:50%;place-items:center;width:94px;height:94px;margin:7px auto 20px;font-size:52px;font-style:normal;display:grid}.reward-card>small,.upgrade-grid button>small{color:#957256;letter-spacing:.22em;font-size:8px}.reward-card h3,.upgrade-grid h3{letter-spacing:.12em;margin:6px 0 10px;font-size:19px}.reward-card p,.upgrade-grid p{color:#67716b;min-height:40px;font-size:11px;line-height:1.7}.reward-card>b,.upgrade-grid button>b{letter-spacing:.2em;border-top:1px solid #404b4526;margin-top:15px;padding-top:12px;font-size:9px;display:block}.rarity-史诗{background:linear-gradient(#faf1d9e6,#e9d3b2eb);border-color:#9c694485}.rarity-稀有{border-color:#526e677a}.level-seal{color:#ede5cf;background:#46564f;border-radius:50%;align-content:center;place-items:center;width:80px;height:80px;margin:0 auto 14px;display:grid;box-shadow:0 0 0 7px #46564f24}.level-seal span{letter-spacing:.15em;font-family:Georgia,serif;font-size:8px}.level-seal b{font-family:Georgia,serif;font-size:30px}.upgrade-screen{text-align:center}.upgrade-grid button{border-top:4px solid var(--skill-color)}.upgrade-grid button>i{color:var(--skill-color);border-color:color-mix(in srgb, var(--skill-color), transparent 55%);background:color-mix(in srgb, var(--skill-color) 10%, transparent)}.ending-screen{background:#293834}.postcard{background:#eee5cf;grid-template-columns:1.35fr 1fr;width:min(1100px,94vw);min-height:610px;padding:15px;display:grid;transform:rotate(-.35deg);box-shadow:0 30px 90px #080e0c80}.postcard-image{background:linear-gradient(#0000 55%,#1a2622ad),url(/art/mistwhisper-journey.png) 50%/cover;min-height:560px;position:relative;overflow:hidden}.postcard-image>span{color:#f5ecd4;letter-spacing:.22em;text-shadow:0 2px 10px #1f2e29;font-size:20px;font-weight:800;position:absolute;bottom:26px;left:30px}.postcard-party{filter:drop-shadow(0 8px 7px #0006);position:absolute;bottom:18%;right:28%;transform:scale(1.7)}.postcard-party .cat{top:25px;left:55px}.postcard-copy{text-align:center;background:repeating-linear-gradient(0deg,#0000 0 32px,#5b675e17 32px 33px);flex-direction:column;justify-content:center;padding:35px;display:flex;position:relative}.postcard-copy:after{content:"☁";color:#8e6d51;opacity:.7;border:2px solid #9b7f5d;place-items:center;width:72px;height:62px;font-size:30px;display:grid;position:absolute;top:25px;right:25px}.postcard-copy h2{letter-spacing:.08em;margin:17px 0;font-size:25px;line-height:1.45}.postcard-quote{color:#58645f;font-size:13px;font-style:italic;line-height:2}.journey-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0;display:grid}.journey-stats span{background:#44534c0f;justify-items:center;padding:9px 2px;display:grid}.journey-stats b{font-family:Georgia,serif;font-size:20px}.journey-stats small{font-size:8px}.postmark{color:#8b7459;letter-spacing:.12em;font-family:Georgia,serif;font-size:8px}.ending-actions{gap:7px;margin-top:20px;display:grid}.ending-actions button{cursor:pointer;text-align:center;background:#ffffff7a;border:1px solid #3e4b4440;min-height:46px;padding:10px;display:block}.ending-actions .primary-wood{width:100%;display:block}.gameover .postcard-image{filter:saturate(.62)brightness(.72)}.codex-screen{background:linear-gradient(#eee8d6e6,#dce2d5f5),url(/art/mistwhisper-journey.png) 50%/cover fixed;min-height:100svh;padding:30px 5vw 60px}.codex-screen header{border-bottom:1px solid #39463f38;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:10px 0 24px;display:grid}.codex-screen header button{cursor:pointer;background:#ffffff4d;border:1px solid #38453e3b;justify-self:start;padding:9px 14px}.codex-screen header div{text-align:center}.codex-screen header small{color:#8c7051;letter-spacing:.3em;font-size:9px}.codex-screen header h2{letter-spacing:.2em;margin:3px 0;font-size:30px}.codex-screen header>span{justify-self:end;font-family:Georgia,serif;font-size:10px}.codex-tabs{justify-content:center;gap:10px;margin:22px 0;display:flex}.codex-tabs button{cursor:pointer;letter-spacing:.15em;background:#ffffff40;border:1px solid #38443d30;min-width:130px;padding:11px 17px;font-size:10px}.codex-tabs button.active{color:#f1ead7;background:#42514b}.codex-grid{grid-template-columns:repeat(4,1fr);gap:13px;width:min(1180px,100%);margin:auto;display:grid}.codex-grid article{text-align:center;background:#f7f1dfbd;border:1px solid #39453e2e;min-height:250px;padding:24px 19px 18px;position:relative;box-shadow:0 9px 25px #29362f12}.codex-grid article>i{background:#70867a14;border:1px solid #38443e2b;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 13px;font-size:43px;font-style:normal;display:grid}.codex-grid article>small{color:#947255;letter-spacing:.18em;font-size:8px}.codex-grid h3{letter-spacing:.08em;margin:5px 0 8px;font-size:16px}.codex-grid p{color:#647069;margin:0;font-size:10px;line-height:1.7}.codex-grid article>span{opacity:.6;border-top:1px solid #39453e1f;padding-top:8px;font-family:Georgia,serif;font-size:8px;position:absolute;bottom:10px;left:12px;right:12px}.settings-screen{z-index:60;background:#1f2b27f0;position:relative}.settings-screen article{background:#eee6d1;width:min(530px,92vw);padding:42px 45px 36px;position:relative;box-shadow:0 25px 80px #0000006b}.settings-screen h2{text-align:center;letter-spacing:.16em;margin:10px 0 27px;font-size:28px}.close-button{z-index:3;cursor:pointer;background:0 0;border:1px solid #38443e33;border-radius:50%;width:33px;height:33px;font-size:21px;position:absolute;top:14px;right:14px}.settings-screen label{border-bottom:1px solid #3a453f21;grid-template-columns:1fr 180px;align-items:center;min-height:66px;display:grid}.settings-screen label>span{display:grid}.settings-screen label b{letter-spacing:.08em;font-size:13px}.settings-screen label small{color:#6b756f;margin-top:4px;font-size:9px}.settings-screen input[type=range]{accent-color:#7b8e84}.toggle-row input{accent-color:#6e8478;justify-self:end;width:42px;height:21px}.settings-actions{gap:7px;margin-top:26px;display:grid}.settings-actions button{cursor:pointer;color:#f2ead6;background:#43524c;border:1px solid #38443e38;min-height:44px}.settings-actions .danger-button{color:#874f45;background:0 0}@media (width<=1100px){.map-layout{grid-template-columns:200px 1fr}.quest-card{display:none}.battle-ui{grid-template-columns:1fr 2fr}.skill-ribbon{display:none}.codex-grid{grid-template-columns:repeat(3,1fr)}.title-heroes{right:10%;transform:scale(1.45)}}@media (width<=760px){.game-shell:after{border-width:4px}.petal-field i:nth-child(n+9){display:none}.title-screen{background-position:54%;align-items:flex-start}.title-screen:before{background:linear-gradient(#0000 40%,#0f1815c7),linear-gradient(90deg,#efe8d4eb,#efe8d480 72%,#0000)}.title-wash{opacity:.83;clip-path:polygon(0 0,92% 0,100% 20%,91% 38%,97% 60%,87% 80%,93% 100%,0 100%);width:110%;height:100%;top:0;left:-30%}.title-copy{width:100%;margin:0;padding:10svh 24px 20px}.title-copy h1{font-size:clamp(64px,21vw,94px)}.title-lede{margin:14px 0 20px;font-size:11px}.title-menu{width:min(360px,94%)}.title-menu button{min-height:54px}.title-heroes{bottom:9%;right:17%;transform:scale(1.15)}.title-whisper{max-width:50%;font-size:8px;line-height:1.8;bottom:3%;right:10%}.scroll-cue{display:none}.game-header{gap:8px;height:62px;padding:0 14px}.region-title small{display:none}.region-title strong{font-size:15px}.header-stats{gap:8px;font-size:10px}.header-stats span:nth-child(3){display:none}.map-layout{width:100%;min-height:calc(100svh - 62px);padding:0;display:block}.traveler-card{display:none}.journey-map{border:0;height:calc(100svh - 62px);min-height:580px}.map-heading{top:18px}.map-node{top:calc(19% + (var(--lane) + 1) * (62% / (var(--count) + 1)));left:calc(8% + var(--layer) * 21.5%);width:58px;height:58px}.map-node:after{inset:-6px}.map-node i{font-size:20px}.map-node span{font-size:7px;top:66px}.node-boss{width:68px;height:68px}.map-legend{white-space:nowrap;bottom:11px;right:50%;transform:translate(50%)}.battle-screen{grid-template-rows:55px minmax(300px,1fr) auto}.battle-top{padding:0 16px}.battle-top b{font-size:13px}.battle-stage{grid-template-columns:1fr 46px 1fr;padding:15px 10px 12px}.combatant{width:100%}.battle-character{height:145px}.battle-character .traveler{left:34%;transform:scale(1.7)}.battle-character .cat{left:62%;transform:scale(1.25)}.enemy-figure{width:100px;height:145px}.boss-figure{width:120px;height:160px}.enemy-figure>i{font-size:55px}.nameplate b{font-size:12px}.nameplate small{font-size:7px}.nameplate strong{font-size:9px}.versus-mark span{display:none}.versus-mark b{font-size:22px}.battle-ui{grid-template-columns:1fr;gap:7px;padding:8px 9px 13px}.battle-log{min-height:45px;padding:8px 10px}.action-panel{gap:5px}.action-panel>button{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:72px;padding:7px 3px}.action-panel>button>i{font-size:23px}.action-panel>button b{font-size:10px}.action-panel>button small{display:none}.energy{margin-bottom:2px}.floater-player{left:18%}.floater-enemy{right:16%}.screen-back{top:12px;left:12px}.story-screen{padding:55px 12px 12px}.story-card{padding:27px 24px 30px}.story-art{height:170px;margin:-13px -12px 22px}.story-card h2{font-size:23px}.story-card>p{font-size:11px}.choice-list button{min-height:56px}.reward-screen,.upgrade-screen{align-content:start;padding:34px 14px;overflow-y:auto}.reward-grid,.upgrade-grid{grid-template-columns:1fr;width:min(380px,100%)}.reward-card,.upgrade-grid button{min-height:210px;padding:18px}.reward-card>i,.upgrade-grid button>i{width:62px;height:62px;margin-bottom:12px;font-size:35px}.reward-card p,.upgrade-grid p{min-height:0}.ending-screen{place-items:start center;padding:12px;overflow-y:auto}.postcard{grid-template-columns:1fr;padding:9px;transform:none}.postcard-image{min-height:38svh}.postcard-copy{padding:29px 20px}.postcard-copy:after{width:49px;height:42px;font-size:20px}.postcard-copy h2{font-size:20px}.codex-screen{padding:18px 13px 40px}.codex-screen header{grid-template-columns:auto 1fr auto}.codex-screen header>span{display:none}.codex-screen header h2{font-size:20px}.codex-tabs{gap:5px}.codex-tabs button{flex:1;min-width:0;padding:10px 5px;font-size:8px}.codex-grid{grid-template-columns:repeat(2,1fr);gap:8px}.codex-grid article{min-height:230px;padding:18px 10px}.settings-screen{padding:15px}.settings-screen article{padding:38px 24px 27px}.settings-screen label{grid-template-columns:1fr 110px}}@media (width<=390px){.title-copy{padding-top:6svh}.title-copy h1{font-size:61px}.title-menu{gap:5px}.title-menu button{min-height:49px}.title-menu button span{font-size:14px}.codex-grid{grid-template-columns:1fr}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}