:root{color-scheme:dark;font-family:Consolas,'Courier New',monospace;color:#f4f9ff;background:#050709;font-synthesis:none;--blue:#88baff;--dim:#667e92;--line:#26313d}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
body{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
button{font:inherit;letter-spacing:1px;cursor:pointer;border:1px solid var(--line);color:inherit;background:#111a24;border-radius:0;touch-action:none;outline-offset:3px;min-height:48px}
button:hover,button:focus-visible{border-color:var(--blue);color:var(--blue)}button:active,button.held{transform:translateY(2px);background:#243b54}button:disabled{color:#415365;cursor:default;background:#080d13;border-color:#19222c}
#game{width:min(1120px,100%,calc((100dvh - 178px)*5/3));position:relative}.hud{display:flex;align-items:center;gap:18px;height:64px}.room-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:3px}.room-info #room-name{font-size:clamp(12px,1.3vw,17px);font-weight:bold;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
#jump-badge{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px}#jump-count{display:grid;place-items:center;width:35px;height:35px;background:var(--blue);color:#050709;font-size:25px;letter-spacing:0}#jump-badge.spent #jump-count{color:var(--dim);background:#121c25;border:1px solid #324658}#jump-badge.spent #jump-label{color:var(--dim)}
.tools{display:flex;gap:4px}.icon-button{width:48px;height:48px;min-height:48px;font-size:24px;background:transparent;border-color:transparent;color:var(--dim)}#sound.off{color:#384a5b;text-decoration:line-through}
.icon-button.suggested{color:#ffda64;border-color:#ffda64}
.title-links{display:flex;align-items:center;justify-content:center;gap:12px}
#progress{display:flex;gap:4px;height:2px;margin-bottom:8px}#progress i{height:2px;flex:1;background:#1a2632}#progress i.done{background:#63b937}#progress i.current{background:var(--blue)}
.scene{position:relative;width:100%;aspect-ratio:5/3;outline:1px solid #1a2632;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}
#overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}#overlay.fullscreen{position:fixed;inset:0;z-index:10;background:#050709dc;padding:8px;pointer-events:auto}#overlay:empty{display:none}#overlay>section{pointer-events:auto}.panel{width:min(330px,90%);padding:20px;border:1px solid #637e98;box-shadow:4px 4px 0 #000;background:#080e16;text-align:center;display:flex;flex-direction:column;gap:10px}.panel h1,.panel h2{margin:0;font-size:23px;letter-spacing:3px}.panel h2{color:var(--blue)}.panel p{margin:0;color:#91a5b8;font-size:12px;line-height:1.4;letter-spacing:1px}.panel button{width:100%;font-size:13px;font-weight:bold}.primary{background:var(--blue);color:#050709;border:1px solid #c8e8ff;box-shadow:0 3px 0 #476b96}.primary:hover,.primary:focus-visible{background:#c8e8ff;color:#050709}.secondary{background:transparent;border-color:#26313d}.menu-title{position:absolute;top:58%;display:flex;flex-direction:column;align-items:center;gap:9px;width:60%;text-align:center}.menu-title p{font-size:clamp(9px,1.2vw,13px);letter-spacing:2px;margin:0 0 3px;color:#aabed2}.menu-title .primary{width:clamp(120px,19vw,200px)}.menu-title .rooms-link{font-size:12px;min-height:28px;background:transparent;border:0;color:#91a5b8}
.room-panel{width:min(430px,94%);gap:10px;padding:18px}.room-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.room-grid button{min-height:48px;position:relative;font-size:17px}.room-grid .cleared:after{content:'·';position:absolute;bottom:1px;right:6px;color:#94de49;font-size:21px}.studio-option{font-size:11px;letter-spacing:0;color:#aabed2;display:flex;gap:8px;align-items:center;justify-content:center;min-height:24px}.studio-option input{accent-color:#88baff;width:18px;height:18px}.metrics{display:flex;justify-content:center;gap:24px;margin:5px 0}.metrics span{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#91a5b8}.metrics b{font-size:20px;color:#f4f9ff}.complete-mark{font-size:32px;color:#94de49;line-height:1}
#hint{margin:18px 0 12px;min-height:18px;text-align:center;font-size:13px;letter-spacing:1px;color:#b2c7da}.keyboard-help{display:flex;justify-content:center;gap:30px;color:#667e92;letter-spacing:1px;font-size:11px}.keyboard-help>span{display:flex;align-items:center;gap:5px}kbd{font:inherit;font-size:10px;border:1px solid #26313d;padding:4px 6px;color:#a5b8ca;box-shadow:0 2px 0 #18222d}
#touch-controls{display:none;justify-content:space-between;gap:12px;margin-top:16px}#touch-controls button{height:64px;min-width:70px;border-color:#30465c;background:#111b27;font-size:22px}.directions{display:flex;gap:10px}#touch-jump{width:110px;display:flex;gap:8px;align-items:center;justify-content:center;background:#243b54!important;color:var(--blue)}#touch-jump-label{font-size:12px;letter-spacing:1px}#touch-jump.spent{color:#6a8197;background:#0e1721!important}
body.touch #game{width:min(1120px,100%,calc((100dvh - 214px)*5/3))}body.touch #touch-controls{display:flex}body.touch .keyboard-help{display:none}
body.touch .icon-button{width:48px}
@media(max-width:600px) and (min-height:461px){#overlay.fullscreen .panel button{min-height:48px}#overlay.fullscreen .room-grid button{min-height:48px}}
@media(min-width:601px) and (max-height:460px){#overlay.fullscreen .room-panel{width:min(650px,96%)}#overlay.fullscreen .room-grid{grid-template-columns:repeat(10,1fr);gap:5px}#overlay.fullscreen .room-grid button{min-height:48px}}
@media(max-width:600px){body{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.hud{height:60px;gap:10px}.eyebrow{font-size:9px;letter-spacing:2px}.room-info #room-name{font-size:11px;letter-spacing:0}#jump-badge{gap:5px;font-size:10px;letter-spacing:1px}#jump-count{width:27px;height:30px;font-size:22px}.tools{gap:0}.icon-button{width:42px;min-height:48px;font-size:22px}.keyboard-help{gap:12px;font-size:9px}#hint{font-size:11px;margin-top:13px;letter-spacing:0}.menu-title{gap:5px}.menu-title p{letter-spacing:0;font-size:8px}.menu-title .primary{min-height:32px;font-size:12px}.menu-title .rooms-link{font-size:9px;min-height:20px}.panel{padding:12px;gap:7px;width:85%}.panel h1,.panel h2{font-size:18px}.panel button{min-height:38px;font-size:11px}.room-panel{padding:10px;gap:6px;width:94%}.room-grid{gap:5px}.room-grid button{min-height:32px;font-size:14px}.metrics{gap:24px;margin:0}.metrics b{font-size:17px}.complete-mark{font-size:20px}.studio-option{font-size:10px;min-height:18px}}
@media(max-height:460px){body{padding-top:max(4px,env(safe-area-inset-top));padding-bottom:max(4px,env(safe-area-inset-bottom))}#game{width:min(100%,calc((100dvh - 91px)*5/3))}.hud{height:48px;gap:12px}.room-info{gap:3px}.eyebrow{font-size:9px}.room-info #room-name{font-size:12px}.icon-button{width:44px}#progress{margin-bottom:5px}#hint{margin:9px 0 0;font-size:11px;min-height:14px}.keyboard-help{display:none}.panel{padding:10px;gap:6px}.panel h1,.panel h2{font-size:18px}.panel button{min-height:32px;font-size:11px}.complete-mark{font-size:20px}.metrics{margin:0}.metrics b{font-size:17px}.room-panel{width:92%;gap:5px;padding:8px}.room-grid{gap:4px}.room-grid button{min-height:28px;font-size:14px}.studio-option{min-height:18px;font-size:10px}.menu-title{gap:5px}.menu-title .primary{min-height:32px;font-size:12px}.menu-title .rooms-link{min-height:20px;font-size:10px}.menu-title p{font-size:9px;letter-spacing:1px}body.touch #game{width:min(100%,calc((100dvh - 140px)*5/3))}#touch-controls{margin-top:8px}#touch-controls button{height:48px;min-width:66px}#touch-jump{width:100px}body.touch #hint{margin-top:5px;min-height:12px;font-size:10px}}
.menu-title .god-mode-button,.panel .god-mode-button{background:#111a24;color:#ffda64;border:1px solid #776334}.menu-title .god-mode-button{min-height:28px;padding:3px 8px;font-size:11px}

.room-pages{display:flex;gap:8px}.room-pages button{flex:1}.room-pages [aria-pressed="true"]{color:var(--blue);border-color:var(--blue);background:#142235}#overlay.fullscreen .room-pages button,#overlay.fullscreen .room-grid button,#overlay.fullscreen #back-button{min-height:48px}#progress{gap:2px}
#map-view{position:absolute;top:8px;right:8px;width:48px;height:48px;min-height:48px;padding:0;background:#080e16ed;color:#88baff;border-color:#637e98;font-size:24px;z-index:2}
#map-view[hidden]{display:none}#map-view[aria-pressed="true"]{color:#94de49;border-color:#94de49}

body.touch #touch-controls{display:flex;width:100%}body.touch #touch-controls button{height:84px;min-width:96px;font-size:34px;touch-action:none}body.touch #touch-jump{width:150px;min-width:150px}body.touch .directions{gap:16px}
@media(max-height:460px){body.touch #game{width:min(100%,calc((100dvh - 91px)*5/3))}body.touch #touch-controls{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:auto;margin:0;pointer-events:none;z-index:5}body.touch #touch-controls button{pointer-events:auto;height:72px;min-width:84px;opacity:.72;background:#111b27cc}body.touch #touch-jump{width:120px;min-width:120px}}
@media(max-width:400px){body.touch #touch-controls button{min-width:64px;height:72px}body.touch #touch-jump{width:104px;min-width:104px}body.touch .directions{gap:8px}}