.cod-root{--accent: #ff7a18;--accent-hi: #ffb347;--hp: #52d97a;--hp-low: #ff4747;--ap: #57c7ff;--ink: #eef1f4;--dim: #96a0aa;--line: rgba(255, 255, 255, .09);--panel: rgba(9, 12, 16, .72);--font-disp: "Bahnschrift", "Rajdhani", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-num: "Bahnschrift", "Rajdhani", "Oswald", "Arial Narrow", sans-serif;--font-mono: "Cascadia Mono", "Consolas", "SF Mono", "Menlo", monospace;position:fixed;inset:0;z-index:40;pointer-events:none;font-family:var(--font-body);color:var(--ink);overflow:hidden}.cod-root:after{content:"";position:absolute;inset:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.cod-root--off:before{content:"";position:absolute;inset:0;z-index:99;background:#000;pointer-events:auto;animation:cod-fade-black 1.4s ease forwards}.cod-tag{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--dim)}.cod-hud,.cod-screen,.cod-panel{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.cod-root[data-state=playing] .cod-hud,.cod-root[data-state=menu] .cod-menu,.cod-root[data-state=paused] :is(.cod-hud,.cod-pause),.cod-root[data-state=dead] :is(.cod-hud,.cod-dead){opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}.cod-root[data-panel=settings] .cod-panel--settings,.cod-root[data-panel=controls] .cod-panel--controls{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translate(0);transition:opacity .28s ease,transform .28s cubic-bezier(.2,.9,.3,1),visibility 0s}.cod-hud{position:absolute;inset:0;pointer-events:none}.cod-hud:before,.cod-hud:after{content:"";position:absolute;width:26px;height:26px;border:0 solid rgba(255,255,255,.16);pointer-events:none}.cod-hud:before{top:14px;inset-inline-start:14px;border-block-start-width:1px;border-inline-start-width:1px}.cod-hud:after{bottom:14px;inset-inline-end:14px;border-block-end-width:1px;border-inline-end-width:1px}.cod-vignette{position:absolute;inset:0;z-index:1;opacity:0;will-change:opacity;background:radial-gradient(ellipse at center,transparent 52%,rgba(214,16,16,.55) 100%);box-shadow:inset 0 0 150px #be080880}.cod-crosshair{position:absolute;left:50%;top:50%;width:0;height:0;z-index:5;filter:drop-shadow(0 0 3px rgba(0,0,0,.9))}.cod-xh{position:absolute;left:0;top:0;background:#f2f5f7;will-change:transform}.cod-xh--t,.cod-xh--b{width:2px;height:9px}.cod-xh--l,.cod-xh--r{width:9px;height:2px}.cod-xh--t{transform:translate(-50%,calc(-100% - 4px))}.cod-xh--b{transform:translate(-50%,calc(100% + 4px))}.cod-xh--l{transform:translate(calc(-100% - 4px),-50%)}.cod-xh--r{transform:translate(calc(100% + 4px),-50%)}.cod-xh-dot{position:absolute;left:-1.5px;top:-1.5px;width:3px;height:3px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px #ff7a18e6}.cod-hitmarker{position:absolute;left:50%;top:50%;width:0;height:0;z-index:6;opacity:0}.cod-hm{position:absolute;left:-1px;top:-5px;width:2px;height:10px;background:#fff}.cod-hm--1{transform:rotate(45deg) translateY(-9px)}.cod-hm--2{transform:rotate(-45deg) translateY(-9px)}.cod-hm--3{transform:rotate(45deg) translateY(9px)}.cod-hm--4{transform:rotate(-45deg) translateY(9px)}.cod-hitmarker.flash{animation:cod-hm-pop .28s ease-out forwards}.cod-hitmarker.flash-soft{animation-duration:.15s}.cod-hitmarker.flash-soft .cod-hm{opacity:.55}.cod-hitmarker.flash-kill{animation-duration:.34s}.cod-hitmarker.flash-kill .cod-hm{background:var(--accent);box-shadow:0 0 8px #ff7a18d9}.cod-top{position:absolute;top:26px;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.cod-objective{display:flex;align-items:center;gap:14px;padding:9px 22px;background:linear-gradient(180deg,#0a0d11ad,#0a0d1157);border:1px solid var(--line);border-block-start:2px solid var(--accent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.cod-objective__tag{color:var(--accent);white-space:nowrap}.cod-objective__text{font-size:13px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink)}.cod-alive{display:flex;align-items:baseline;gap:9px}.cod-alive__num{font-family:var(--font-num);font-size:24px;font-weight:700;line-height:1;color:var(--accent-hi);font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(255,122,24,.35)}.cod-alive__label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}.cod-score{position:absolute;top:26px;inset-inline-end:30px;z-index:4;display:flex;gap:24px;padding:10px 20px;background:var(--panel);border:1px solid var(--line);border-inline-end:3px solid var(--accent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cod-stat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px}.cod-stat__value{font-family:var(--font-num);font-size:24px;font-weight:700;letter-spacing:1px;color:var(--ink);font-variant-numeric:tabular-nums}.cod-vitals{position:absolute;bottom:30px;inset-inline-start:30px;z-index:4;display:flex;flex-direction:column;gap:11px;padding:14px 20px;background:linear-gradient(180deg,rgba(9,12,16,.55),var(--panel));border:1px solid var(--line);border-inline-start:3px solid var(--accent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cod-vital{display:grid;grid-template-columns:56px 190px 34px;align-items:center;gap:12px}.cod-bar{position:relative;height:10px;background:#ffffff12;overflow:hidden}.cod-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0 8px,rgba(4,6,9,.85) 8px 10px)}.cod-bar__fill{display:block;height:100%;width:100%;transition:width .3s cubic-bezier(.2,.8,.3,1)}.cod-bar--health .cod-bar__fill{background:linear-gradient(90deg,#2fae5f,#6ff29a);box-shadow:0 0 12px #52d97a59}.cod-bar--health.is-critical .cod-bar__fill{background:linear-gradient(90deg,#b31f1f,#ff5f4d);box-shadow:0 0 14px #ff3c3280;animation:cod-bar-pulse .9s ease-in-out infinite}.cod-bar--armor .cod-bar__fill{background:linear-gradient(90deg,#2b8fc4,#7fd8ff);box-shadow:0 0 12px #57c7ff4d}.cod-bar--armor.is-empty .cod-bar__fill{opacity:.22}.cod-vital__num{font-family:var(--font-num);font-size:15px;font-weight:700;text-align:end;font-variant-numeric:tabular-nums}.cod-ammo{position:absolute;bottom:30px;inset-inline-end:30px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding:12px 20px 14px;background:linear-gradient(180deg,rgba(9,12,16,.55),var(--panel));border:1px solid var(--line);border-inline-end:3px solid var(--accent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cod-ammo__counter{display:flex;align-items:baseline;gap:9px;direction:ltr}.cod-ammo__mag{font-family:var(--font-num);font-size:56px;font-weight:700;line-height:.9;letter-spacing:2px;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(255,122,24,.22);transition:color .25s ease}.cod-ammo__reserve{font-family:var(--font-num);font-size:20px;font-weight:600;letter-spacing:1px;color:var(--dim);font-variant-numeric:tabular-nums}.cod-ammo.is-low .cod-ammo__mag{color:var(--accent-hi)}.cod-ammo.is-empty .cod-ammo__mag{color:var(--hp-low);animation:cod-blink 1s steps(2) infinite}.cod-lowammo{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent-hi);opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}.cod-ammo.is-low .cod-lowammo{opacity:1;transform:none}.cod-ammo.is-empty .cod-lowammo{opacity:1;transform:none;color:var(--hp-low)}.cod-reload{display:flex;align-items:center;gap:12px;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .25s ease}.cod-reload.is-active{max-height:26px;opacity:1}.cod-reload__label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent-hi);animation:cod-blink-soft 1.1s ease-in-out infinite}.cod-reload__track{position:relative;width:112px;height:3px;background:#ffffff21}.cod-reload__bar{position:absolute;inset-block:0;inset-inline-start:0;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-hi));box-shadow:0 0 8px #ff7a1899}.cod-feed{position:absolute;top:112px;inset-inline-start:30px;z-index:4;display:flex;flex-direction:column;gap:6px;max-width:330px}.cod-feed__item{padding:6px 13px;font-size:12px;letter-spacing:.4px;color:var(--ink);background:#080a0e8c;border-inline-start:2px solid rgba(255,255,255,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:cod-feed-in .28s cubic-bezier(.2,.9,.3,1.2);transition:opacity .3s ease,transform .3s ease}.cod-feed__item--hs{border-inline-start-color:var(--accent);color:var(--accent-hi);font-weight:600}.cod-feed__item.is-out{opacity:0;transform:translateY(-5px)}.cod-screen{position:absolute;inset:0;z-index:50;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;padding-inline:clamp(32px,10vw,150px)}.cod-menu__dim{position:absolute;inset:0;background:linear-gradient(105deg,#040609ed,#040609c7 45%,#04060952);backdrop-filter:blur(3px) saturate(1.15);-webkit-backdrop-filter:blur(3px) saturate(1.15)}.cod-root[dir=rtl] .cod-menu__dim{background:linear-gradient(-105deg,#040609ed,#040609c7 45%,#04060952)}.cod-menu__brand{position:relative;z-index:1;margin-block-end:44px;animation:cod-rise .7s cubic-bezier(.2,.9,.3,1) both}.cod-menu__overline{display:flex;align-items:center;gap:12px;margin-block-end:12px;color:var(--accent)}.cod-menu__overline:before{content:"";width:34px;height:2px;background:var(--accent);box-shadow:0 0 8px #ff7a18b3}.cod-menu__title{margin:0;font-family:var(--font-disp);font-size:clamp(44px,7vw,86px);font-weight:800;line-height:.95;letter-spacing:.045em;text-transform:uppercase;color:var(--ink);text-shadow:0 3px 34px rgba(0,0,0,.65)}.cod-menu__rule{width:130px;height:3px;margin-top:20px;background:linear-gradient(90deg,var(--accent),transparent)}.cod-root[dir=rtl] .cod-menu__rule{background:linear-gradient(-90deg,var(--accent),transparent)}.cod-menu__nav{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:min(340px,80vw);animation:cod-rise .7s cubic-bezier(.2,.9,.3,1) .12s both}.cod-menu__foot{position:absolute;inset-inline:32px;bottom:26px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.cod-menu__hint{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--dim);animation:cod-hint-pulse 2.6s ease-in-out infinite}.cod-btn{pointer-events:auto;position:relative;display:block;width:100%;padding-block:13px;padding-inline-start:22px;padding-inline-end:40px;background:#ffffff05;border:1px solid transparent;border-inline-start:3px solid rgba(255,255,255,.18);color:var(--ink);font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;text-align:start;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}.cod-btn__label{display:inline-block}.cod-btn:hover,.cod-btn:focus-visible{outline:none;background:#ff7a181a;border-inline-start-color:var(--accent);color:#fff;transform:translate(6px)}.cod-root[dir=rtl] .cod-btn:hover,.cod-root[dir=rtl] .cod-btn:focus-visible{transform:translate(-6px)}.cod-btn:after{content:"";position:absolute;inset-inline-end:20px;top:50%;width:8px;height:8px;border-inline-end:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-50%) rotate(-45deg);opacity:0;transition:opacity .2s ease}.cod-root[dir=rtl] .cod-btn:after{transform:translateY(-50%) rotate(135deg)}.cod-btn:hover:after,.cod-btn:focus-visible:after{opacity:1}.cod-btn.primary{border-inline-start-color:var(--accent);background:linear-gradient(90deg,#ff7a1829,#ff7a1805)}.cod-btn.danger:hover,.cod-btn.danger:focus-visible{background:#ff3c3c1f;border-inline-start-color:#ff4d4d}.cod-btn.danger:after{border-color:#ff4d4d}.cod-lang{pointer-events:auto;padding:7px 18px;background:#ffffff0a;border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.cod-lang:hover{border-color:var(--accent);color:var(--accent-hi);background:#ff7a1814}.cod-pause{align-items:flex-start}.cod-pause__dim{position:absolute;inset:0;background:#0305088c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cod-pause__title{position:relative;z-index:1;margin:0 0 28px;padding-inline-start:18px;border-inline-start:4px solid var(--accent);font-family:var(--font-disp);font-size:40px;font-weight:800;letter-spacing:8px;text-transform:uppercase;color:var(--ink)}.cod-pause__nav{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;width:min(340px,80vw)}.cod-dead{align-items:center;text-align:center}.cod-dead__dim{position:absolute;inset:0;background:radial-gradient(ellipse at center,#40040459,#050304e0);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.cod-dead__glitch{position:relative;z-index:1;font-family:var(--font-disp);font-size:clamp(52px,9vw,110px);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ff3b3b;text-shadow:0 0 44px rgba(255,40,40,.4);animation:cod-dead-in .55s cubic-bezier(.2,.9,.3,1.2) both}.cod-dead__glitch:before,.cod-dead__glitch:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden;pointer-events:none}.cod-dead__glitch:before{color:#4dd7ff;opacity:.45;clip-path:inset(12% 0 58% 0);animation:cod-glitch-a 2.3s infinite steps(2)}.cod-dead__glitch:after{color:#ff3b3b;opacity:.55;clip-path:inset(62% 0 6% 0);animation:cod-glitch-b 1.7s infinite steps(2)}.cod-dead__count{position:relative;z-index:1;margin-top:20px;font-family:var(--font-num);font-size:18px;letter-spacing:2px;color:var(--dim);font-variant-numeric:tabular-nums}.cod-dead__btn{z-index:1;width:auto;min-width:250px;margin-top:34px;text-align:center;border:1px solid rgba(255,122,24,.35);border-inline-start:3px solid var(--accent)}.cod-panel{position:absolute;z-index:60;top:50%;inset-inline-end:5vw;width:min(400px,90vw);max-height:84vh;overflow-y:auto;padding:26px 28px 30px;background:#090c10e6;border:1px solid var(--line);border-block-start:2px solid var(--accent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px #0000008c;transform:translateY(-50%) translate(26px);pointer-events:none}.cod-root[dir=rtl] .cod-panel{transform:translateY(-50%) translate(-26px)}.cod-root[dir=rtl][data-panel=settings] .cod-panel--settings,.cod-root[dir=rtl][data-panel=controls] .cod-panel--controls{transform:translateY(-50%) translate(0)}.cod-panel__title{display:flex;align-items:center;gap:14px;margin:0 0 20px;font-family:var(--font-disp);font-size:19px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--ink)}.cod-panel__title:after{content:"";flex:1;height:1px;background:var(--line)}.cod-panel__close{position:absolute;top:14px;inset-inline-end:14px;width:30px;height:30px;background:transparent;border:1px solid transparent;color:var(--dim);font-size:18px;line-height:1;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.cod-panel__close:hover{color:#fff;border-color:var(--line);background:#ffffff0d}.cod-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cod-row__label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}.cod-row__value{font-family:var(--font-num);font-size:15px;font-weight:700;color:var(--accent-hi);font-variant-numeric:tabular-nums;min-width:54px;text-align:end}.cod-row__value--static{color:var(--ink)}.cod-row--slider .cod-slider{grid-column:1 / -1}.cod-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;margin:12px 0 4px;background:#ffffff24;outline:none;cursor:pointer}.cod-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;background:var(--accent);border:2px solid #0b0d10;box-shadow:0 0 0 1px var(--accent),0 0 12px #ff7a1880;transform:rotate(45deg);transition:transform .15s ease}.cod-slider::-webkit-slider-thumb:hover{transform:rotate(45deg) scale(1.25)}.cod-slider::-moz-range-thumb{width:11px;height:11px;border-radius:0;background:var(--accent);border:2px solid #0b0d10;box-shadow:0 0 0 1px var(--accent),0 0 12px #ff7a1880;transform:rotate(45deg)}.cod-slider::-moz-range-track{height:3px;background:#ffffff24}.cod-slider:focus-visible{outline:1px solid rgba(255,122,24,.6);outline-offset:6px}.cod-binds{display:flex;flex-direction:column}.cod-bind{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cod-bind__key{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--ink);background:#ffffff0f;border:1px solid var(--line);border-bottom-width:2px;border-radius:3px;padding:4px 9px;min-width:62px;text-align:center}.cod-bind__action{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim)}@keyframes cod-hm-pop{0%{opacity:1;transform:scale(1.55)}55%{opacity:1}to{opacity:0;transform:scale(.85)}}@keyframes cod-bar-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.55)}}@keyframes cod-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes cod-blink-soft{0%,to{opacity:1}50%{opacity:.5}}@keyframes cod-feed-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes cod-hint-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes cod-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cod-dead-in{0%{opacity:0;transform:scale(1.6);letter-spacing:.3em}to{opacity:1;transform:scale(1);letter-spacing:.12em}}@keyframes cod-glitch-a{0%,92%{transform:translate(0)}93%{transform:translate(-4px);clip-path:inset(8% 0 66% 0)}96%{transform:translate(3px);clip-path:inset(30% 0 40% 0)}to{transform:translate(0);clip-path:inset(12% 0 58% 0)}}@keyframes cod-glitch-b{0%,88%{transform:translate(0)}89%{transform:translate(4px);clip-path:inset(70% 0 2% 0)}94%{transform:translate(-3px);clip-path:inset(48% 0 22% 0)}to{transform:translate(0);clip-path:inset(62% 0 6% 0)}}@keyframes cod-fade-black{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.cod-dead__glitch:before,.cod-dead__glitch:after,.cod-menu__hint,.cod-bar--health.is-critical .cod-bar__fill,.cod-reload__label{animation:none}.cod-menu__brand,.cod-menu__nav,.cod-dead__glitch{animation-duration:.01s}}