:root{color-scheme:light;--bg-0: #f4f1ea;--bg-1: #e3d8c6;--ink: #2b221b;--muted: #6e5a49;--cyan: #9c6644;--amber: #d4b06a;--line: rgba(132, 96, 66, .34);--panel: rgba(244, 241, 234, .86)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 15% 20%,#fff9f0 0%,var(--bg-0) 62%);font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink)}.game-shell{position:relative;width:100vw;height:100vh;isolation:isolate}.game-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background-image:radial-gradient(circle at 20% 20%,rgba(212,176,106,.12),transparent 52%),radial-gradient(circle at 85% 80%,rgba(156,102,68,.08),transparent 48%),repeating-linear-gradient(180deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.42}#scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:fixed;top:1rem;left:1rem;right:1rem;z-index:6;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:start;pointer-events:none}.home-link{pointer-events:auto;align-self:start;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:999px;background:#f4f1eaeb;padding:.44rem .8rem;font-size:.85rem;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-link:hover{border-color:#9c6644bf;color:var(--amber)}.metric-panel{justify-self:center;min-width:min(560px,100%);display:flex;gap:.55rem;padding:.5rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#f6f1e8eb,#e8ddccd6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metric{flex:1;min-width:96px;padding:.45rem .58rem;border:1px solid rgba(132,96,66,.22);border-radius:10px;background:#fffbf4bd}.metric-label{margin:0;font-family:IBM Plex Mono,monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.metric-value{margin:.12rem 0 0;font-family:IBM Plex Mono,monospace;font-size:clamp(1rem,2vw,1.2rem);color:var(--cyan)}.meta-panel{pointer-events:auto;max-width:320px;padding:.62rem .72rem;border-radius:12px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow{margin:0;font-family:IBM Plex Mono,monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}.status-line{margin:.3rem 0 0;font-size:.82rem;line-height:1.35;color:#4f3f32}.control-line{margin:.4rem 0 0;font-size:.74rem;color:#796756}code{font-family:IBM Plex Mono,monospace;font-size:.75em;color:var(--cyan)}.touch-lanes{position:fixed;left:50%;bottom:1.05rem;transform:translate(-50%);z-index:7;display:flex;gap:.65rem;pointer-events:none}.lane-button{pointer-events:auto;min-width:9.2rem;border:1px solid rgba(132,96,66,.5);border-radius:999px;background:linear-gradient(180deg,#f5e9d7f5,#e3d8c6f5);color:#3f3024;font-family:IBM Plex Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;padding:.76rem 1.1rem;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.lane-button:active{transform:translateY(1px) scale(.98);border-color:var(--cyan)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#f4f1eac7,#e3d8c6eb);transition:opacity .26s ease}.overlay.is-hidden{opacity:0;pointer-events:none}.overlay-card{width:min(560px,calc(100vw - 2rem));border:1px solid rgba(132,96,66,.35);border-radius:18px;padding:1.2rem;background:linear-gradient(165deg,#fcf8f1f5,#ede2d2f2);box-shadow:0 18px 60px #00000073,inset 0 0 0 1px #d4b06a33}.overlay-kicker{margin:0;font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}.overlay-title{margin:.35rem 0 0;font-family:Bebas Neue,sans-serif;font-size:clamp(2.05rem,8vw,3.35rem);letter-spacing:.03em;line-height:.95;color:#2b221b}.overlay-body{margin:.7rem 0 0;max-width:48ch;font-size:.95rem;line-height:1.48;color:#5d4b3c}.overlay-action{margin-top:1rem;border:1px solid rgba(132,96,66,.62);border-radius:999px;background:linear-gradient(175deg,#d6b06af5,#b98b53f0);color:#2b221b;font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.68rem 1rem;cursor:pointer}.overlay-action:disabled{cursor:default;opacity:.62}.overlay-action:not(:disabled):hover{border-color:#9c6644e6}@media(pointer:fine){.touch-lanes{display:none}}@media(max-width:980px){.hud{grid-template-columns:1fr;gap:.58rem;top:.7rem;left:.7rem;right:.7rem}.home-link{justify-self:start}.metric-panel{min-width:0;width:100%}.meta-panel{max-width:none}}@media(max-width:680px){.hud{top:.5rem;left:.5rem;right:.5rem}.meta-panel{display:none}.metric{min-width:0}.metric-value{font-size:1rem}.overlay-card{border-radius:14px;padding:.95rem}.overlay-body{font-size:.9rem}.lane-button{min-width:9.6rem;padding:.86rem 1.2rem;font-size:.78rem}.touch-lanes{left:.5rem;right:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom));transform:none;justify-content:space-between}}