:root{--gold:#ffd23f;--orange:#ff7a1a;--ink:#0b0717;--violet:#22113f;--cyan:#55f1ff;--white:#fffaf0}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--white);font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}button,input{font:inherit}.screen{display:none;width:100%;height:100%}.screen.active{display:flex}#home{position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 28%,#542378 0,#211039 37%,#090611 78%);overflow:auto}#home:before{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg,transparent 0 12deg,#ffcd2f09 12deg 14deg);animation:spin 80s linear infinite}.brand,.name-label,button,.how,.challenge-card{position:relative}.eyebrow{font-family:Arial,sans-serif;font-weight:900;letter-spacing:.28em;color:var(--cyan);font-size:12px}.brand h1{font-size:clamp(58px,10vw,130px);line-height:.82;margin:20px 0 18px;letter-spacing:-.04em;text-shadow:0 8px 0 #5f2a00,0 0 32px #ffb00088;color:var(--gold);transform:skew(-4deg)}.brand h1 i{color:#fff;font-size:.62em}.brand p{font-family:Arial,sans-serif;font-weight:900;letter-spacing:.12em}.brand p b{color:var(--gold)}.name-label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.2em;color:#bfb3d6;margin:24px 0 8px}.name-label input{display:block;margin-top:6px;width:280px;border:1px solid #ffffff26;border-radius:8px;padding:11px;text-align:center;color:#fff;background:#ffffff0d;outline:none}.primary,.secondary{width:min(360px,90vw);border:0;border-radius:8px;padding:15px 22px;margin:6px;cursor:pointer;letter-spacing:.08em}.primary{background:linear-gradient(#ffe969,#ffae19);color:#2c1500;box-shadow:0 6px 0 #a94d00,0 12px 30px #ff8c2040;font-size:23px}.primary:active{transform:translateY(4px);box-shadow:0 2px 0 #a94d00}.secondary{border:1px solid #a571ff;background:#44206f;color:#fff}.how{display:flex;gap:24px;margin-top:24px;font:700 11px Arial;color:#9185a9}.challenge-card{padding:15px 24px;background:#1d1130;border:1px solid var(--gold);border-radius:10px;margin:12px}.hidden{display:none!important}#game{position:relative;background:#090611}#arena{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.hud{position:absolute;pointer-events:none}.hud.top{top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:stretch;background:#0a0615dd;border:1px solid #ffffff1c;border-radius:12px;box-shadow:0 8px 30px #0009;overflow:hidden}.hud.top>div{min-width:125px;padding:9px 16px;text-align:center}.hud.top small,.stats small{display:block;font:900 10px Arial;letter-spacing:.17em;color:#bfb3d6}.hud.top strong{font-size:25px;color:var(--gold)}.hud .timer{background:#ffffff0a}.hud .timer strong{color:#fff}.wanted{position:absolute;top:90px;left:50%;transform:translateX(-50%);padding:8px 14px;border-radius:20px;background:#ffca26;color:#281300;box-shadow:0 0 30px #ffc928;font:900 12px Arial}.announcement{position:absolute;top:29%;left:50%;transform:translate(-50%,-50%);font-size:clamp(28px,6vw,75px);text-align:center;color:#fff;text-shadow:0 5px 0 #511d00,0 0 22px #ffb21d;pointer-events:none;opacity:0;transition:.18s}.announcement.show{opacity:1;transform:translate(-50%,-58%) scale(1.03)}.feed{position:absolute;left:16px;bottom:20px;display:flex;flex-direction:column;gap:5px;font:800 12px Arial;pointer-events:none}.feed div{background:#0a0615cc;border-left:3px solid var(--gold);padding:7px 10px;border-radius:3px}.dash-meter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:130px;height:10px;border:2px solid white;background:#20142f;border-radius:9px}.dash-meter span{display:block;width:100%;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.dash-meter small{display:block;text-align:center;margin-top:4px;font:900 9px Arial}#mute,#debugToggle{position:absolute;right:16px;width:38px;height:38px;border:1px solid #ffffff38;background:#0b0717bb;color:#fff;border-radius:50%;cursor:pointer}#mute{top:16px}#debugToggle{top:62px}#debug{position:absolute;right:62px;top:15px;background:#000c;padding:10px;font:11px Consolas;color:#5fef94}#results{overflow:auto;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle,#421c67,#0b0717 70%)}.results-panel{width:min(560px,96vw);text-align:center;padding:30px;border-radius:18px;background:#120b21e8;border:1px solid #ffffff1a;box-shadow:0 30px 90px #000}.results-panel h2{font-size:42px;margin:12px}.story{padding:14px;background:linear-gradient(120deg,#5d2710,#32205b);border:1px solid var(--gold);border-radius:9px;color:var(--gold);font-size:24px}.results-panel ol{list-style:none;padding:0;margin:18px 0;max-height:210px;overflow:auto}.results-panel li{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #ffffff12;font:700 14px Arial}.results-panel li.you{color:var(--gold);background:#ffffff09}.stats{display:flex;justify-content:space-around;margin:18px 0}.stats b{font-size:22px;color:var(--gold)}.text-btn{border:0;background:none;color:var(--cyan);padding:12px;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.hud.top>div{min-width:100px;padding:7px}.hud.top strong{font-size:20px}.wanted{top:75px}.how{gap:8px;font-size:9px}.brand h1{font-size:62px}}

.how-to{position:relative;margin:14px 0 2px;padding:10px 16px;border:1px solid #55f1ff44;border-radius:999px;background:#0b0717aa;color:#d8cfea;font:800 13px Arial}.how-to b{color:#ffd23f}.how-to span{padding:0 7px;color:#55f1ff}.tutorial{position:absolute;z-index:9;left:50%;top:22%;transform:translateX(-50%);width:min(520px,88vw);padding:16px 22px;border:2px solid #55f1ff;border-radius:14px;background:#090611e8;text-align:center;pointer-events:none;box-shadow:0 0 40px #55f1ff55}.tutorial b,.tutorial span{display:block}.tutorial b{color:#ffd23f;font-size:25px}.tutorial span{margin-top:5px;font:800 12px Arial}.impact-flash{animation:impact .22s ease-out}@keyframes impact{50%{filter:brightness(1.7)}}@media(max-width:600px){.hud.top>div{min-width:92px;padding:7px 9px}.how-to{font-size:11px}.feed{display:none}.announcement{top:25%}.tutorial{top:19%}}