:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f1f5ef;background:#0b1017;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 23% 58%,#193638,transparent 60%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}#room{position:fixed;inset:0;pointer-events:none}#room canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;background:linear-gradient(90deg,transparent 35%,#0b101730 58%,#0b1017b0),linear-gradient(0deg,#0b1017,transparent 25%,transparent 65%,#0b1017c0);pointer-events:none}header,footer,.layout{position:relative}header{max-width:1600px;margin:auto;padding:28px 40px;display:flex;align-items:center;gap:25px}.brand{font-weight:850;font-size:22px;letter-spacing:-1px;text-decoration:none;color:inherit}.brand span{color:#697a82;font-weight:400}.brand i{color:#91f3c0;font-style:normal}.edition{font:10px monospace;letter-spacing:2px;color:#9ca9ae;margin-left:auto}.edition b{border:1px solid #526168;border-radius:4px;margin-left:10px;padding:4px 6px;color:#c4d5d6}header button,.console-bottom button{border:1px solid #3a454d;border-radius:6px;background:#172128b0;padding:9px 12px;font-size:11px}header button:hover,.console-bottom button:hover{background:#31423d}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,510px);gap:28px;max-width:1480px;margin:auto;padding:12px 40px 24px;align-items:start}.habitat{position:relative;min-height:720px;pointer-events:none}.room-heading{padding-top:18px}.eyebrow{font:10px monospace;letter-spacing:2px;color:#a1b8b5}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a1f3b6;box-shadow:0 0 12px #a1f3b64d;margin-right:8px;vertical-align:middle}h1{font-size:clamp(32px,3.4vw,52px);letter-spacing:-2px;line-height:1.12;margin:20px 0 14px;font-weight:750}h1 em{font-style:normal;color:#a4b7b5}.room-heading p,.room-caption p{font-size:13px;color:#9eb0b5;margin:0;line-height:1.6}.room-caption{position:absolute;bottom:64px;left:0;display:flex;gap:16px;align-items:center}.room-number{font:32px monospace;color:#9bf0bc;border:1px solid #6f9d8450;border-radius:10px;padding:12px;background:#0b1718aa}.room-caption .eyebrow{color:#b5e9c9;margin-bottom:7px}.room-note{position:absolute;bottom:25px;font:10px monospace;color:#869a9f;max-width:90%;line-height:1.5}.console{padding:0 20px;background:#101b22ed;border:1px solid #3c4c52;border-radius:16px;box-shadow:0 24px 90px #0007,inset 0 1px 0 #ffffff09;overflow:hidden;backdrop-filter:blur(12px)}.console-top{padding:18px 0;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1.5px}.console-top>span:last-child{color:#87a599;font-size:9px}.scoreboard{display:flex;justify-content:space-between;padding:20px 1px 18px;gap:8px}.scoreboard small{display:block;font:9px monospace;letter-spacing:1px;color:#879c9f;margin-bottom:8px}.scoreboard strong{font:26px monospace;letter-spacing:1px}.scoreboard .life-stat{text-align:right}.life-stat strong{color:#a5f3bc;font-size:23px;white-space:nowrap}.board-shell{position:relative;border:1px solid #405b4a;border-radius:8px;overflow:hidden;background:#0b1613;aspect-ratio:1}#board{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#081310ec;padding:22px;text-align:center;backdrop-filter:blur(5px)}.panel{width:100%;max-width:360px}.pill{display:inline-block;color:#b1f4c6;background:#8cf6b20d;border:1px solid #80d39b38;padding:7px 10px;border-radius:30px;font:9px monospace;letter-spacing:1.1px}.orange{color:#ffbb7c;border-color:#dd9c6044;background:#fdac680a}h2{font-size:clamp(26px,2.8vw,39px);line-height:1.12;letter-spacing:-1.5px;margin:17px 0 13px}.panel p{font-size:13px;color:#a2b5b0;line-height:1.6;margin:12px 0 17px}.panel p b{color:#e0eadc}.instructions{display:grid;gap:11px;font-size:11px;text-align:left;color:#b6c6bd;border-top:1px solid #b1f4c61a;padding-top:16px;margin-bottom:20px}kbd{font:10px monospace;background:#ffffff0b;border:1px solid #ffffff25;border-radius:4px;padding:3px 5px;color:#d6e8d9}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:7px;padding:15px 18px;background:#b2f6c8;color:#102017;font-size:13px;font-weight:750}.primary:hover{background:#d0ffdf}.primary:active{transform:translateY(1px)}.primary span{font-size:19px}.panel>small{display:block;color:#87a196;font:10px monospace;margin-top:14px}.orange-button{background:#ffbc7e}.orange-button:hover{background:#ffd0a6}.orange-button kbd{border-color:#614b36;color:#302116}.check-clock{display:flex;justify-content:space-between;font:10px monospace;align-items:center;color:#97a99c;margin-top:25px}.check-clock strong{font-size:20px;color:#ffbd85}.timing-track{height:55px;background:#2d3930;position:relative;border-radius:6px;margin:14px 0 24px;box-shadow:inset 0 0 0 1px #ffffff10;overflow:hidden}.target-zone{position:absolute;top:0;bottom:0;background:#aaf4b8;display:grid;place-items:center;color:#1f3e29;font:10px monospace;letter-spacing:1px}.marker{position:absolute;top:0;bottom:0;width:4px;background:#fff;box-shadow:0 0 12px #fff;transform:translateX(-50%)}.result-icon{font-size:40px;color:#b2f6c8;margin-bottom:12px}.end-score{font:48px monospace;color:#b2f6c8;margin:6px}.end-score+small{margin:0 0 22px}.urgency{margin-top:20px}.urgency>div:first-child{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#9dafab;align-items:center}.urgency strong{color:#c0d7c4;font-size:13px}.urge-track{height:5px;background:#263730;border-radius:3px;margin-top:10px;overflow:hidden}#urge-fill{height:100%;width:0;background:#a5efb9;transition:width .1s linear}.console-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font:9px monospace;letter-spacing:.5px;color:#889e94}.console-bottom button{font:10px monospace;padding:7px 10px}.touch-controls{display:none;justify-content:center;align-items:center;gap:10px;padding:0 0 16px}.touch-controls>div{display:grid;gap:6px}.touch-controls button{width:56px;height:42px;border:1px solid #496654;background:#233d30;border-radius:7px;font-size:24px;touch-action:manipulation;user-select:none}.touch-controls button:active{background:#639373}footer{max-width:1600px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:5px 40px 24px;font:9px monospace;letter-spacing:1px;color:#81948f}.muted{color:#536b66}.mint{color:#b2f6c8!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(pointer:coarse){.touch-controls{display:flex}}
@media(min-width:1600px){.layout{padding-top:35px}.habitat{min-height:750px}}
@media(max-width:1000px){header{padding:22px 24px}.layout{padding:8px 24px 20px;gap:20px;grid-template-columns:minmax(0,1fr) minmax(350px,460px)}h1{font-size:34px}.eyebrow{font-size:9px;letter-spacing:1px}.habitat{min-height:660px}footer{padding:5px 24px 20px}.room-heading p{font-size:12px}}
@media(max-width:760px){header{padding:18px 18px 10px;gap:12px}.brand{font-size:19px}.edition{font-size:8px;letter-spacing:.5px}.edition b{display:none}header button{font-size:10px;padding:7px 8px}.layout{display:flex;flex-direction:column;padding:0 14px 20px;gap:0;max-width:540px}.habitat{min-height:180px;width:100%}.room-heading{padding:14px 4px}.room-heading .eyebrow{font-size:8px}h1{font-size:27px;letter-spacing:-1px;margin:10px 0}.room-heading p{display:none}.room-caption{bottom:17px;left:auto;right:3px;gap:8px}.room-number{font-size:17px;padding:8px}.room-caption .eyebrow{font-size:8px}.room-caption p{font-size:10px}.room-note{font-size:8px;bottom:3px;left:4px}.console{width:100%;padding:0 14px;border-radius:12px}.console-top{padding:13px 0;font-size:9px}.scoreboard{padding:14px 0}.scoreboard strong{font-size:22px}.scoreboard small{font-size:8px}.life-stat strong{font-size:20px}.overlay{padding:16px}.panel h2{font-size:29px;margin:12px 0 9px}.panel p{font-size:11px;margin:9px 0 12px}.pill{font-size:8px;padding:6px 8px}.instructions{font-size:10px;gap:8px;margin-bottom:13px;padding-top:12px}.primary{padding:12px 14px;font-size:12px}.panel>small{font-size:9px;margin-top:10px}.touch-controls{display:flex}.urgency{margin-top:14px}footer{padding:0 18px 20px;font-size:8px}footer>span:last-child{display:none}.check-clock{margin-top:15px}.timing-track{height:43px;margin:10px 0 17px}.result-icon{font-size:28px;margin-bottom:8px}}
@media(max-width:370px){.edition{display:none}.brand{margin-right:auto}.overlay{padding:12px}.panel h2{font-size:24px}.instructions{gap:6px;font-size:9px}.panel>small{font-size:8px}.board-shell{aspect-ratio:.9}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:760px){
 body[data-phase="title"] .board-shell{width:100%;height:370px;aspect-ratio:auto}
 #welcome h2{font-size:26px}
 body:not([data-phase="title"]) .habitat{min-height:85px}
 body:not([data-phase="title"]) .room-heading{display:none}
 body:not([data-phase="title"]) .room-caption{bottom:22px}
}

.arcade-fx{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.arcade-fx i{position:absolute;left:50%;top:40%;width:10px;height:10px;border-radius:40%;box-shadow:0 0 10px #ffffff15}
.timing-track.on-target{box-shadow:0 0 0 2px #b2f6c8,0 0 18px #b2f6c830}
.scoreboard strong{display:inline-block}
body[data-phase="result"] .room-heading,body[data-phase="gameover"] .room-heading{visibility:hidden}