:root{--bg: #1a1612;--sand: #c4a574;--rust: #b84a2a;--steel: #6d7a84;--ink: #0e0c0a;--foam: #e8dfd0;--accent: #e85d04;--good: #7cb342;--danger: #e53935;--font-display: "Bebas Neue", Impact, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--foam);font-family:var(--font-body)}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.panel-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(184,74,42,.35),transparent 70%),linear-gradient(160deg,#2a2218,#0e0c0a 55%,#1a1010);animation:lobbyPulse 8s ease-in-out infinite alternate}@keyframes lobbyPulse{0%{filter:saturate(1)}to{filter:saturate(1.15) brightness(1.05)}}.lobby-inner{position:relative;text-align:center;max-width:520px;padding:2rem}.brand{font-family:var(--font-display);font-size:clamp(4rem,12vw,7rem);letter-spacing:.06em;line-height:.9;color:var(--accent);text-shadow:0 4px 0 #5c2208,0 0 40px rgba(232,93,4,.35);animation:brandIn .8s cubic-bezier(.2,.9,.2,1) both}.lobby-inner h1{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.18em;color:var(--sand);margin-top:.4rem;animation:brandIn .8s .1s cubic-bezier(.2,.9,.2,1) both}.tagline{margin:1rem 0 1.5rem;color:var(--steel);font-size:.95rem;animation:brandIn .8s .2s cubic-bezier(.2,.9,.2,1) both}@keyframes brandIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.name-field{display:flex;flex-direction:column;gap:.4rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--sand);margin-bottom:1rem}.name-field input,#chatInput{background:#0e0c0ad9;border:1px solid rgba(196,165,116,.35);color:var(--foam);padding:.75rem 1rem;font:inherit;font-size:1rem;outline:none}.name-field input:focus,#chatInput:focus{border-color:var(--accent)}.cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn{font-family:var(--font-display);letter-spacing:.12em;font-size:1.25rem;padding:.7rem 1.4rem;border:none;cursor:pointer;transition:transform .15s ease,filter .15s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.primary{background:var(--accent);color:var(--ink)}.btn.ghost{background:transparent;color:var(--foam);border:1px solid rgba(232,223,208,.35)}.hint{margin-top:1.5rem;font-size:.75rem;color:#e8dfd073}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#scoreboard{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:1rem;font-family:var(--font-display);font-size:2.5rem;letter-spacing:.08em;text-shadow:0 2px 8px rgba(0,0,0,.7)}#scoreHuman{color:var(--good)}#scoreJev{color:var(--accent)}.vs{font-size:1rem;color:var(--steel)}#phaseBanner{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);letter-spacing:.15em;color:var(--foam);text-shadow:0 4px 24px rgba(0,0,0,.8);opacity:0;transition:opacity .2s ease}#phaseBanner.show{opacity:1;animation:countdownPop .35s ease}@keyframes countdownPop{0%{transform:translate(-50%,-50%) scale(1.35);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}#crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:1px solid rgba(232,223,208,.75);border-radius:50%;box-shadow:0 0 0 1px #0006;transition:opacity .1s linear;z-index:12}#crosshair:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;margin:-1px 0 0 -1px;background:var(--foam)}#crosshair.hip-plus:before,#crosshair.hip-plus:after{content:"";position:absolute;background:#e8dfd0e6;box-shadow:0 0 0 1px #00000059}#scopeOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 11%,rgba(0,0,0,.55) 18%,rgba(0,0,0,.92) 32%,#000 58%);opacity:0;transition:opacity .12s linear;pointer-events:none;z-index:11}#scopeOverlay.active{display:block!important;opacity:1}#scopeReticle{position:absolute;left:50%;top:50%;width:0;height:0;z-index:13;pointer-events:none;-webkit-user-select:none;user-select:none}#scopeReticle:before,#scopeReticle:after{content:"";position:absolute;left:50%;top:50%;background:#b4ffa0e6;box-shadow:0 0 0 1px #000000a6}#scopeReticle:before{width:72px;height:2px;margin:-1px 0 0 -36px}#scopeReticle:after{width:2px;height:72px;margin:-36px 0 0 -1px}#killfeed{position:absolute;top:5rem;right:1rem;display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;text-align:right}#killfeed div{background:#0e0c0a8c;padding:.25rem .5rem;border-left:2px solid var(--rust)}#matchInfo{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;text-shadow:0 1px 4px #000;pointer-events:none}#hudActions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem;pointer-events:auto}.btn.hud-btn{padding:.35rem .75rem;font-size:.72rem;letter-spacing:.04em;cursor:pointer;pointer-events:auto}.btn.hud-btn.hidden{display:none}.btn.hud-btn.muted{border-color:#e85d04a6;color:var(--accent)}#radar{position:absolute;right:1rem;bottom:1rem;width:160px;height:160px;border:2px solid rgba(232,93,4,.85);background:#0e0c0ad1;border-radius:4px;box-shadow:0 0 0 1px #00000080,0 8px 24px #00000073;z-index:12}.chat{position:absolute;left:1rem;bottom:1rem;width:min(280px,40vw);pointer-events:auto;background:#0e0c0a8c;border:1px solid rgba(196,165,116,.25);padding:.5rem;transition:opacity .25s ease,transform .25s ease}.chat.playing{opacity:.28;transform:scale(.96)}.chat.playing:focus-within{opacity:.9;transform:none}#chatLog{height:120px;overflow-y:auto;font-size:.75rem;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.4rem}#chatLog .from{color:var(--sand);font-weight:600}#chatForm{display:flex}#chatInput{width:100%;padding:.4rem .5rem;font-size:.8rem;pointer-events:auto}