:root{--bg: #070a0e;--bg-2: #0d1218;--panel: rgba(255, 255, 255, .045);--panel-2: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #e8ecef;--muted: #8b96a3;--primary: #15803d;--primary-lit: #22c55e;--accent: #d97706;--accent-lit: #fbbf24;--danger: #dc2626;--blood: #b91c1c;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 6px 30px rgba(0, 0, 0, .5);--mono: "JetBrains Mono", ui-monospace, monospace;--head: "Orbitron", "Cairo", sans-serif;--ar: "Cairo", "Segoe UI", system-ui, sans-serif;--scope: 0;--dmg: 0;--hit: 0;--dead: 0;font-family:var(--ar);color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{min-height:100dvh;background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}body.menu-open{overflow:auto}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--mono);letter-spacing:.02em}.stage{position:fixed;inset:0;background:#05070a}.stage canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;background:radial-gradient(ellipse at 50% 30%,#101b16,#05070a 70%);z-index:60;text-align:center;padding:2rem}.loading h2{font-family:var(--head);font-size:1.1rem;letter-spacing:.24em;color:var(--primary-lit);text-transform:uppercase}.bar{width:min(340px,70vw);height:4px;background:#ffffff17;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-lit));transition:width .3s ease}.loading p{color:var(--muted);font-size:.85rem;max-width:42ch;line-height:1.7}.menu{position:fixed;inset:0;z-index:40;overflow-y:auto;background:linear-gradient(180deg,#05070ab8,#05070af5 55%),radial-gradient(ellipse at 50% 0%,rgba(21,128,61,.22),transparent 60%);backdrop-filter:blur(3px)}.menu-inner{max-width:1120px;margin:0 auto;padding:clamp(1.5rem,5vh,4rem) 1.4rem 4rem}.brand{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-bottom:1.1rem}.brand span{font-family:var(--mono);font-size:.72rem;letter-spacing:.34em;color:var(--primary-lit);text-transform:uppercase;border:1px solid rgba(34,197,94,.3);border-radius:99px;padding:.25rem .7rem}.hero-title{font-family:var(--head);text-align:center;font-size:clamp(2.6rem,8vw,5rem);font-weight:900;letter-spacing:-.02em;line-height:1;background:linear-gradient(180deg,#fff,#9fb3a6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{text-align:center;font-family:var(--head);font-size:clamp(.7rem,2vw,.9rem);letter-spacing:.42em;color:var(--accent-lit);margin-top:.9rem;text-transform:uppercase}.hero-copy{text-align:center;color:var(--muted);max-width:62ch;margin:1.4rem auto 0;line-height:1.9;font-size:.98rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow)}.card h3{font-size:.95rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.card p{color:var(--muted);font-size:.85rem;line-height:1.8}.grid{display:grid;gap:1rem;margin-top:2rem}.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.panel{margin-top:2.4rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.2rem,3vw,2rem);backdrop-filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:700;color:#04120a;background:linear-gradient(135deg,var(--primary-lit),#16a34a);box-shadow:0 8px 30px #22c55e40;transition:transform .15s ease,box-shadow .15s ease,opacity .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 38px #22c55e61}.btn.ghost{background:transparent;border-color:var(--border-strong);color:var(--text);box-shadow:none}.btn.ghost:hover{background:var(--panel-2)}.btn.amber{background:linear-gradient(135deg,var(--accent-lit),var(--accent));color:#1b1204;box-shadow:0 8px 30px #d9770640}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center}.cta-wrap{display:flex;justify-content:center;margin-top:2rem}.btn.big{padding:1.05rem 2.6rem;font-size:1.05rem;letter-spacing:.02em}.opt-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;display:flex;align-items:center;gap:.45rem}.pills{display:flex;flex-wrap:wrap;gap:.5rem}.pill{padding:.5rem 1.05rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:.86rem;font-weight:600;transition:all .18s ease}.pill:hover{color:var(--text);border-color:var(--border-strong)}.pill.on{background:linear-gradient(135deg,#22c55e38,#15803d2e);border-color:#22c55e8c;color:#d9f7e4}.pill small{display:block;font-weight:400;font-size:.68rem;color:var(--muted);margin-top:.15rem}.slider{display:flex;align-items:center;gap:.8rem}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;flex:1;border-radius:99px;background:#ffffff24;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-lit);cursor:pointer;box-shadow:0 0 0 4px #22c55e29}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--primary-lit);cursor:pointer}.switch{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px dashed var(--border);font-size:.86rem}.switch:last-child{border-bottom:none}.toggle{width:42px;height:24px;border-radius:99px;background:#ffffff1f;border:1px solid var(--border);position:relative;flex:none;transition:background .2s ease}.toggle i{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .2s ease,background .2s ease}.toggle.on{background:#22c55e47;border-color:#22c55e80}.toggle.on i{transform:translate(-18px);background:var(--primary-lit)}.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem 1rem;font-size:.84rem}.keys div{display:flex;align-items:center;gap:.55rem;color:var(--muted)}kbd{font-family:var(--mono);font-size:.72rem;padding:.16rem .45rem;border-radius:6px;background:#ffffff14;border:1px solid var(--border);color:var(--text);min-width:26px;text-align:center}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;font-size:.9rem;user-select:none}.hud-top{position:absolute;top:0;left:0;right:0;padding:.7rem 1.1rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.strip{min-width:240px}.compass{position:relative;height:34px;border-radius:8px;background:linear-gradient(180deg,#060a0cb8,#060a0c33);border:1px solid var(--border);overflow:hidden}.compass-inner{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;will-change:transform}.compass-tick{width:24px;flex:none;text-align:center;font-family:var(--mono);font-size:.6rem;color:var(--muted);position:relative}.compass-tick.major{color:var(--text);font-size:.72rem;font-weight:700}.compass-tick:after{content:"";position:absolute;bottom:1px;left:50%;width:1px;height:5px;background:#ffffff3d;transform:translate(-50%)}.compass-tick.major:after{height:8px;background:var(--primary-lit)}.compass-needle{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--accent-lit);transform:translate(-50%);box-shadow:0 0 10px #fbbf24b3}.chip{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .85rem;border-radius:10px;background:#060a0ca8;border:1px solid var(--border);backdrop-filter:blur(8px);min-width:74px}.chip b{font-family:var(--mono);font-size:1.05rem;font-weight:700;line-height:1.1}.chip span{font-size:.6rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.chip.warn b{color:var(--accent-lit)}.chip.bad b{color:#f87171}.scoreline{display:flex;gap:.4rem}.pip{width:11px;height:11px;border-radius:3px;background:#ffffff1f;border:1px solid var(--border)}.pip.p{background:var(--primary-lit);border-color:var(--primary-lit)}.pip.e{background:var(--danger);border-color:var(--danger)}.hud-bottom{position:absolute;bottom:1rem;left:1.1rem;right:1.1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.vitals{display:flex;flex-direction:column;gap:.4rem;min-width:200px}.meter{display:flex;align-items:center;gap:.55rem}.meter .lbl{font-family:var(--mono);font-size:.6rem;color:var(--muted);width:34px;text-align:right;letter-spacing:.1em}.meter .track{flex:1;height:7px;border-radius:99px;background:#ffffff17;overflow:hidden;max-width:190px;border:1px solid rgba(255,255,255,.06)}.meter .track i{display:block;height:100%;border-radius:99px;transition:width .18s ease}.hp i{background:linear-gradient(90deg,#ef4444,#22c55e)}.st i{background:linear-gradient(90deg,#0369a1,#38bdf8)}.br i{background:linear-gradient(90deg,#b45309,#fbbf24)}.tags{display:flex;gap:.35rem;margin-top:.15rem}.tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:.22rem .5rem;border-radius:6px;border:1px solid var(--border);background:#060a0c99;color:var(--muted)}.tag.on{color:#d9f7e4;border-color:#22c55e73;background:#22c55e24}.ammo{display:flex;align-items:flex-end;gap:.9rem}.mag{display:flex;gap:3px}.round-pip{width:7px;height:20px;border-radius:2px;background:#ffffff24;border:1px solid rgba(255,255,255,.1)}.round-pip.on{background:linear-gradient(180deg,#fbbf24,#b45309);border-color:#fbbf24}.weapon{text-align:left;direction:ltr}.weapon b{font-family:var(--mono);font-size:1.5rem;line-height:1;letter-spacing:-.02em}.weapon b small{font-size:.85rem;color:var(--muted)}.weapon span{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-top:.2rem}.rangecard{position:absolute;top:4.6rem;left:1.1rem;width:194px;padding:.7rem .8rem;border-radius:12px;background:#060a0ca8;border:1px solid var(--border);backdrop-filter:blur(8px);font-family:var(--mono);font-size:.72rem}.rc-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.2rem 0}.rc-row+.rc-row{border-top:1px dashed rgba(255,255,255,.06)}.rc-row span{color:var(--muted);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.rc-row b{font-size:.86rem}.rc-row b.amber{color:var(--accent-lit)}.wind-arrow{display:inline-block;transition:transform .2s ease}.minimap{position:absolute;top:4.6rem;right:1.1rem;width:158px;height:158px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#1b2220,#0a0f0c 70%);border:1px solid var(--border-strong);overflow:hidden;box-shadow:inset 0 0 30px #000c}.minimap svg{width:100%;height:100%;display:block}.map-label{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:.58rem;color:#ffffff38;letter-spacing:.3em}.timer-ring{position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(255,255,255,.08);pointer-events:none}.assist-note{position:absolute;bottom:6.2rem;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;color:#fbbf24cc;text-transform:uppercase;text-align:center}.scope{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:calc(var(--scope) * 1.25);transition:opacity .05s linear}.scope-ring{position:absolute;left:50%;top:50%;width:min(86vh,86vw);height:min(86vh,86vw);transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 100vmax #000000fb,inset 0 0 26px 10px #000000f5,inset 0 0 90px 40px #00000080}.scope-glass{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(120,190,255,.05),transparent 62%),radial-gradient(circle at 50% 50%,transparent 62%,rgba(0,0,0,.45) 100%);box-shadow:inset 0 0 0 2px #000000e6,inset 0 0 40px #0000008c}.scope-svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.scope-data{position:absolute;left:50%;top:calc(50% + min(43vh,43vw) - 34px);transform:translate(-50%);font-family:var(--mono);font-size:.68rem;color:#ebf5f0d1;text-align:center;text-shadow:0 1px 6px #000;letter-spacing:.08em;white-space:nowrap}.zero-tag{position:absolute;left:50%;top:calc(50% - min(43vh,43vw) + 12px);transform:translate(-50%);font-family:var(--mono);font-size:.64rem;color:var(--accent-lit);letter-spacing:.16em;text-shadow:0 1px 6px #000}.cross{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;pointer-events:none;opacity:calc(1 - var(--scope) * 1.4)}.cross i{position:absolute;background:#ffffffd9;box-shadow:0 0 4px #000000e6}.cross i:nth-child(1),.cross i:nth-child(2){width:1.5px;height:9px;left:-.75px}.cross i:nth-child(1){top:-17px}.cross i:nth-child(2){top:8px}.cross i:nth-child(3),.cross i:nth-child(4){height:1.5px;width:9px;top:-.75px}.cross i:nth-child(3){left:-17px}.cross i:nth-child(4){left:8px}.cross b{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent-lit);left:-1.5px;top:-1.5px}.marker{position:absolute;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .25s ease}.marker.diamond{width:26px;height:26px;border:1.6px solid #f87171;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 12px #f8717180;border-radius:3px}.marker.dist{margin-top:-30px;font-family:var(--mono);font-size:.64rem;color:#fca5a5;white-space:nowrap;text-shadow:0 1px 6px #000}.hitmark{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);opacity:var(--hit);z-index:9;pointer-events:none}.hitmark i{position:absolute;width:12px;height:1.8px;background:#fff;box-shadow:0 0 6px #fffc}.hitmark i:nth-child(1){top:6px;left:2px;transform:rotate(45deg)}.hitmark i:nth-child(2){top:6px;right:2px;transform:rotate(-45deg)}.hitmark i:nth-child(3){bottom:6px;left:2px;transform:rotate(-45deg)}.hitmark i:nth-child(4){bottom:6px;right:2px;transform:rotate(45deg)}.vig{position:fixed;inset:0;pointer-events:none;z-index:8}.vig.dmg{opacity:var(--dmg);background:radial-gradient(ellipse at 50% 50%,transparent 38%,rgba(150,12,12,.92) 100%)}.vig.scope-dark{opacity:calc(var(--scope) * .35);background:radial-gradient(ellipse at 50% 50%,transparent 55%,#000 100%)}.vig.low{animation:pulseRed 1.6s ease-in-out infinite;background:radial-gradient(ellipse at 50% 50%,transparent 42%,rgba(140,10,10,.55) 100%)}@keyframes pulseRed{0%,to{opacity:.38}50%{opacity:.72}}.death{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;background:#0803039e;backdrop-filter:blur(2px) saturate(.4);text-align:center;padding:2rem}.death h2{font-family:var(--head);font-size:clamp(1.6rem,5vw,2.6rem);letter-spacing:.06em;color:#fca5a5}.death p{color:var(--muted)}.killcam{position:fixed;top:12%;left:50%;transform:translate(-50%);z-index:20;font-family:var(--mono);font-size:.7rem;letter-spacing:.3em;color:var(--accent-lit);text-transform:uppercase;text-shadow:0 2px 10px #000}.overlay{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:1.2rem;background:#040608b8;backdrop-filter:blur(6px);animation:fade .25s ease}.sheet{width:min(560px,100%);background:linear-gradient(180deg,#10171a,#0a0f11);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:clamp(1.4rem,4vw,2.2rem);text-align:center;box-shadow:0 30px 90px #000000b3;animation:rise .3s ease}.sheet h2{font-family:var(--head);font-size:clamp(1.4rem,4.5vw,2.1rem);margin-bottom:.5rem}.sheet h2.win{color:var(--primary-lit)}.sheet h2.lose{color:#f87171}.sheet h2.draw{color:var(--accent-lit)}.sheet p{color:var(--muted);line-height:1.9;font-size:.92rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.7rem;margin:1.4rem 0}.stat{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:.7rem .5rem}.stat b{display:block;font-family:var(--mono);font-size:1.3rem}.stat span{font-size:.63rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.reason{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}.toasts{position:fixed;bottom:7.4rem;left:50%;transform:translate(-50%);z-index:14;display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none}.toast{font-family:var(--mono);font-size:.78rem;padding:.5rem 1.05rem;border-radius:999px;background:#060a0cd1;border:1px solid var(--border);backdrop-filter:blur(8px);animation:rise .28s ease;white-space:nowrap}.toast.hit{color:#d9f7e4;border-color:#22c55e80}.toast.kill{color:#052e16;background:linear-gradient(135deg,#4ade80,#16a34a);border-color:transparent;font-weight:700}.toast.bad{color:#fecaca;border-color:#dc262680}.toast.amber{color:var(--accent-lit);border-color:#d9770673}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .5s ease both}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.foot{text-align:center;color:var(--muted);font-size:.74rem;margin-top:3rem;line-height:2}.foot b{color:var(--text);font-weight:600}.warn-note{margin-top:1rem;font-size:.78rem;color:var(--accent-lit);text-align:center}@media (max-width: 780px){.hud-top{padding:.5rem .6rem 0}.compass{min-width:150px;height:28px}.minimap{width:108px;height:108px;top:3.4rem;right:.6rem}.rangecard{width:148px;top:3.4rem;left:.6rem;font-size:.64rem}.hud-bottom{left:.6rem;right:.6rem;bottom:.6rem}.meter .track{max-width:110px}.weapon b{font-size:1.15rem}.vitals{min-width:130px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.lockhint{position:fixed;inset:0;z-index:22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;pointer-events:none;background:#04060857;text-align:center;animation:fade .3s ease}.lockhint span{font-family:var(--head);font-size:clamp(1rem,3vw,1.35rem);letter-spacing:.12em;color:#fff;text-shadow:0 2px 18px #000}.lockhint small{color:var(--muted);font-size:.82rem}