@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101923;--ink:#ecede2;--muted:#9eacb7;--mint:#8ae6cc;--gold:#f4cc86;--line:#ffffff15;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;overscroll-behavior:none;height:100dvh;overflow:hidden}button,a,input,select{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{opacity:.4;cursor:default}button{border:1px solid var(--line);background:#ffffff06;border-radius:6px;padding:9px 14px;transition:background .15s,transform .15s}button:hover{background:#ffffff12}button:active{transform:translateY(1px)}a{color:var(--mint);text-underline-offset:4px}button.primary{background:var(--mint);color:#102b29;border-color:var(--mint);font-weight:700;padding:13px 22px}button.primary:hover{background:#b3f5de}.eyebrow{font:600 10px 'Space Grotesk',sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:var(--mint)}
#shell{height:100dvh;max-width:1540px;margin:auto;padding:0 32px;display:grid;grid-template-rows:76px minmax(0,1fr) 84px;gap:0}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:1px}.brand small{font-weight:400;display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:4px}.brand-mark{color:var(--gold);font-size:29px;line-height:1}nav{display:flex;align-items:center;gap:8px}.nav-button{font-size:11px;letter-spacing:.3px;padding:8px 12px;color:#c9d2d6}.nav-button span{color:var(--muted);padding-left:8px}#stats{display:flex;gap:25px;font-family:'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.stat{font-size:14px;font-weight:500}.stat small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-bottom:5px}.stat.coin{color:var(--gold)}
#stage{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:18px 0 10px;gap:12px}.room-line{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1152px;margin:0 auto;gap:12px}.room-label{display:flex;align-items:center;gap:14px}.room-number{font:500 11px 'Space Grotesk',sans-serif;color:var(--gold);border:1px solid #f4cc8633;border-radius:4px;padding:5px 8px}#roomName{letter-spacing:0;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:500;margin:0}.room-line .eyebrow{font-size:8px;letter-spacing:1.5px}#canvasFrame{position:relative;margin:0 auto;max-width:100%;flex-shrink:1;min-height:0;border:1px solid #ffffff21;border-radius:5px;background:#1b2b3b;overflow:hidden;box-shadow:0 15px 70px #0005}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none}#roomToast{position:absolute;top:18px;left:0;right:0;text-align:center;pointer-events:none;font:500 12px 'Space Grotesk',sans-serif;color:#fff2cd;text-shadow:0 2px 5px #000;opacity:0;transition:opacity .15s}#roomToast.show{opacity:1}#dashStatus{display:flex;align-items:center;gap:7px;font:500 9px 'Space Grotesk',sans-serif;color:var(--mint);white-space:nowrap}#dashLight{width:7px;height:7px;transform:rotate(45deg);background:var(--mint);box-shadow:0 0 9px #8ae6cc44}#dashStatus.empty{color:var(--muted)}#dashStatus.empty #dashLight{background:#a4819b;box-shadow:none}.below-world{max-width:1152px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px;min-height:20px}#hint{font-size:11px;color:var(--muted);margin:0;line-height:1.5}#assistBadge{display:none;color:var(--gold);font-size:9px;letter-spacing:1px;white-space:nowrap}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.keys{display:flex;gap:19px;align-items:center;color:var(--muted);font-size:10px}.keys span{white-space:nowrap}kbd{font:500 9px 'Space Grotesk',monospace;border:1px solid #ffffff25;border-bottom-width:2px;padding:3px 5px;border-radius:3px;color:#dce1db;margin-right:4px}.footer-copy{text-align:right;font-size:10px;color:#6c7f8d;line-height:1.8}.footer-copy strong{color:#aebbbf;font-weight:400}
#touchControls{display:none;touch-action:none;user-select:none;-webkit-user-select:none}dialog{background:transparent;border:0;padding:0;color:var(--ink);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);width:730px;overflow:auto;border-radius:12px;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#0a111bbb;backdrop-filter:blur(5px)}.menu-card{background:linear-gradient(135deg,#223039,#18232c 60%);padding:44px;border:1px solid #ffffff1e;border-radius:12px;position:relative;overflow:hidden}.menu-card:before{content:'';position:absolute;right:-70px;top:-120px;width:330px;height:330px;border:1px solid #8ae6cc18;border-radius:50%;pointer-events:none}.menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.tag{color:#879ba7;border:1px solid #ffffff18;padding:5px 8px;border-radius:20px;font-size:9px;letter-spacing:1px}h1{font:700 clamp(42px,8vw,76px)/.96 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:0 0 22px}h1 em{font-style:normal;color:var(--gold)}.menu-description{font-size:14px;line-height:1.75;color:#b1c0c5;max-width:450px;margin:0 0 24px}.menu-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.secondary{font-size:12px;padding:13px 18px}#continueButton{display:none}.menu-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#889ca7;gap:16px;line-height:1.5}.menu-bottom a{color:#b5c4c6}.pill-row{display:flex;gap:18px;margin:26px 0 0;color:#aebdbd;font-size:10px}.pill-row b{color:var(--mint);font-weight:400;margin-right:5px}#pausePanel,#winPanel{display:none}h2{font:600 38px 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:0 0 12px}.settings{display:flex;gap:12px 20px;flex-wrap:wrap;margin:24px 0;font-size:12px;color:#bcc9cc}.settings label{display:flex;align-items:center;gap:8px;cursor:pointer}.settings input{accent-color:var(--mint)}details{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:#c5d0ce}details p{line-height:1.9;margin-bottom:0}.room-select{margin-top:18px;display:flex;gap:6px;flex-wrap:wrap}.room-select button{font-size:10px;padding:7px 10px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.result-grid div{padding:16px 0;border-block:1px solid var(--line);font:500 24px 'Space Grotesk',sans-serif;color:var(--gold)}.result-grid small{display:block;font:10px 'DM Sans',sans-serif;color:var(--muted);margin-top:8px}.result-note{font-size:12px;color:var(--mint);margin:18px 0}.rotate-note{display:none}
@media(max-width:900px){#shell{padding:0 18px;grid-template-rows:65px minmax(0,1fr) 64px}#stats{gap:16px}.keys{gap:10px}.footer-copy{display:none}.brand{font-size:12px}.nav-button span{display:none}.room-line .eyebrow{display:none}}
@media(pointer:coarse){#shell{grid-template-rows:60px minmax(0,1fr) 150px;padding:0 max(12px,env(safe-area-inset-left))}footer{display:none}#touchControls{display:flex;align-items:center;justify-content:space-between;padding:8px 2px max(8px,env(safe-area-inset-bottom));gap:12px}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,38px);gap:3px}.dpad button{padding:0;background:#263540;border-color:#ffffff25;border-radius:8px;font-size:18px}.dpad [data-control=up]{grid-column:2}.dpad [data-control=left]{grid-row:2;grid-column:1}.dpad [data-control=right]{grid-row:2;grid-column:3}.dpad [data-control=down]{grid-row:3;grid-column:2}.dpad:after{content:'AIM';grid-row:2;grid-column:2;align-self:center;justify-self:center;font-size:8px;color:#667e8b}.touch-actions{display:flex;gap:10px;align-items:center}.touch-actions button{height:60px;width:60px;border-radius:50%;padding:0;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.5px;background:#263540}.touch-actions [data-control=dash]{color:var(--mint);border:2px solid #8ae6cc88}.touch-actions [data-control=jump]{color:var(--gold);border:2px solid #f4cc8688;height:68px;width:68px}.touch-actions [data-control=grab]{height:42px;width:42px;font-size:8px}.held{background:#ffffff30!important;transform:scale(.96)}.brand small{display:none}.brand{font-size:10px;letter-spacing:.3px;gap:5px}.brand-mark{font-size:20px}.nav-button{padding:7px;font-size:10px}#stats{gap:10px}.stat{font-size:12px}.stat small{font-size:7px;letter-spacing:1px}#retryButton{display:none}#stage{gap:9px}#roomName{font-size:11px}.room-number{font-size:9px}.room-label{gap:8px}#hint{font-size:10px}#dashStatus{font-size:8px}.menu-card{padding:28px}.pill-row{gap:12px;font-size:9px}h1{letter-spacing:-2px}.menu-description{font-size:12px}.menu-top{margin-bottom:22px}.tag{font-size:8px}.menu-bottom{font-size:9px}.rotate-note{display:inline}}
@media(pointer:coarse) and (orientation:landscape){#shell{grid-template-rows:42px minmax(0,1fr) 0;padding:0 max(10px,env(safe-area-inset-left))}#stage{padding:6px 125px;gap:4px}.room-line{display:none}#hint{font-size:8px}.below-world{min-height:12px}#touchControls{position:fixed;left:10px;right:10px;bottom:10px;height:125px;pointer-events:none}.dpad,.touch-actions{pointer-events:auto}.dpad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,32px)}.touch-actions{width:110px;flex-wrap:wrap;justify-content:center;gap:6px}.touch-actions button{width:46px;height:46px}.touch-actions [data-control=jump]{width:48px;height:48px}.touch-actions [data-control=grab]{width:34px;height:34px}.stat small{display:inline;margin-right:5px}.menu-card{padding:22px 30px}.menu-top{margin-bottom:12px}h1{font-size:42px;line-height:1;letter-spacing:-2px;margin-bottom:12px}.menu-description{margin-bottom:16px}.pill-row{margin-top:14px}.menu-bottom{margin-top:15px;padding-top:12px}.rotate-note{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}