:root{color-scheme:dark;--sand: #c4a574;--plaster: #f3efe6;--terracotta: #b85a32;--ink: #1a120c;--gold: #e8b86d;--sky: #7eb6d4;font-family:Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1a120c;color:var(--plaster)}#game{display:block;width:100%;height:100%}#hud{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:.85rem 1.1rem;pointer-events:none;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.55)}#brand{font-weight:800;letter-spacing:.08em;font-size:.95rem;color:var(--gold)}#brandRow{display:flex;flex-direction:column;gap:.15rem}#levelName{font-size:.75rem;letter-spacing:.06em;opacity:.85}#detect{font-variant-numeric:tabular-nums}#detect.hot{color:#ff6b4a;font-weight:700}#objective{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9;font-size:.8rem}#spottedBanner{position:fixed;top:18%;left:50%;transform:translate(-50%) scale(.9);z-index:4;pointer-events:none;font-weight:900;letter-spacing:.2em;font-size:clamp(1.2rem,4vw,2rem);color:#ff4a2a;text-shadow:0 0 18px rgba(255,40,20,.55),0 2px 0 #1a120c;opacity:0;transition:opacity .15s ease,transform .15s ease}#spottedBanner.visible{opacity:1;transform:translate(-50%) scale(1)}.levelPick{display:flex;flex-direction:column;gap:.35rem;margin:.6rem 0 .9rem;font-size:.85rem;color:#f3efe6e6}.levelPick select{appearance:none;background:#1a120cbf;color:var(--plaster);border:1px solid rgba(232,184,109,.4);border-radius:6px;padding:.55rem .7rem;font:inherit}#stats{display:flex;gap:.85rem;align-items:center;font-variant-numeric:tabular-nums;font-size:.9rem;pointer-events:auto}#phase{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--terracotta)}#phase[data-phase=seek]{color:#ff6b4a}#phase[data-phase=won]{color:#7dcea0}#phase[data-phase=lost]{color:#e74c3c}#mute{pointer-events:auto;background:#1a120c8c;border:1px solid rgba(243,239,230,.35);color:inherit;padding:.25rem .55rem;border-radius:4px;cursor:pointer}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,rgba(184,90,50,.35),transparent 55%),radial-gradient(ellipse at 70% 80%,rgba(126,182,212,.25),transparent 50%),#120c08b8;z-index:3;opacity:0;pointer-events:none;transition:opacity .25s ease}#overlay.visible{opacity:1;pointer-events:auto}.panel{max-width:28rem;padding:1.6rem 1.8rem;background:linear-gradient(160deg,#f3efe61f,#1a120cbf);border:1px solid rgba(232,184,109,.35);border-radius:10px;backdrop-filter:blur(8px)}.panel h1{margin:0 0 .6rem;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:.04em}.panel .bull{color:var(--terracotta)}.panel .run{color:var(--gold)}.panel p{margin:0 0 .75rem;line-height:1.45;color:#f3efe6e6}.keys{font-size:.85rem;opacity:.85}.touch{display:none}@media(max-width:720px){.desk{display:none}.touch{display:inline}}#start{appearance:none;border:0;background:linear-gradient(180deg,#d4723a,#a04522);color:#fff8f0;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.7rem 1.4rem;border-radius:6px;cursor:pointer}#start:hover{filter:brightness(1.08)}.modes{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}.modes button{appearance:none;border:1px solid rgba(232,184,109,.45);background:linear-gradient(180deg,#d4723a,#a04522);color:#fff8f0;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.7rem 1.1rem;border-radius:6px;cursor:pointer}.modes button:hover{filter:brightness(1.08)}#modeVersus{background:linear-gradient(180deg,#6b4226,#3a2412)}#modeCampaign{background:linear-gradient(180deg,#c45c26,#7a2e12)}#pads{opacity:.75;font-size:.8rem}#modeTag{font-weight:700;letter-spacing:.1em;color:var(--gold)}#splitLabels{display:none;position:fixed;inset:2.6rem 0 auto;z-index:2;pointer-events:none;font-size:.75rem;font-weight:700;letter-spacing:.14em;color:#f3efe6bf;text-shadow:0 1px 2px rgba(0,0,0,.6)}#splitLabels .left{position:absolute;left:1rem}#splitLabels .right{position:absolute;right:1rem}body[data-mode=versus] #splitLabels{display:block}#touch{display:none;position:fixed;right:.75rem;bottom:.75rem;gap:.4rem;z-index:2}@media(pointer:coarse){#touch{display:grid;grid-template-columns:1fr 1fr}#touch button{background:#1a120ca6;border:1px solid rgba(243,239,230,.35);color:#fff;padding:.75rem .9rem;border-radius:8px;font-weight:600}}