@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=VT323&display=swap');
:root{color-scheme:dark;--navy:#121129;--ink:#17122d;--line:#6a466f;--pink:#ff8fac;--gold:#ffd17c;--cream:#fff0db;--muted:#c0abc8;--pixel:'Silkscreen',monospace;font-family:'VT323',monospace;color:var(--cream);background:var(--navy)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.15)}[hidden]{display:none!important}.panel{background:linear-gradient(130deg,#1c1735f5,#111024f5);border:2px solid #806080;box-shadow:inset 0 0 0 3px #241935,0 4px 0 #100d21;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.hud{height:126px;display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(240px,1.1fr) 170px 225px;gap:8px;padding:8px;position:relative;z-index:3;background:#111129;border-bottom:3px solid #382240}.title-panel{display:flex;justify-content:center;align-items:center;gap:13px;padding:7px}.title-heart{font-size:34px;color:var(--pink);text-shadow:2px 3px #713956}h1{font:700 clamp(19px,2.35vw,38px)/1.15 var(--pixel);letter-spacing:-2px;margin:0;color:var(--pink);text-shadow:3px 3px #8a4667,4px 5px #080820}h1 span{display:block;color:var(--gold);font-size:.66em;letter-spacing:0;text-shadow:2px 3px #855535;margin-top:4px}.title-panel p{margin:7px 0 0;font-size:15px;letter-spacing:3px}.title-panel b{color:var(--gold)}.duo-panel{display:flex;align-items:center;justify-content:space-around;gap:8px;padding:4px 10px}.life{display:flex;align-items:center;gap:6px}.life canvas{width:48px;height:70px;image-rendering:pixelated}.life b{display:block;font:10px var(--pixel);letter-spacing:1px;color:#e7d1dd}.hearts{display:block;white-space:nowrap;font-size:29px;color:#ff587f;letter-spacing:1px;text-shadow:1px 2px #8d315e;margin-top:7px}.score-panel{padding:12px 15px;display:flex;flex-direction:column;gap:3px;font-size:19px;letter-spacing:1px}.score-panel>span:first-child{font-size:16px}.score-panel>span:first-child b{display:block;font-size:26px;line-height:1}.score-panel b{color:var(--cream);font-weight:400}.score-panel small{font-size:15px}.gold{color:var(--gold)}.purple{color:#ce9cfd}.objective-panel{padding:10px 15px;display:flex;flex-direction:column;font-size:17px;line-height:1}.objective-panel strong{font-weight:400;font-size:20px;margin:5px 0}.objective-panel p{font-size:18px;line-height:1;margin:3px 0 0}.stage{height:calc(100svh - 192px);min-height:220px;position:relative;overflow:hidden;background:#332247}#game{display:block;width:100%;height:100%;outline:0;image-rendering:pixelated;touch-action:none}.level-caption{position:absolute;top:15px;left:23px;display:flex;flex-direction:column;text-shadow:2px 2px #22162c;pointer-events:none;gap:5px}.level-caption b{font:10px var(--pixel);color:var(--gold);letter-spacing:1px}.level-caption span{font-size:14px;letter-spacing:1px}.toast{position:absolute;top:67px;left:23px;max-width:340px;background:#13102ae3;border:2px solid #815d86;padding:12px 17px;font-size:21px;line-height:1.05;box-shadow:3px 4px #24162d;pointer-events:none}.toast span{color:var(--pink)}.scene-buttons{position:absolute;top:15px;right:20px;display:flex;gap:7px}.scene-buttons button{background:#171329da;border:1px solid #947294;box-shadow:2px 3px #261832;padding:9px 11px;min-height:39px;font:10px var(--pixel)}.scene-buttons button:nth-child(n+3){font-size:18px;min-width:40px}.scene-buttons span{font-size:9px;color:var(--muted)}.start-menu,.lobby{position:absolute;left:6%;top:50%;transform:translateY(-45%);width:385px;max-height:calc(100% - 65px);overflow:auto;padding:27px;z-index:2}.start-menu .menu-kicker{font-size:8px}.menu-kicker{display:block;font:10px var(--pixel);color:var(--gold);line-height:1.6}h2{font:700 28px/1.2 var(--pixel);letter-spacing:-1px;margin:18px 0;color:var(--cream);text-shadow:3px 3px #352143}.start-menu p,.lobby p{font-size:20px;line-height:1.1;color:#d7c3db}.players{display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:var(--pink);font-size:19px}.players b{color:#f4e1d4;margin-left:5px}.button{border:2px solid #956885;box-shadow:0 3px #382039;background:#382442;width:100%;padding:13px 14px;display:flex;justify-content:space-between;align-items:center;text-align:left;font:11px/1.4 var(--pixel);margin-top:11px;min-height:48px}.gold-button{color:#35203b;border-color:#ffe4a9;background:#ffd17c;box-shadow:0 4px #9e625f}.button b{font-size:18px}.text-button{background:none;border:0;font-size:17px;letter-spacing:.3px;padding:12px 0;color:#ddbad2}.start-menu>small{display:block;font-size:12px;letter-spacing:1px;color:#a88ead;margin-top:8px}.status{color:var(--pink)!important;font-size:17px!important;min-height:0;margin:10px 0 0}#join-form{margin-top:15px}#join-form label{font-size:15px;color:var(--gold)}#join-form>div{display:flex;gap:7px;margin-top:5px}#join-form button{width:auto;margin:0;min-height:44px}input{min-width:0;width:100%;background:#110d20;border:1px solid #94628f;padding:7px;font:20px var(--pixel);text-transform:uppercase;letter-spacing:2px}.lobby{left:50%;transform:translate(-50%,-45%);text-align:center;width:390px}.lobby h2{font-size:23px}.lobby .button{justify-content:center}.code{font:27px var(--pixel);letter-spacing:4px;padding:15px;background:#21132e;border:2px dashed #b78093;color:var(--gold);margin:4px 0}.bottom-bar{height:66px;display:flex;align-items:center;gap:30px;padding:8px 25px;background:#131127;border-top:2px solid #614062;position:relative;z-index:3}.mission{display:flex;align-items:center;gap:20px}.mission>span{font-size:23px;color:var(--pink);white-space:nowrap}.mission p{font-size:18px;color:#d0b7d2}.bottom-bar>.text-button{margin-left:auto;white-space:nowrap;color:var(--gold);font-size:16px}.key-guide{display:flex;flex-direction:column;gap:7px;font-size:12px;white-space:nowrap;color:#bba5c8}kbd{font-size:11px;padding:2px 4px;border:1px solid #6f5179;background:#21182f;color:#ecdaea;border-radius:2px}.stair-prompt{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#261c33d9;color:var(--gold);border:1px solid #987291;padding:9px 16px;font-size:18px;pointer-events:none}.mobile-controls{display:none}dialog{color:var(--cream);width:calc(100% - 32px);max-width:580px;max-height:90svh;padding:35px;clip-path:none!important;overflow:auto}dialog::backdrop{background:#100b25bd;backdrop-filter:blur(3px)}dialog p,dialog ol{font-size:20px;line-height:1.2;color:var(--muted)}dialog ol{padding-left:24px}dialog li{padding:0 0 15px 4px}dialog li b{color:var(--gold)}dialog .close{position:absolute;right:13px;top:10px;background:none;border:0;font-size:30px;color:var(--pink)}dialog .button{justify-content:center}#victory{max-width:650px;padding:0;text-align:center}.victory-art{display:block;width:100%;height:220px;background:#6a416f;image-rendering:pixelated}.victory-body{padding:26px}#victory .menu-kicker{font-size:21px;color:var(--gold);text-shadow:2px 3px #9c6242}#victory h2{font-size:30px}
@media(max-width:1100px){.hud{grid-template-columns:1.5fr 1.1fr 135px 170px;height:110px;gap:5px;padding:5px}.title-heart{display:none}h1{font-size:26px}.life canvas{width:40px;height:62px}.life{gap:3px}.hearts{font-size:23px}.duo-panel{gap:4px;padding:3px 5px}.objective-panel{padding:9px 10px;font-size:14px}.objective-panel strong{font-size:17px}.objective-panel p{font-size:16px}.score-panel{padding:9px 12px;font-size:17px}.stage{height:calc(100svh - 176px)}.key-guide{display:none}.start-menu{width:355px;padding:23px}h2{font-size:24px}.start-menu p{font-size:19px}}
@media(max-width:700px){.hud{height:126px;grid-template-columns:1fr 1fr 90px;grid-template-rows:50px 64px;gap:4px;padding:4px}.title-panel{grid-column:1/3;grid-row:1;justify-content:start;padding-left:10px;gap:6px}.title-heart{display:block;font-size:23px}.title-panel>div{display:flex;align-items:center;gap:12px}h1{font-size:19px;letter-spacing:-1px;line-height:1.05}h1 span{font-size:11px;letter-spacing:0;margin-top:2px}.title-panel p{font-size:11px;letter-spacing:1px}.duo-panel{grid-column:1/3;grid-row:2;padding:0 5px}.life canvas{width:41px;height:55px}.life b{font-size:9px}.hearts{font-size:25px;margin-top:1px;line-height:1}.life{gap:8px}.score-panel{grid-row:1;grid-column:3;padding:4px 6px;gap:0}.score-panel>span:first-child{font-size:11px}.score-panel>span:first-child b{font-size:17px;display:inline}.score-panel>span{font-size:12px}.score-panel small{font-size:10px}.objective-panel{grid-row:2;grid-column:3;padding:6px;font-size:10px}.objective-panel strong{font-size:11px;margin:3px 0}.objective-panel p{font-size:12px}.stage{height:calc(100svh - 126px - 47px - 118px);min-height:220px}body[data-play-state=home] .stage,body[data-play-state=lobby] .stage{height:calc(100svh - 126px - 47px)}.level-caption{top:9px;left:10px;gap:3px}.level-caption b{font-size:7px;letter-spacing:0}.level-caption span{font-size:10px;letter-spacing:.2px}.toast{left:10px;top:44px;max-width:230px;padding:9px 11px;font-size:16px}.scene-buttons{top:9px;right:9px;gap:4px}.scene-buttons button{font-size:7px;padding:6px;min-height:29px}.scene-buttons button:nth-child(n+3){font-size:14px;min-width:28px}.scene-buttons span{font-size:7px}#map span{display:none}.start-menu{left:50%;transform:translate(-50%,-50%);top:54%;width:calc(100% - 44px);padding:16px;max-height:calc(100% - 56px)}h2{font-size:21px;margin:12px 0}.start-menu p{font-size:16px;margin:10px 0}.start-menu .menu-kicker{font-size:7px}.players{margin:10px 0;font-size:16px}.button{min-height:41px;padding:10px;font-size:9px;margin-top:8px}.start-menu>small{font-size:9px;margin-top:3px}.text-button{font-size:13px;padding:8px 0}.start-menu>.status{font-size:14px!important}.bottom-bar{height:47px;padding:5px 10px;gap:8px}.mission{gap:8px;min-width:0}.mission>span{font-size:17px}.mission p{font-size:13px;margin:0}.bottom-bar>.text-button{font-size:11px}.mobile-controls{height:118px;display:flex;align-items:center;justify-content:space-between;padding:8px 24px max(8px,env(safe-area-inset-bottom));user-select:none;position:relative;z-index:3;background:#171229}.dpad{display:grid;grid-template-columns:45px 45px 45px;grid-template-rows:39px 39px;gap:4px}.dpad button{border:1px solid #ac7e9d;background:#332342;box-shadow:0 3px #0b0817;font-size:27px;border-radius:4px;touch-action:none}.dpad button:active,.dpad button.pressed{background:#865175}.dpad button[data-dir=up]{grid-column:2;grid-row:1}.dpad button[data-dir=left]{grid-column:1;grid-row:2}.dpad button[data-dir=down]{grid-column:2;grid-row:2}.dpad button[data-dir=right]{grid-column:3;grid-row:2}.action-button{width:72px;height:72px;border-radius:50%;border:2px solid #ffb7be;background:#b95783;box-shadow:0 5px #6c3259;font-size:28px;color:#ffe5cf;touch-action:none}.action-button small{display:block;font:7px var(--pixel)}.touch-meta{display:flex;flex-direction:column;align-items:center;gap:5px;font:9px var(--pixel);color:var(--pink)}.touch-meta button{font-size:12px}.lobby{max-height:calc(100% - 40px);width:calc(100% - 40px);padding:18px;top:52%;transform:translate(-50%,-50%)}.lobby h2{font-size:19px}.lobby p{font-size:16px}.code{font-size:23px;padding:10px}.stair-prompt{bottom:14px;font-size:14px;padding:7px 12px}dialog{padding:25px}dialog p,dialog ol{font-size:18px}#victory h2{font-size:23px}.victory-art{height:180px}.victory-body{padding:20px}}
@media(pointer:coarse) and (min-width:701px){.mobile-controls{display:flex;position:absolute;bottom:80px;left:20px;right:20px;justify-content:space-between;pointer-events:none;z-index:4}.mobile-controls>*{pointer-events:auto}.dpad{display:grid;grid-template-columns:45px 45px 45px;grid-template-rows:40px 40px;gap:5px}.dpad button{background:#342342df;border:1px solid #c18ca7;font-size:25px;touch-action:none}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-column:1;grid-row:2}.dpad [data-dir=down]{grid-column:2;grid-row:2}.dpad [data-dir=right]{grid-column:3;grid-row:2}.action-button{border-radius:50%;width:70px;height:70px;align-self:flex-end;background:#b75380df;border:2px solid #ffb2c0;font-size:28px}.action-button small{display:block;font-size:10px}.touch-meta{align-self:end;color:var(--pink)}}
@media(max-height:600px) and (orientation:landscape){.hud{height:80px;grid-template-columns:1.4fr 1fr 100px 150px;grid-template-rows:1fr}.title-panel{grid-column:1;grid-row:1}h1{font-size:21px}.title-panel p{display:none}.duo-panel{grid-column:2;grid-row:1}.life{gap:3px}.life canvas{width:31px;height:50px}.life b{font-size:8px}.hearts{font-size:20px}.score-panel{grid-column:3;grid-row:1;padding:7px}.score-panel>span:first-child{font-size:12px}.score-panel>span:first-child b{display:block;font-size:21px}.objective-panel{grid-column:4;grid-row:1;font-size:12px;padding:7px}.objective-panel p,.objective-panel strong{font-size:14px}.stage,body[data-play-state=home] .stage,body[data-play-state=lobby] .stage{height:calc(100svh - 120px);min-height:200px}.bottom-bar{height:40px}.start-menu{left:50%;top:50%;transform:translate(-50%,-50%);max-height:calc(100% - 20px);padding:15px 22px;width:340px}.start-menu p{font-size:16px}.start-menu h2{font-size:20px;margin:10px 0}.players{margin:10px 0}.button{padding:9px;min-height:37px;margin-top:7px;font-size:9px}.mobile-controls{position:absolute;height:95px;background:transparent;left:8px;right:8px;bottom:48px;z-index:4;pointer-events:none;padding:0 10px}.mobile-controls>*{pointer-events:auto}.touch-meta{align-self:flex-end}.level-caption{top:8px}.toast{top:45px;font-size:15px;max-width:250px}.scene-buttons{top:8px}.lobby{top:50%;max-height:calc(100% - 15px);padding:15px}.lobby p{font-size:15px;margin:7px 0}.lobby h2{margin:10px 0;font-size:19px}.code{font-size:20px;padding:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:700px){.dpad{grid-template-rows:44px 44px}.touch-meta button{min-height:44px}}
/* Dedicated title and end-of-adventure scenes. */
#title-screen,#party-scene{position:fixed;inset:0;z-index:20;overflow:hidden;background:#211733}#title-art,#party-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}#title-screen::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#171029aa,transparent 68%),linear-gradient(0deg,#150f27b0,transparent 25%)}.title-copy{position:absolute;z-index:1;left:7vw;top:18%;width:50%;max-width:720px}.title-eyebrow{font:10px var(--pixel);color:#ffe2b0;letter-spacing:3px}.game-logo{font:700 clamp(36px,5.4vw,82px)/1.1 var(--pixel);letter-spacing:-4px;color:#ff93b5;text-shadow:0 4px #b75587,0 8px #533153,5px 12px #171024;margin:28px 0}.game-logo span{display:block;font-size:.56em;color:#ffdc91;text-shadow:0 4px #ad7559,4px 8px #251c39;letter-spacing:1px;margin-top:13px}.title-tagline{font-size:27px;line-height:1.3;color:#f7dfea;margin:32px 0}.title-tagline b{color:#ff729e}.press-start{display:block;margin-top:42px;padding:18px 26px;background:#ffe0a0;border:3px solid #fff1c9;box-shadow:0 6px #ad6c76,0 10px #291b33;color:#3e2849;font:13px var(--pixel);min-height:58px;min-width:265px;letter-spacing:1px}.press-start:disabled{opacity:.7}.start-instruction{font:8px var(--pixel);color:#ddc1df;letter-spacing:2px;margin-top:22px}.title-bottom{position:absolute;bottom:25px;left:7vw;right:5vw;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}.title-bottom>span{font:8px var(--pixel);color:#e5bdd3;letter-spacing:1px}.title-bottom button{font:9px var(--pixel);color:#ffe0a0;min-height:44px}.party-caption{position:absolute;left:20px;right:20px;top:9vh;text-align:center;pointer-events:none;text-shadow:3px 4px #2b1d3b}.party-caption>span{font:11px var(--pixel);letter-spacing:3px;color:#ffcbe1}.party-caption h2{font-size:clamp(22px,3vw,44px);color:#ffda8f;margin:17px 0 10px}.party-caption p{font-size:25px;color:#f8d8ec}.party-actions{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;width:min(590px,calc(100% - 40px))}.party-actions .button{margin:0;justify-content:center}.party-actions>.text-button{white-space:nowrap;font:9px var(--pixel);min-height:48px}#victory{z-index:40}body:has(#title-screen:not([hidden])) .hud,body:has(#title-screen:not([hidden])) .stage,body:has(#title-screen:not([hidden])) .bottom-bar{visibility:hidden}
@media(max-width:700px){.title-copy{left:20px;right:20px;top:8%;width:auto;text-align:center;max-width:none}.title-eyebrow{font-size:7px;letter-spacing:1px}.game-logo{font-size:clamp(31px,9.8vw,60px);letter-spacing:-2px;margin:25px 0}.game-logo span{font-size:.54em;letter-spacing:1px;margin-top:9px}.title-tagline{font-size:20px;margin:24px 0}.press-start{margin:30px auto 0;font-size:11px;min-width:245px;padding:16px}.start-instruction{font-size:7px;letter-spacing:1px;margin-top:19px}.title-bottom{left:20px;right:20px;bottom:15px;flex-direction:column;gap:3px}.title-bottom>span{font-size:6px;letter-spacing:.3px}.title-bottom button{font-size:8px;padding:8px;min-height:38px}.party-caption{top:8vh}.party-caption>span{font-size:8px;letter-spacing:1px}.party-caption h2{font-size:21px}.party-caption p{font-size:21px}.party-actions{flex-direction:column-reverse;gap:8px;bottom:16px}.party-actions>.text-button{min-height:38px}.party-actions .button{min-height:48px}}
@media(max-height:550px) and (orientation:landscape){.title-copy{top:9%;left:5%;width:50%;text-align:left}.title-eyebrow{font-size:7px;letter-spacing:1px}.game-logo{font-size:38px;margin:14px 0}.title-tagline{font-size:19px;margin:18px 0}.press-start{margin:18px 0 0;padding:12px 20px;min-height:44px;min-width:230px;font-size:10px}.start-instruction{margin-top:14px;font-size:6px}.title-bottom{flex-direction:row;bottom:7px}.party-caption{top:4%}.party-caption h2{font-size:25px;margin:10px 0}.party-caption p{font-size:19px;margin:5px 0}.party-actions{bottom:10px;flex-direction:row;gap:15px;width:min(580px,80%)}.party-actions>.text-button{font-size:8px}.party-actions .button{font-size:8px;min-height:40px}}