:root{font-family:Arial,Helvetica,sans-serif;color:#f8e8b9;background:#0b2029;font-synthesis:none;color-scheme:dark;--gold: #efb94f;--mint: #a9cf9a;--muted: #8aa49d;--ink: #102c36}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:none}button:focus-visible,a:focus-visible{outline:3px solid #f8e8b9;outline-offset:4px}button:focus:not(:focus-visible){outline:none}button{border:0}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}#app{height:100svh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#1c3e3d,#0b2029 70%)}.shell{width:min(1200px,calc(100vw - 80px));max-height:100svh}.masthead{height:99px;display:flex;align-items:center;gap:32px}.wordmark{display:flex;align-items:center;gap:12px;font-family:monospace;font-weight:700;font-size:20px;letter-spacing:3px;min-height:44px}.wordmark svg{width:34px;height:34px;color:var(--gold)}.wordmark-sub{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.2px;color:var(--muted);margin-top:4px}.edition{font-family:monospace;font-size:10px;letter-spacing:1.7px;color:var(--muted);margin-left:auto}.serial{margin-left:0;color:#708a84}.game-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #577365;box-shadow:0 24px 80px #0005;background:var(--ink);container-type:inline-size}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 60px #081d2940}.utility{position:absolute;right:16px;top:15px;display:flex;gap:5px;z-index:6}.icon-button{width:44px;height:44px;color:#f8e8b9;background:#102c36a6;border:1px solid #a9cf9a4d;display:grid;place-items:center}.icon-button:hover{background:#296b65}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square}.icon-button.muted{color:#8aa49d}.icon-button.muted:after{content:"";position:absolute;width:23px;height:2px;background:#efb94f;transform:rotate(-45deg)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.title-screen{background:linear-gradient(90deg,#102c36fc 0%,#102c36ed 32%,#102c3670 53%,transparent 72%)}.title-copy{position:absolute;left:6.1%;top:10.8%;width:46%}.kicker{color:var(--gold);font-family:monospace;font-size:clamp(10px,1.1cqw,13px);letter-spacing:2.2px;font-weight:600;display:block}.kicker span{display:inline-block;width:21px;height:1px;background:var(--gold);vertical-align:middle;margin-right:9px}h1{font-family:Impact,Arial Narrow,sans-serif;font-weight:900;font-size:clamp(55px,8.8cqw,108px);line-height:.81;letter-spacing:3px;margin:23px 0 20px;text-shadow:3px 4px 0 #102c36;color:#f8e8b9}h1 span{display:block;color:var(--gold);margin-top:7px}.tagline{color:#c2d0b8;font-size:clamp(12px,1.35cqw,16px);line-height:1.6;letter-spacing:.1px;margin:0 0 22px}.primary{min-height:48px;padding:0 21px;background:var(--gold);color:var(--ink);font-family:monospace;font-size:clamp(11px,1.15cqw,14px);font-weight:700;letter-spacing:1.2px;box-shadow:0 4px #a56d31;display:flex;align-items:center;justify-content:space-between;gap:28px}.primary:hover{background:#f8d785;transform:translateY(-1px)}.primary:active{transform:translateY(2px);box-shadow:0 2px #a56d31}.primary span{font-size:23px;line-height:1}.title-actions{display:flex;gap:22px;align-items:center;margin-top:13px;font-family:monospace;font-size:11px;color:#8aa49d}.text-button{background:transparent;color:#d4ddad;min-height:44px;padding:0;font-family:monospace;font-size:12px}.text-button:hover{color:#efb94f}.text-button span{margin-left:7px}.title-actions #best{font-size:10px;letter-spacing:1px}.art-caption{position:absolute;right:8%;bottom:23%;font-family:monospace;font-size:10px;letter-spacing:1.5px;color:#f8e8b9;text-align:center;text-shadow:1px 2px #102c36}.art-caption i{display:block;font-style:normal;font-size:8px;letter-spacing:1.2px;color:#d4ddad;margin-top:9px}.small-sun{display:block;color:var(--gold);font-size:20px;margin-bottom:9px}.title-bottom{position:absolute;bottom:5%;left:6.1%;right:6.1%;display:flex;justify-content:space-between;border-top:1px solid #a9cf9a42;padding-top:17px;font-family:monospace;font-size:9px;letter-spacing:1.3px;color:#a9cf9a}.journey{display:flex;align-items:center;gap:40px;border-bottom:1px solid #a9cf9a24;min-height:104px}.journey-intro{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#a4b9ab;flex-shrink:0}.eyebrow{font-family:monospace;font-size:9px;letter-spacing:1.5px;color:#adc2ae}.journey ol{list-style:none;padding:0;margin:0;display:flex;flex:1;justify-content:space-between;gap:10px}.journey li{display:flex;align-items:center;gap:12px;color:#728b84;font-family:monospace;font-size:9px;letter-spacing:1px}.journey li b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #456259;border-radius:50%;font-size:10px;font-weight:400}.journey li.active{color:var(--gold)}.journey li.active b{border-color:var(--gold);background:#efb94f12}footer{display:flex;justify-content:space-between;align-items:center;height:64px;font-family:monospace;font-size:9px;letter-spacing:1px;color:#728b84}footer div{font-size:10px;letter-spacing:0}kbd{display:inline-block;font-family:monospace;font-size:10px;border:1px solid #577365;padding:3px 5px;color:#d4ddad;margin:0 4px 0 12px}.footer-divider{margin:0 12px}.hud{position:absolute;left:4%;top:5%;right:4%;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:2;text-shadow:1px 2px #102c36}.health{display:flex;flex-direction:column;gap:4px;min-width:110px}.heart{color:#e07856;font-size:25px;letter-spacing:3px;text-shadow:2px 2px #102c36}.heart.empty{color:#61736b}.score-wrap{display:flex;flex-direction:column;gap:3px;text-align:center}.score-wrap strong{font-family:monospace;font-size:27px;letter-spacing:3px;color:#f8e8b9}.stage-name{display:flex;flex-direction:column;gap:5px;text-align:right;margin-right:150px;font-family:monospace;font-size:12px}.stage-name .eyebrow{color:var(--gold)}.progress{position:absolute;bottom:8%;left:4%;width:26%;z-index:2;font-family:monospace;font-size:8px;letter-spacing:1.4px;color:#d4ddad}.progress-track{height:5px;background:#091c29;border:1px solid #a9cf9a66;margin-top:9px;position:relative}.progress-track i{display:block;height:100%;background:var(--gold)}.checkpoint-tick{position:absolute;left:50%;top:-2px;width:2px;height:7px;background:#d4ddad}.gate-symbol{position:absolute;right:-15px;bottom:-4px;color:var(--gold);font-size:17px}.hint{position:absolute;left:0;right:0;top:27%;text-align:center;font-family:monospace;letter-spacing:1.5px;font-size:10px;color:#f8e8b9;text-shadow:1px 2px #102c36;pointer-events:none}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.move-button{position:absolute;bottom:6%;width:67px;height:67px;border:1px solid #f8e8b97a;color:#f8e8b9;background:#102c3673;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;pointer-events:auto;border-radius:50%;font-family:monospace;font-size:9px;letter-spacing:1px}.move-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.move-button.jump{right:4%;border-color:#efb94f;color:#efb94f}.move-button.slide{right:calc(4% + 82px)}.move-button.pressed{background:#efb94f;color:#102c36}.dialog-screen{display:flex;align-items:center;justify-content:center;background:#091c29b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5}.dialog-card{width:65%;max-width:580px;text-align:center;padding:30px;background:#102c36f5;border:1px solid #a9cf9a60;box-shadow:0 12px 50px #0005;position:relative}.dialog-icon svg{color:var(--gold);width:33px;height:33px;margin-bottom:12px}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(26px,3.6cqw,44px);margin:15px 0;color:#f8e8b9;letter-spacing:-1px}.dialog-card p{font-size:clamp(12px,1.35cqw,16px);color:#b3c7b2;line-height:1.65;max-width:430px;margin:0 auto 20px}.dialog-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:35px;margin:20px 0}.dialog-stats div{display:flex;flex-direction:column;gap:7px;font-family:monospace;font-size:9px;letter-spacing:1px;color:var(--muted)}.dialog-stats b{font-size:22px;color:var(--gold);font-weight:400}.dialog-stats kbd{margin:0}.dialog-stats p{font-size:12px;margin:0!important}.dialog-stats kbd+b{font-size:12px}.dialog-buttons{display:flex;flex-direction:column;align-items:center;gap:6px}.dialog-buttons .primary{min-width:230px}.portrait{display:none}@media(min-width:1000px)and (max-height:850px){.shell{width:min(1120px,calc((100svh - 180px) * 16 / 9))}.masthead{height:65px}.journey{min-height:70px}footer{height:45px}}@media(max-width:1000px){.shell{width:calc(100vw - 40px)}.journey{gap:20px;min-height:85px}.journey-intro{display:none}.edition{font-size:8px}.serial{display:none}footer>span:last-child{display:none}footer{font-size:8px}.stage-name{display:none}}@media(orientation:landscape)and (max-height:600px){.shell{width:min(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 20px),calc((100svh - 12px) * 16 / 9))}.masthead,.journey,footer{display:none}.game-frame{box-shadow:none}.utility{right:10px;top:8px;gap:3px}.title-copy{top:8%;left:5.5%}h1{font-size:9cqw;margin:14px 0 12px;line-height:.8}.tagline{font-size:12px;margin-bottom:14px;line-height:1.45}.kicker{font-size:9px;letter-spacing:1.5px}.primary{min-height:44px;font-size:11px;padding:0 15px;gap:20px}.title-actions{margin-top:7px;gap:18px}.title-bottom{padding-top:10px;font-size:7px;bottom:4%}.title-actions .text-button{font-size:10px}.art-caption{font-size:8px;right:9%;bottom:23%}.art-caption i{font-size:7px}.small-sun{font-size:16px}.dialog-card{width:68%;padding:17px 22px}.dialog-icon{display:none}.dialog-card h2{margin:10px 0;font-size:28px}.dialog-card p{font-size:12px;line-height:1.5;margin-bottom:12px}.dialog-stats{margin:12px 0;gap:25px}.dialog-stats b{font-size:20px}.dialog-stats p{font-size:10px}.dialog-stats kbd+b{font-size:10px}.dialog-buttons{gap:0}.dialog-buttons .text-button{min-height:44px}.hud{top:5%;left:4%}.score-wrap strong{font-size:23px}.health{min-width:80px}.hud .eyebrow{font-size:8px}.heart{font-size:22px}.hint{font-size:8px;top:26%}.progress{bottom:7%;font-size:7px}.move-button{width:58px;height:58px;bottom:5%}.move-button.slide{right:calc(4% + 72px)}}@media(orientation:portrait){.shell{width:100vw;height:100svh}.masthead,.journey,footer{display:none}.game-frame{height:100svh;width:100vw;border:0;aspect-ratio:auto}.portrait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:radial-gradient(ellipse at 50% 22%,#245456,#102c36 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px}.portrait-mark svg{width:52px;height:52px;color:var(--gold);margin-bottom:28px}.portrait .kicker{font-size:10px;letter-spacing:2px}.rotate-icon{font-size:72px;color:var(--gold);line-height:1;margin:48px 0 20px}.portrait h2{font-size:30px;line-height:1.2;letter-spacing:-.5px}.portrait p{font-size:15px;line-height:1.7;color:#a9cf9a}.portrait-note{position:absolute;bottom:max(35px,env(safe-area-inset-bottom));font-family:monospace;font-size:8px;letter-spacing:1px;color:#8aa49d}.utility,.screen,.hud,.progress,.touch-controls,.hint{display:none!important}}@media(prefers-reduced-motion:reduce){button:hover{transform:none}}@media(min-width:1001px)and (min-height:601px){.shell{width:min(1200px,calc(100vw - 80px),calc((100svh - 250px) * 16 / 9))}.masthead{height:80px}.journey{min-height:90px}footer{height:55px}}.score-wrap{position:absolute;left:50%;transform:translate(-50%);padding:4px 14px;background:#102c365e;border-bottom:1px solid #a9cf9a40}.stage-name{margin-left:auto}.title-actions{gap:18px}.title-actions:has(#fresh:not([hidden])) #best{display:none}canvas:focus{outline:none}#fresh{display:none!important}.title-actions{gap:15px}.title-actions .text-button{font-size:11px}.crew-chip,.palette-chip{position:absolute;min-height:44px;z-index:4;background:#102c36d9;border:1px solid #a9cf9a60;color:#f8e8b9;font-family:monospace;letter-spacing:.7px;font-size:10px;padding:0 13px}.crew-chip{right:8%;bottom:9%}.palette-chip{right:16px;top:70px}.sunset canvas{filter:sepia(.28) saturate(.88)}.picker-screen{display:flex;align-items:center;justify-content:center;background:#091c29d9;z-index:5}.picker-panel{width:88%;max-width:1000px;background:#102c36ed;border:1px solid #a9cf9a55;padding:25px;text-align:center;box-shadow:0 12px 45px #0005}.picker-panel h2{margin:10px 0;font-size:clamp(24px,3cqw,38px)}.picker-intro{font-size:13px;color:#a9cf9a;margin:0 0 20px;line-height:1.5}.character-grid,.stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.character-card,.realm-card{min-width:0;border:1px solid #577365;background:#183e4377;color:#f8e8b9;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:12px 6px;min-height:170px;gap:8px}.character-card[aria-pressed=true]{border:2px solid #efb94f;background:#efb94f13;box-shadow:inset 0 -3px #efb94f}.character-card:hover,.realm-card:not(:disabled):hover{background:#296b65}.character-card canvas{width:60px;height:90px;image-rendering:pixelated}.character-card strong,.realm-card strong{font-size:14px;font-weight:600}.character-card>span{font-size:8px;letter-spacing:1px;font-family:monospace;color:#efb94f}.character-card small{font-size:10px;color:#a9cf9a;line-height:1.5;max-width:130px}.picker-foot{margin-top:18px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 25px}.picker-foot>span{width:100%;font-size:9px;font-family:monospace;letter-spacing:.7px;color:#a9cf9a}.picker-foot .text-button{min-height:44px}.picker-foot .primary{min-width:220px}.realm-card{gap:12px;min-height:190px}.realm-card>b{font-family:monospace;font-size:25px;color:#efb94f;font-weight:400}.realm-card:disabled{opacity:.45;cursor:default}.realm-card small{font-family:monospace;font-size:8px;color:#a9cf9a}.journal-marks{display:flex;flex-direction:column;gap:8px;text-align:left}.journal-marks i{font-size:9px;letter-spacing:.5px;font-family:monospace;color:#8aa49d;font-style:normal}.journal-marks i[data-found=true]{color:#efb94f}.discovery{position:absolute;z-index:7;pointer-events:none;left:50%;top:24%;transform:translate(-50%);max-width:88%;text-align:center;background:#102c36ed;border:1px solid #efb94f88;color:#efb94f;font-size:12px;line-height:1.5;letter-spacing:1px;font-family:monospace;padding:12px 18px;box-shadow:0 5px 20px #0004}.seal-result{flex-basis:100%;font-family:monospace;color:#efb94f!important;font-size:11px!important;margin:0!important}@media(orientation:landscape)and (max-height:600px){.picker-panel{width:92%;padding:15px 18px}.picker-panel .kicker{font-size:8px}.picker-panel h2{font-size:25px;margin:7px 0}.picker-intro{font-size:10px;margin-bottom:12px}.character-grid,.stage-grid{gap:8px}.character-card{min-height:130px;padding:8px 3px;gap:5px}.character-card canvas{width:44px;height:66px}.character-card strong,.realm-card strong{font-size:11px}.character-card>span{font-size:7px;letter-spacing:.3px}.character-card small{display:none}.picker-foot{margin-top:11px;gap:5px 18px}.picker-foot>span{font-size:8px}.realm-card{min-height:142px;gap:8px;padding:8px 4px}.realm-card>b{font-size:18px}.journal-marks{gap:5px}.journal-marks i{font-size:8px}.discovery{padding:8px 12px;font-size:9px;top:24%}.crew-chip{font-size:8px;right:8%;bottom:9%;padding:0 10px}.palette-chip{font-size:8px;top:60px;right:10px}.seal-result{font-size:8px!important}.title-actions{gap:12px}.title-actions .text-button{font-size:9px}}@media(orientation:portrait){.game-frame>canvas{position:absolute;left:0;top:0;height:auto;aspect-ratio:16/9;width:100%;object-fit:contain}.portrait{background:linear-gradient(#102c3610,#102c3660 15%,#102c36ed 34%,#102c36 68%);padding-top:230px}.portrait-mark svg{width:35px;height:35px;margin-bottom:18px}.portrait .kicker{font-size:9px}.rotate-icon{font-size:55px;margin:25px 0 10px}.portrait h2{font-size:27px;margin:12px 0}.portrait p{font-size:14px;margin:10px 0}.portrait-note{font-size:7px;letter-spacing:.4px}#app[data-scene=characters] .portrait,#app[data-scene=stages] .portrait{display:none}#characters:not([hidden]),#stages:not([hidden]){display:flex!important}.picker-panel{width:94%;padding:24px 16px;max-height:98svh;overflow-y:auto}.picker-panel h2{font-size:28px}.picker-panel .kicker{font-size:8px;letter-spacing:1px}.picker-intro{font-size:12px;margin-bottom:18px}.character-grid,.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-card{min-height:180px;padding:10px 5px;gap:7px}.character-card canvas{width:54px;height:81px}.character-card strong{font-size:13px}.character-card>span{font-size:7px}.character-card small{font-size:9px}.picker-foot{gap:10px;margin-top:18px}.picker-foot .primary{min-width:220px}.picker-foot>span{font-size:8px;line-height:1.6}.realm-card{min-height:175px}.realm-card strong{font-size:13px}.realm-card small{font-size:8px}.picker-foot .text-button{width:100%}.crew-chip,.palette-chip{display:none}.discovery:not([hidden]){display:block!important;top:180px;font-size:9px;padding:8px;width:90%;z-index:11}}.portrait-choose{margin-top:20px;min-width:230px;font-size:11px;text-transform:uppercase}