:root{--bg:#05070a;--bg2:#0b1016;--line:#1c2630;--line2:#2b3a48;--ink:#8fa3b4;--ink-dim:#5a6c7c;--accent:#3ddad7;--accent-dim:#1d6b6a;--warn:#ff6b2c;--blood:#8c1f1f;--white:#d9e6ef;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:14px;letter-spacing:.06em;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}button,input,select{font:inherit;color:inherit;letter-spacing:inherit}#screens{position:absolute;inset:0;pointer-events:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;pointer-events:auto;background:radial-gradient(120% 90% at 50% 40%,#080c11db,#030508fa);overflow:auto}.screen.dim{background:radial-gradient(120% 90% at 50% 40%,#05080bb8,#020305f0)}.screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}.logo{text-align:center;margin-bottom:6px}.logo h1{font-size:clamp(34px,7vw,64px);font-weight:400;letter-spacing:.42em;color:var(--white);text-shadow:0 0 26px rgba(61,218,215,.24)}.tagline{margin-top:10px;color:var(--ink-dim);font-size:12px;letter-spacing:.18em}.card{position:relative;width:min(420px,92vw);border:1px solid var(--line);background:#080c11b8;padding:20px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(2px)}.card.wide{width:min(620px,94vw)}.card.small{width:min(420px,92vw);padding:14px 20px;gap:8px}.card:after{content:"";position:absolute;left:-1px;top:-1px;width:10px;height:10px;border-left:1px solid var(--accent);border-top:1px solid var(--accent)}.card h3{font-weight:400;color:var(--white);letter-spacing:.24em;font-size:13px;margin-bottom:4px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:10px;color:var(--ink-dim);letter-spacing:.22em}.field input{background:#070b0f;border:1px solid var(--line);padding:11px 12px;color:var(--white);outline:none;text-transform:uppercase}.field input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 1px #3ddad72e}.btn{background:transparent;border:1px solid var(--line2);color:var(--ink);padding:12px 14px;cursor:pointer;transition:.14s;letter-spacing:.2em;font-size:12px}.btn:hover{border-color:var(--accent-dim);color:var(--white);background:#3ddad70d}.btn.primary{border-color:var(--accent-dim);color:var(--accent)}.btn.primary:hover{background:#3ddad71f;box-shadow:0 0 22px #3ddad724}.btn.primary.on{background:#3ddad72e;color:var(--white)}.btn.tiny{padding:8px 10px;font-size:10px}.btn.ghost{border-color:transparent;color:var(--ink-dim)}.btn.ghost:hover{color:var(--ink)}.split{display:flex;align-items:center;gap:10px;color:var(--ink-dim);font-size:10px}.split i{flex:1;height:1px;background:var(--line)}.err{color:var(--warn);font-size:11px;min-height:14px}.row2{display:grid;grid-template-columns:1fr 130px 42px;align-items:center;gap:10px;font-size:11px;color:var(--ink-dim)}.row2 b{color:var(--accent);text-align:right;font-weight:400}input[type=range]{-webkit-appearance:none;appearance:none;height:2px;background:var(--line2);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:14px;background:var(--accent);cursor:pointer}input[type=range]::-moz-range-thumb{width:10px;height:14px;background:var(--accent);border:0;cursor:pointer}select{background:#070b0f;border:1px solid var(--line);padding:5px;color:var(--ink);font-size:11px}.hint{color:var(--ink-dim);font-size:10px;letter-spacing:.14em;text-align:center;max-width:760px;line-height:1.8}.code-block{display:flex;align-items:center;gap:14px;font-size:10px;color:var(--ink-dim);letter-spacing:.22em}.code-block b{font-size:26px;letter-spacing:.4em;color:var(--accent);font-weight:400}.players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:6px 0}.pslot{border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:6px;min-height:92px}.pslot.me{border-color:var(--accent-dim)}.pslot .pname{color:var(--white);font-size:13px}.pslot .pstate{font-size:10px;color:var(--ink-dim)}.pslot .pstate.ok{color:var(--accent)}.pslot .prole{font-size:9px;letter-spacing:.24em;color:var(--warn);opacity:.75}.vs{color:var(--ink-dim);font-size:11px}.rules p{font-size:11px;line-height:1.9;color:var(--ink-dim)}.rules b{color:var(--ink)}.brief{text-align:center;display:flex;flex-direction:column;gap:14px}#brief-role{font-size:clamp(30px,6vw,54px);letter-spacing:.36em;color:var(--white)}#brief-goal{color:var(--ink-dim);font-size:12px;letter-spacing:.2em}#brief-count{font-size:64px;color:var(--accent);opacity:.8}.result{font-size:clamp(22px,4.4vw,38px);letter-spacing:.28em;color:var(--white);text-align:center}.result.bad{color:var(--blood)}.result.good{color:var(--accent)}.result-sub{text-align:center;color:var(--ink-dim);font-size:11px;letter-spacing:.2em}.bigscore{text-align:center;font-size:40px;letter-spacing:.3em;color:var(--accent)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:11px;color:var(--ink-dim);margin:8px 0}.stats div{display:flex;justify-content:space-between;border-bottom:1px dotted var(--line);padding-bottom:4px}.stats b{color:var(--white);font-weight:400}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#030508c7;pointer-events:auto}.ov-card{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.start-card{gap:14px;border:1px solid var(--line);background:#080c11d1;padding:28px 44px}.start-card:after{content:"";position:absolute}.btn.big{padding:15px 52px;font-size:14px;letter-spacing:.34em;margin-top:4px}.ov-card .muted{opacity:.55}.ov-card b{font-weight:400;letter-spacing:.28em;color:var(--white)}.ov-card span{font-size:10px;color:var(--ink-dim);letter-spacing:.2em}#hud{position:absolute;inset:0;pointer-events:none;user-select:none}#hud-top{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;font-size:11px;color:var(--ink-dim);letter-spacing:.2em}#timer{font-size:22px;color:var(--white);letter-spacing:.14em}#timer.low{color:var(--warn)}#score{color:var(--accent)}.panel{position:absolute;border:1px solid rgba(43,58,72,.5);background:#06090d6b;padding:10px 12px;display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.16em}.panel-bl{left:18px;bottom:18px}.panel-br{right:18px;bottom:18px}.panel .row{display:flex;align-items:center;gap:9px}.lbl{color:var(--ink-dim);width:58px}.lbl.sp{width:auto;margin-left:8px}.num{color:var(--accent)}.bar{width:110px;height:3px;background:#2b3a488c;position:relative;overflow:hidden}.bar i{position:absolute;inset:0;width:100%;background:var(--accent);transform-origin:left;display:block}.bar.hp i{background:var(--blood)}.bar.st i{background:#6f8ba3}.dots{display:flex;gap:3px}.dots u{width:6px;height:11px;background:var(--accent);display:block;text-decoration:none}.dots u.off{background:#2b3a4899}.radar{padding:6px}#radar{display:block;opacity:.9}.radar-cap{text-align:center;font-size:8px;color:var(--ink-dim);letter-spacing:.26em;margin-top:2px}.dist-big{display:flex;align-items:baseline;gap:8px;justify-content:flex-end}#dist-val{font-size:26px;color:var(--white);letter-spacing:.06em}.dist-unit{font-size:9px;color:var(--ink-dim)}.stance{text-align:right;font-size:9px;color:var(--warn);opacity:.8;letter-spacing:.24em}.center-note{position:absolute;left:50%;top:62%;transform:translate(-50%);font-size:11px;letter-spacing:.26em;color:var(--accent);text-shadow:0 0 14px rgba(61,218,215,.4)}#killcam-note{position:absolute;left:50%;top:38%;transform:translate(-50%);font-size:16px;letter-spacing:.34em;color:var(--blood)}#extract-wrap{position:absolute;left:50%;top:56%;transform:translate(-50%);width:280px;text-align:center}.extract-label{font-size:9px;letter-spacing:.3em;color:var(--accent);margin-bottom:6px}.extract-bar{height:4px;background:#2b3a4899;position:relative;overflow:hidden}.extract-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);box-shadow:0 0 12px #3ddad7b3}#crosshair{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;background:#d9e6ef8c;border-radius:50%}#hitmark{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background:linear-gradient(45deg,transparent 45%,var(--warn) 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--warn) 45% 55%,transparent 55%);opacity:0}#hitmark.show{animation:hm .35s ease-out}@keyframes hm{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}#scope{position:absolute;inset:0}#scope .scope-ring{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 30vmin,#000 30.4vmin)}#scope .scope-cross{position:absolute;left:50%;top:50%;width:60vmin;height:60vmin;transform:translate(-50%,-50%);background:linear-gradient(to right,transparent calc(50% - .5px),rgba(217,230,239,.55) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),rgba(217,230,239,.55) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}#scope .scope-mil{position:absolute;left:50%;top:50%;width:30vmin;height:30vmin;transform:translate(-50%,-50%);border:1px solid rgba(217,230,239,.16);border-radius:50%}#fx-thermal{position:absolute;inset:0;opacity:0;transition:opacity .12s;background:linear-gradient(#0a161e80,#060e1480);mix-blend-mode:screen}#fx-thermal.on{opacity:1}#fx-danger{position:absolute;inset:0;opacity:0;transition:opacity .1s;box-shadow:inset 0 0 130px 40px #8c1f1fd9}#fx-damage{position:absolute;inset:0;opacity:0;background:radial-gradient(circle,transparent 40%,rgba(140,31,31,.6))}#fx-damage.flash{animation:dmg .6s ease-out}@keyframes dmg{0%{opacity:1}to{opacity:0}}#netstat{position:absolute;right:8px;top:8px;font-size:9px;color:var(--ink-dim);letter-spacing:.14em;pointer-events:none}