:root{--bg-0:#070a0d;--bg-1:#0c1116;--bg-2:#121920;--surface:#0a0f14f0;--surface-soft:#0e151bd6;--line:#b5c7d324;--line-strong:#b5c7d347;--text:#f3f6f7;--muted:#87949d;--quiet:#53616b;--accent:#e6523c;--accent-bright:#ff654d;--ct:#67b8e9;--tr:#f17458;--success:#70d39a;color:var(--text);background:var(--bg-0);font-synthesis:none;font-family:Inter,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg-0)}button,input,select{font:inherit}button{cursor:pointer}#game-canvas{background:#0b1016;outline:none;width:100%;height:100%;display:block}#overlay-root{pointer-events:none;position:fixed;inset:0}.screen,.game-layer{pointer-events:auto;position:absolute;inset:0}.eyebrow{color:var(--accent-bright);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:850}.button,.menu-action{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);min-height:46px;color:var(--text);letter-spacing:.08em;background:#0f151b9e;padding:0 18px;font-weight:780;transition:border-color .16s,background .16s,transform .16s}.button:hover,.menu-action:hover{background:#172029eb;border-color:#e6523cb3;transform:translateY(-1px)}.button:active,.menu-action:active{transform:translateY(0)}.button:focus-visible,.menu-action:focus-visible,input:focus-visible,select:focus-visible,.server-row:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.button.primary,.menu-action.primary{background:var(--accent);color:#fff;border-color:#f16650}.button.primary:hover,.menu-action.primary:hover{background:var(--accent-bright)}.button.ghost{background:0 0}.button.danger{color:#ff8b7b}.button.compact{min-height:38px;padding:0 14px;font-size:10px}.icon-button{text-align:center;min-width:58px;min-height:38px;padding:0 13px;font-size:10px}.intro-screen{text-align:center;background:radial-gradient(circle,#17222a 0,#080c10 58%,#050709 100%);place-content:center;animation:.3s ease-out fade-in;display:grid}.intro-mark{border:1px solid var(--accent);width:66px;height:66px;color:var(--accent-bright);letter-spacing:-.12em;clip-path:polygon(0 0,87% 0,100% 18%,100% 100%,13% 100%,0 82%);place-items:center;margin:0 auto 20px;font-size:24px;font-weight:900;display:grid}.intro-title{letter-spacing:.12em;font-size:clamp(30px,5vw,62px);font-weight:900}.intro-subtitle{color:var(--quiet);letter-spacing:.36em;margin-top:9px;font-size:9px}.menu-screen{background:0 0;grid-template-columns:minmax(430px,44%) 1fr;display:grid;overflow:hidden}.menu-atmosphere{pointer-events:none;z-index:1;background:radial-gradient(circle at 74% 46%,#e6523c14,#0000 36%),linear-gradient(100deg,#04070af5 10%,#05090dc7 38%,#05090d0f 66%,#05090d38);position:absolute;inset:0}.brand-panel{z-index:3;align-self:center;padding:54px clamp(42px,7vw,120px);position:relative}.brand-lockup h1{letter-spacing:-.065em;margin:9px 0 0;font-size:clamp(58px,7vw,106px);line-height:.86}.brand-lockup p{color:var(--muted);margin:18px 0 42px;font-size:14px}.menu-actions{gap:7px;width:min(380px,78vw);display:grid}.menu-action{text-align:left;justify-content:space-between;align-items:center;min-height:62px;display:flex}.menu-action span{font-size:13px}.menu-action small{color:var(--quiet);letter-spacing:.15em;font-size:8px}.menu-action.primary small{color:#ffffffad}.menu-action:hover{transform:translate(4px)}.menu-footer{color:var(--quiet);letter-spacing:.16em;align-items:center;gap:10px;margin-top:30px;font-size:8px;display:flex}.menu-footer i{background:var(--line-strong);width:18px;height:1px}.menu-visual{min-width:0;position:relative;overflow:hidden}.menu-grid{opacity:.07;background-image:linear-gradient(#8aa0ae 1px,#0000 1px),linear-gradient(90deg,#8aa0ae 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35%);mask-image:linear-gradient(90deg,#0000,#000 35%)}.visual-callout{z-index:3;justify-items:end;gap:3px;display:grid;position:absolute;bottom:40px;right:42px}.visual-callout span,.visual-callout small{color:var(--muted);letter-spacing:.16em;font-size:8px}.visual-callout b{letter-spacing:-.04em;font-size:30px}.pause-menu,.workspace-screen,.loading-screen{--vignette-x:50%;-webkit-backdrop-filter:blur(11px)saturate(.72);backdrop-filter:blur(11px)saturate(.72);background:#0306094d}.pause-menu:before,.workspace-screen:before,.loading-screen:before{content:"";pointer-events:none;background:radial-gradient(ellipse at var(--vignette-x) 50%, #0000 4%, #00000042 42%, #000000a8 74%, #000000e0 100%);position:absolute;inset:0}.workspace-screen{place-items:center;padding:24px;display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.panel-header h2{letter-spacing:-.04em;margin:5px 0 0;font-size:32px}.dialog-panel{-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);border:1px solid var(--line);border-top:2px solid var(--accent);background:linear-gradient(#ffffff06,#fff0 190px),#080d12d1;width:min(620px,100vw - 40px);padding:38px;position:relative;box-shadow:0 30px 100px #00000080}.dialog-panel h2{margin:8px 0 12px;font-size:32px}.dialog-panel p{color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.dialog-panel .button{width:100%;margin-top:16px}.server-browser{-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);border:1px solid var(--line);border-top:2px solid var(--accent);background:linear-gradient(#ffffff06,#fff0 190px),#080d12d1;grid-template-rows:auto auto 1fr auto;width:min(1180px,100vw - 48px);height:auto;max-height:min(720px,100vh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #0000008c}.server-browser>.panel-header{padding:28px 30px 18px}.browser-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:0 30px 18px;display:flex}.browser-tabs{height:38px;display:flex}.browser-tab{color:var(--muted);letter-spacing:.08em;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 17px;font-size:10px;font-weight:750}.browser-tab.active{border-color:var(--accent);color:var(--text);background:#ffffff06}.browser-tools{gap:8px;display:flex}.server-search{border:1px solid var(--line-strong);width:min(280px,30vw);height:38px;color:var(--text);background:#0d141a;padding:0 13px}.server-table{min-height:0;overflow:auto}.server-table-head,.server-row{grid-template-columns:38px minmax(260px,1fr) 180px 120px 100px;align-items:center;display:grid}.server-table-head{z-index:2;border-bottom:1px solid var(--line);min-height:38px;color:var(--quiet);letter-spacing:.15em;background:#111820;padding:0 20px;font-size:8px;position:sticky;top:0}.server-row{color:#ccd3d7;cursor:default;border-bottom:1px solid #b5c7d312;min-height:58px;padding:0 20px;font-size:11px}.server-row:hover,.server-row.selected{background:#455b6b29}.server-row.selected{box-shadow:inset 2px 0 var(--accent)}.favorite{color:#3f4a52;background:0 0;border:0;width:28px;height:28px;font-size:15px}.favorite.active{color:#f3bf52}.server-name{grid-template-columns:9px 1fr;align-items:center;column-gap:9px;display:grid}.server-name small{color:var(--quiet);letter-spacing:.1em;grid-column:2;margin-top:3px;font-size:8px}.online-dot{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #70d39a8c}.latency{color:var(--success)}.server-empty{text-align:center;color:var(--muted);padding:70px 30px}.browser-footer{border-top:1px solid var(--line);min-height:52px;color:var(--quiet);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:0 30px;font-size:8px;display:flex}.browser-footer>div{align-items:center;gap:18px;display:flex}.browser-status{color:var(--muted)}.refreshing{animation:.45s refresh-pulse}.settings-panel{-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);border:1px solid var(--line);border-top:2px solid var(--accent);background:linear-gradient(#ffffff06,#fff0 190px),#080d12d1;grid-template-rows:auto auto 1fr auto;width:min(1080px,100vw - 48px);height:auto;max-height:min(780px,100vh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #0000008c}.settings-panel>.panel-header{padding:26px 30px 18px}.settings-tabs{border-bottom:1px solid var(--line);padding:0 30px;display:flex}.settings-tab{min-width:104px;height:43px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #0000;font-size:10px;font-weight:760}.settings-tab.active{color:var(--text);border-color:var(--accent);background:#ffffff06}.settings-body{min-height:0;padding:24px 30px 36px;overflow:auto}.settings-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,28%) 1fr;gap:36px;padding:24px 0;display:grid}.settings-section:first-child{padding-top:8px}.settings-section>header h3{margin:0 0 7px;font-size:16px}.settings-section>header p{color:var(--quiet);margin:0;font-size:11px;line-height:1.5}.settings-controls{gap:10px;display:grid}.setting-control{background:#ffffff05;border:1px solid #b5c7d31a;min-height:58px;padding:12px 14px}.setting-control>span{justify-content:space-between;align-items:center;gap:16px;display:flex}.setting-control b{font-size:11px;font-weight:650}.setting-control small{color:var(--quiet);font-size:9px;font-weight:450}.setting-control output{color:var(--muted);font:10px ui-monospace,monospace}.range-control{align-content:center;gap:12px;display:grid}input[type=range]{appearance:none;width:100%;height:3px;accent-color:var(--accent);background:#29343c;border:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #e6523c24}.toggle-control{justify-content:space-between;align-items:center;display:flex}.toggle-control>span{gap:4px;display:grid}.switch{flex:0 0 42px;height:22px;position:relative}.switch input{opacity:0;position:absolute}.switch span{background:#27323a;border-radius:20px;transition:all .15s;position:absolute;inset:0}.switch span:after{content:"";background:#8b979f;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{background:#fff;transform:translate(20px)}.select-control{grid-template-columns:1fr minmax(180px,40%);align-items:center;display:grid}.select-control select{border:1px solid var(--line-strong);height:36px;color:var(--text);background:#10171d;padding:0 10px}.settings-footer{border-top:1px solid var(--line);background:#0b1116;justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:12px 30px;display:flex}.settings-footer>small{color:var(--quiet);font-size:9px}.settings-actions{gap:8px;display:flex}.settings-actions .button{min-width:180px}.color-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-control{grid-template-columns:1fr 38px 74px;align-items:center;display:grid}.color-control input{border:1px solid var(--line-strong);background:0 0;width:34px;height:30px;padding:0}.color-control code{color:var(--muted);font-size:9px}.crosshair-workbench{border:1px solid var(--line);background-color:#35434b;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px;place-items:center;min-height:160px;display:grid}.crosshair-preview{--crosshair-color:#fff;--crosshair-accent:#e6523c;--crosshair-length:7px;--crosshair-gap:5px;--crosshair-thickness:1.5px;--crosshair-opacity:.95;width:64px;height:64px;opacity:var(--crosshair-opacity);position:relative}.preview-line{background:var(--crosshair-color);position:absolute}.preview-line.left{width:var(--crosshair-length);height:var(--crosshair-thickness);right:calc(50% + var(--crosshair-gap));top:calc(50% - var(--crosshair-thickness) / 2)}.preview-line.right{width:var(--crosshair-length);height:var(--crosshair-thickness);left:calc(50% + var(--crosshair-gap));top:calc(50% - var(--crosshair-thickness) / 2)}.preview-line.top{width:var(--crosshair-thickness);height:var(--crosshair-length);bottom:calc(50% + var(--crosshair-gap));left:calc(50% - var(--crosshair-thickness) / 2)}.preview-line.bottom{width:var(--crosshair-thickness);height:var(--crosshair-length);top:calc(50% + var(--crosshair-gap));left:calc(50% - var(--crosshair-thickness) / 2)}.preview-dot{background:var(--crosshair-accent);width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-preview.outlined .preview-line,.crosshair-preview.outlined .preview-dot{filter:drop-shadow(1px 0 #000)drop-shadow(-1px 0 #000)drop-shadow(0 1px #000)drop-shadow(0 -1px #000)}.crosshair-preview.hide-dot .preview-dot{display:none}.loading-screen{--vignette-x:34%;place-items:center start;padding-left:clamp(38px,7vw,118px);display:grid}.loading-card{text-align:left;border-left:2px solid var(--accent);text-shadow:0 2px 22px #000000d9;width:min(420px,86vw);padding:0 0 0 22px;position:relative}.loading-card .intro-mark{margin:0 0 18px}.loading-card h2{letter-spacing:-.03em;margin:6px 0 20px;font-size:26px}.loading-card p{color:var(--muted);font-size:11px}.loading-bar{background:#242c33;height:2px;overflow:hidden}.loading-bar i{background:var(--accent);width:36%;height:100%;animation:1s ease-in-out infinite loading;display:block}.loading-layer{z-index:400;pointer-events:auto;position:fixed;inset:0}.loading-bar.measured{height:3px}.loading-bar.measured i{width:0;transition:width .18s ease-out;animation:none}.loading-foot{justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px;display:flex}.loading-stage{color:var(--muted);letter-spacing:.04em;margin:0;font-size:11px}.loading-percent{color:var(--accent-bright);font-variant-numeric:tabular-nums;font-size:11px;font-weight:850}.game-layer{--hud-scale:1;pointer-events:none;-webkit-user-select:none;user-select:none}.game-layer.menu-open>:not(.pause-menu):not(.weapon-select){display:none}.top-strip{transform:translateX(-50%) scale(var(--hud-scale));transform-origin:top;border:1px solid var(--line);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#060a0dd1;align-items:stretch;height:48px;display:flex;position:absolute;top:14px;left:50%}.match-team{place-items:center;width:38px;font-size:9px;font-weight:900;display:grid}.match-team.ct{color:var(--ct);border-right:1px solid var(--line)}.match-team.tr{color:var(--tr);border-left:1px solid var(--line)}.match-center{place-content:center;justify-items:center;gap:1px;width:108px;display:grid}.match-center span{color:var(--muted);letter-spacing:.13em;font-size:7px}.match-center b{font-size:16px;line-height:1}.top-strip>#score-mini{background:#ffffff09;place-items:center;min-width:54px;padding:0 10px;font-size:10px;font-weight:800;display:grid}.fps-counter{min-width:76px;height:30px;transform:scale(var(--hud-scale));transform-origin:100% 0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:.08em;background:#05080bd1;justify-content:flex-end;align-items:center;gap:7px;padding:0 10px;font:9px ui-monospace,monospace;display:flex;position:absolute;top:0;right:0}.fps-counter span{color:var(--quiet)}.fps-counter b{color:var(--success);font-size:11px}.compass{transform:translateX(-50%) scale(var(--hud-scale));transform-origin:top;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05090c9e;align-items:center;gap:12px;padding:6px 14px;display:flex;position:absolute;top:14px;left:50%}.compass-timer{min-width:42px;color:var(--quiet);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:10px}.compass-window{width:min(340px,34vw);height:20px;position:relative;overflow:hidden}.compass-ticks{position:absolute;inset:0}.compass-mark{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:700;transition:opacity 80ms linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.compass-mark.cardinal{color:#eaf1f5;font-size:11px;font-weight:900}.compass-needle{background:var(--accent);width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.compass-heading{text-align:right;min-width:38px;color:var(--accent-bright);font-variant-numeric:tabular-nums;font-size:11px}.minimap{width:var(--minimap-size,150px);opacity:var(--minimap-opacity,.9);transform:scale(var(--hud-scale));transform-origin:0 0;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05090cb8;position:absolute;top:16px;left:16px}.minimap-viewport{aspect-ratio:1;background:#10171b;border-radius:50%;width:100%;position:relative;overflow:hidden}.minimap-world{transform:rotate(var(--minimap-rotation,0deg));transform-origin:50%;position:absolute;inset:0}.minimap-atlas,.minimap-dots{left:var(--minimap-offset-x,0);top:var(--minimap-offset-y,0);width:calc(100% * var(--minimap-zoom-x,1));height:calc(100% * var(--minimap-zoom-z,1));position:absolute}.minimap-atlas{object-fit:fill;filter:saturate(.72)brightness(.86)contrast(1.1)}.minimap-self{filter:drop-shadow(0 1px 2px #000000e6);border-bottom:9px solid #f2f6f8;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.minimap-north{color:var(--accent);font-size:8px;font-style:normal;font-weight:900;position:absolute;top:12px;left:50%}.minimap footer{border-top:1px solid var(--line);height:18px;color:var(--quiet);letter-spacing:.14em;justify-content:center;align-items:center;padding:0 8px;font-size:7px;display:flex}.map-dot{border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000b3,0 0 7px}.map-dot.ct{background:var(--ct);color:var(--ct)}.map-dot.tr{background:var(--tr);color:var(--tr)}.map-dot.player{width:0;height:0;box-shadow:none;transform-origin:50%;border-bottom:11px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;border-radius:0;background:0 0!important}.kill-feed{transform:scale(var(--hud-scale));transform-origin:100% 0;z-index:19;justify-items:end;gap:4px;display:grid;position:absolute;top:38px;right:14px}.kill-row{border-right:2px solid var(--accent);letter-spacing:.045em;background:#05090cc7;align-items:center;gap:8px;min-height:27px;padding:0 9px;font-size:9px;animation:.2s ease-out kill-in;display:flex;box-shadow:0 5px 18px #0000002e}.kill-row span{color:var(--accent-bright);font-weight:900}.kill-row b{font-weight:700}.health-panel,.weapon-panel{transform:scale(var(--hud-scale));border:1px solid var(--line);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05090cd1;position:absolute;bottom:18px}.health-panel{transform-origin:0 100%;border-left:2px solid var(--accent);width:194px;padding:11px 13px 12px;left:18px}.health-panel span{color:var(--quiet);letter-spacing:.14em;font-size:7px}.health-panel strong{margin-top:2px;font-size:28px;line-height:1;display:block}.health-panel div{background:#263039;height:3px;margin-top:9px}.health-panel i{background:var(--accent);width:100%;height:100%;display:block}.weapon-panel{text-align:right;transform-origin:100% 100%;border-right:2px solid var(--accent);min-width:210px;padding:10px 13px 11px;right:18px}.weapon-panel>span{color:var(--muted);letter-spacing:.11em;font-size:8px;display:block}.weapon-panel strong{margin-top:2px;font-size:27px;line-height:1.1;display:block}.weapon-panel small{color:var(--muted);font-size:12px}.weapon-panel .reload-hint{color:var(--quiet);margin-top:5px;font-size:7px}.weapon-select{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#04070abd;place-items:center;display:grid;position:fixed;inset:0}.weapon-select.hidden{display:none}.weapon-select-panel{-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);border:1px solid var(--line);border-top:2px solid var(--accent);background:linear-gradient(#ffffff06,#fff0 190px),#070b0fe0;width:min(760px,92vw);padding:30px 34px 26px;box-shadow:0 30px 90px #0009}.weapon-select-eyebrow{color:var(--accent-bright);letter-spacing:.28em;font-size:8px;font-weight:900}.weapon-select-panel h2{letter-spacing:.06em;margin:8px 0 22px;font-size:26px}.weapon-select-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:9px;display:grid}.weapon-card{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:#0e141ae6;justify-items:center;gap:5px;padding:16px 10px 12px;transition:border-color .14s,transform .14s,background .14s;display:grid;position:relative}.weapon-card:hover,.weapon-card:focus-visible{border-color:var(--accent);background:#161e26f2;transform:translateY(-3px)}.weapon-card b{color:var(--accent-bright);font-size:9px;position:absolute;top:7px;left:9px}.weapon-card img{object-fit:contain;filter:drop-shadow(0 2px 4px #000000e6);max-width:108px;height:34px}.weapon-card span{letter-spacing:.06em;font-size:10px;font-weight:700}.weapon-card small{color:var(--quiet);letter-spacing:.1em;font-size:8px}.weapon-select-hint{color:var(--quiet);letter-spacing:.18em;text-align:center;margin:20px 0 0;font-size:8px}.armor-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);width:128px;transform:scale(var(--hud-scale));transform-origin:0 100%;background:#05090cd1;border-left:2px solid #3d8fd4;padding:11px 13px 12px;position:absolute;bottom:18px;left:222px}.armor-panel .armor-icon{object-fit:contain;opacity:.82;filter:drop-shadow(0 1px 2px #000c);width:18px;height:18px}.armor-panel strong{color:#cfe4f6;margin-top:2px;font-size:24px;line-height:1;display:block}.armor-panel div{background:#263039;height:3px;margin-top:9px}.armor-panel i{background:#3d8fd4;width:100%;height:100%;display:block}.weapon-panel .weapon-icon{object-fit:contain;opacity:.95;filter:drop-shadow(0 1px 3px #000000e6);max-width:132px;height:26px;margin:0 0 2px auto;display:block}.slot-icon{object-fit:contain;opacity:.9;filter:drop-shadow(0 1px 2px #000000d9);justify-self:center;max-width:62px;height:20px}.kill-weapon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000e6);max-width:54px;height:17px}.kill-row.headshot{border-right-color:#f3c33a}.kill-headshot{color:#f3c33a;font-size:11px}.damage-counter{z-index:24;pointer-events:none;position:fixed;inset:0}.damage-number{font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000000f2;font-weight:900;line-height:1;animation:1.1s ease-out forwards damage-float;position:absolute}.damage-number.dealt{color:#56b4ee;font-size:22px;top:56%;left:50%;transform:translate(-50%,-50%)}.damage-number.received{color:#ff4038;font-size:26px;top:46%;left:44%;transform:translate(-50%,-50%)}.damage-number.headshot{color:#f3c33a}@keyframes damage-float{0%{opacity:0;transform:translate(-50%,-35%)scale(.85)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-74%)scale(1)}}.slots{transform:translateX(-50%) scale(var(--hud-scale));transform-origin:bottom;gap:4px;display:flex;position:absolute;bottom:18px;left:50%}.slot{border:1px solid var(--line);opacity:.45;background:#05090cb3;grid-template-columns:17px 1fr;align-items:center;min-width:70px;height:38px;padding:5px 7px;transition:all .14s;display:grid}.slot.empty{opacity:.22}.slot-dash{color:var(--quiet);justify-self:center;font-size:12px}.slot.active{opacity:1;border-color:var(--accent);background:#12191fe0;transform:translateY(-2px)}.slot b{color:var(--accent-bright);font-size:8px}.slot span{letter-spacing:.03em;font-size:8px}.interaction-hint{min-height:18px;transform:translateX(-50%) scale(var(--hud-scale));color:#fff;border:1px solid var(--line);letter-spacing:.09em;background:#05090cc7;padding:6px 11px;font-size:8px;font-weight:800;position:absolute;bottom:72px;left:50%}.interaction-hint:empty{display:none}.control-hint{color:#ffffff5c;letter-spacing:.09em;transform:scale(var(--hud-scale));transform-origin:0 100%;font-size:7px;position:absolute;bottom:103px;left:18px}.crosshair{--crosshair-color:#fff;--crosshair-accent:#e6523c;--crosshair-length:7px;--crosshair-gap:5px;--crosshair-thickness:1.5px;--crosshair-opacity:.95;width:64px;height:64px;opacity:var(--crosshair-opacity);transition:transform 80ms ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.kick{transform:translate(-50%,-50%)scale(1.3)}.crosshair i{background:var(--crosshair-color);position:absolute}.crosshair i:first-child{width:var(--crosshair-length);height:var(--crosshair-thickness);right:calc(50% + var(--crosshair-gap));top:calc(50% - var(--crosshair-thickness) / 2)}.crosshair i:nth-child(2){width:var(--crosshair-length);height:var(--crosshair-thickness);left:calc(50% + var(--crosshair-gap));top:calc(50% - var(--crosshair-thickness) / 2)}.crosshair i:nth-child(3){width:var(--crosshair-thickness);height:var(--crosshair-length);bottom:calc(50% + var(--crosshair-gap));left:calc(50% - var(--crosshair-thickness) / 2)}.crosshair i:nth-child(4){width:var(--crosshair-thickness);height:var(--crosshair-length);top:calc(50% + var(--crosshair-gap));left:calc(50% - var(--crosshair-thickness) / 2)}.crosshair b{background:var(--crosshair-accent);width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.outlined i,.crosshair.outlined b{filter:drop-shadow(1px 0 #000)drop-shadow(-1px 0 #000)drop-shadow(0 1px #000)drop-shadow(0 -1px #000)}.crosshair.hide-dot b{display:none}.crosshair.ads{transform:translate(-50%,-50%)scale(.72)}.crosshair.ads i{opacity:.76}.hitmarker{color:#fff;opacity:0;text-shadow:0 1px 3px #000;font-size:30px;transition:all 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.hitmarker.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.aim-overlay{z-index:17;pointer-events:none;background:radial-gradient(circle,#0000 0 31%,#05080a14 51%,#0305077a 82%,#010203c7 100%);animation:.16s ease-out both fade-in;position:fixed;inset:0}.damage-vignette{z-index:18;pointer-events:none;opacity:0;background:radial-gradient(circle,#0000 38%,#96000026 68%,#a5000085 100%);transition:opacity .16s ease-out;position:absolute;inset:0}.damage-vignette.active{opacity:1;transition:none}.scope-overlay{--scope-size:min(76vh, 76vw);z-index:25;background:radial-gradient(circle at 50% 50%, transparent 0 calc(var(--scope-size) / 2), #000000f5 calc(var(--scope-size) / 2 + 2px) 100%);pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.scope-ring{width:var(--scope-size);height:var(--scope-size);border:2px solid #050505;border-radius:50%;position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%)}.scope-reticle{--reticle-ink:#0c0e10e0;width:var(--scope-size);height:var(--scope-size);pointer-events:none;position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%)}.scope-reticle i,.scope-reticle b{position:absolute;top:50%;left:50%}.reticle-h{background:var(--reticle-ink);width:100%;height:1px;transform:translate(-50%,-50%);box-shadow:0 0 1px #ffffff4d}.reticle-v{background:var(--reticle-ink);width:1px;height:100%;transform:translate(-50%,-50%);box-shadow:0 0 1px #ffffff4d}.reticle-ticks-h{background-image:repeating-linear-gradient(to right, var(--reticle-ink) 0 1px, transparent 1px 9%);width:46%;height:7px;transform:translate(-50%,-50%)}.reticle-ticks-v{background-image:repeating-linear-gradient(to bottom, var(--reticle-ink) 0 1px, transparent 1px 9%);width:7px;height:46%;transform:translate(-50%,-50%)}.reticle-center{background:var(--reticle-ink);border-radius:50%;width:2px;height:2px;transform:translate(-50%,-50%)}.reticle-post,.reticle-ring,.reticle-chevron{display:none}.reticle-post{background:var(--reticle-ink);box-shadow:0 0 1px #ffffff40}.post-l{width:34%;height:3px;transform:translate(-100%,-50%)translate(-14%)}.post-r{width:34%;height:3px;transform:translateY(-50%)translate(14%)}.post-t{width:3px;height:34%;transform:translate(-50%,-100%)translateY(-14%)}.post-b{width:3px;height:34%;transform:translate(-50%)translateY(14%)}.reticle-ring{border:1px solid var(--reticle-ink);border-radius:50%;width:22%;height:22%;transform:translate(-50%,-50%)}.reticle-chevron{width:26px;height:13px;transform:translate(-50%,-2px)}.reticle-chevron:before,.reticle-chevron:after{content:"";background:var(--reticle-ink);width:15px;height:1px;position:absolute;top:0;box-shadow:0 0 1px #ffffff4d}.reticle-chevron:before{transform-origin:0 0;left:50%;transform:rotate(60deg)}.reticle-chevron:after{transform-origin:100% 0;right:50%;transform:rotate(-60deg)}.reticle-range{color:var(--reticle-ink);letter-spacing:.12em;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #ffffff59;font-size:12px;font-weight:850;transform:translate(-50%)translateY(40%)}.shape-mildot .reticle-center{width:2px;height:2px}.shape-duplex .reticle-post{display:block}.shape-duplex .reticle-ticks-h,.shape-duplex .reticle-ticks-v,.shape-duplex .reticle-center{display:none}.shape-german4 .post-l,.shape-german4 .post-r,.shape-german4 .post-b{display:block}.shape-german4 .reticle-ticks-v,.shape-german4 .reticle-center{display:none}.shape-chevron .reticle-chevron{display:block}.shape-chevron .reticle-v{height:50%;transform:translate(-50%)}.shape-chevron .reticle-ticks-v{height:26%;transform:translate(-50%,6%)}.shape-chevron .reticle-center{display:none}.shape-circledot .reticle-ring{display:block}.shape-circledot .reticle-ticks-h,.shape-circledot .reticle-ticks-v{display:none}.shape-circledot .reticle-center{width:3px;height:3px}.shape-heavyduplex .reticle-post{display:block}.shape-heavyduplex .post-l,.shape-heavyduplex .post-r{height:5px}.shape-heavyduplex .post-t,.shape-heavyduplex .post-b{width:5px}.shape-heavyduplex .reticle-ticks-h{background-image:repeating-linear-gradient(to right, var(--reticle-ink) 0 1px, transparent 1px 13%);height:11px}.shape-heavyduplex .reticle-ticks-v{background-image:repeating-linear-gradient(to bottom, var(--reticle-ink) 0 1px, transparent 1px 13%);width:11px}.reticle-red{--reticle-ink:#d63028eb}.reticle-black{--reticle-ink:#060708f2}.reticle-gradient{--reticle-ink:#18222cd1}.scoreboard{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0205078f;place-items:center;display:grid;position:absolute;inset:0}.score-card{border:1px solid var(--line-strong);background:#080d12f5;width:min(820px,88vw);overflow:hidden;box-shadow:0 26px 90px #0000008f}.score-title{border-bottom:1px solid var(--line);background:#ffffff05;justify-content:space-between;align-items:center;min-height:86px;padding:18px 22px;display:flex}.score-title h2{margin:4px 0 0;font-size:24px}.score-summary{text-align:center;grid-template-columns:44px 92px 44px;align-items:center;display:grid}.score-summary>b{font-size:28px}.ct-score{color:var(--ct)}.tr-score{color:var(--tr)}.score-summary>span{gap:3px;display:grid}.score-summary small{color:var(--quiet);letter-spacing:.08em;font-size:7px}.score-summary strong{font-size:15px}.score-head,.score-row{grid-template-columns:34px 1fr 58px 48px 48px 58px;align-items:center;gap:10px;display:grid}.score-weapon{object-fit:contain;opacity:.9;filter:drop-shadow(0 1px 2px #000000d9);justify-self:center;max-width:100%;max-height:20px}.score-place{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:10px}.score-head>span:not(:nth-child(2)){text-align:center}.score-row.you .score-place{color:var(--accent-bright);font-weight:900}.score-list{max-height:min(56vh,460px);overflow-y:auto}.score-head{border-top:1px solid var(--line);min-height:30px;color:var(--quiet);letter-spacing:.13em;padding:0 22px;font-size:8px}.score-team h3{border-top:1px solid var(--line);height:34px;color:var(--muted);letter-spacing:.1em;align-items:center;gap:10px;margin:0;padding:0 22px;font-size:9px;display:flex}.team-glyph{border:1px solid;place-items:center;width:24px;height:18px;font-size:7px;display:grid}.team-glyph.ct{color:var(--ct)}.team-glyph.tr{color:var(--tr)}.score-row{border-top:1px solid #b5c7d312;min-height:42px;padding:0 22px;font-size:10px}.score-row.you{box-shadow:inset 2px 0 var(--ct);background:#5b89a424}.score-row>b{text-align:center;font-variant-numeric:tabular-nums}.score-row>.player-cell{justify-content:flex-start}.score-row>small{color:var(--muted);text-align:center}.player-cell{align-items:center;gap:9px;display:flex}.player-cell>i{border-radius:50%;width:6px;height:6px}.player-cell>i.alive{background:var(--success)}.player-cell>i.dead{background:#556068}.player-cell>small{color:var(--ct);border:1px solid #67b8e959;padding:2px 5px;font-size:6px}.score-footer{border-top:1px solid var(--line);min-height:36px;color:var(--quiet);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:0 22px;font-size:7px;display:flex}.pause-menu{z-index:60;pointer-events:auto;--vignette-x:34%;place-items:center start;padding-left:clamp(38px,7vw,118px);display:grid;position:absolute;inset:0}.pause-content{width:auto;position:relative}.pause-card{border:0;border-left:2px solid var(--accent);width:min(320px,78vw);box-shadow:none;background:0 0;gap:9px;padding:0 0 0 22px;display:grid}.pause-card header h2{letter-spacing:-.04em;text-shadow:0 2px 18px #000c;margin:5px 0;font-size:30px}.pause-card header p{color:var(--muted);margin:0 0 16px;font-size:11px}.pause-actions{gap:4px;display:grid}.pause-actions .button{text-align:left;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#090e1385;border-color:#0000;width:100%;min-height:42px}.pause-actions .button:hover{background:#172029eb;border-color:#e6523cb3;transform:translate(3px)}.pause-actions .button.primary{background:var(--accent);border-color:#f16650}.pause-actions .button.primary:hover{background:var(--accent-bright)}.pause-menu.centered{--vignette-x:50%;justify-items:center;padding-left:0}.pause-card footer{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:12px;padding-top:14px;display:flex}.pause-card footer span{border:1px solid var(--line-strong);padding:3px 6px;font-size:7px}.pause-card footer small{color:var(--quiet);letter-spacing:.1em;font-size:7px}.pause-menu .settings-panel{width:min(1020px,100vw - 48px);max-height:min(720px,100vh - 48px)}.match-end-menu{z-index:70;pointer-events:auto;background:#030608b8;place-items:center;display:grid;position:absolute;inset:0}.match-end-card{text-align:center}.match-end-card h2{font-size:24px}.final-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:18px 0 24px;display:grid}.final-score b{font-size:42px}.final-score span{color:var(--quiet);letter-spacing:.12em;font-size:8px}.diagnostics{z-index:22;border:1px solid var(--line);color:#ffffffb3;letter-spacing:.04em;background:#05090cd1;align-items:center;gap:9px;padding:6px 8px;font:8px/1.1 ui-monospace,monospace;display:flex;position:absolute;bottom:82px;left:16px}.diagnostics b{color:#fff}.runtime-error{z-index:80;color:#fff;background:#5f0f0af0;border:1px solid #e45842;max-width:min(760px,86vw);padding:10px 14px;font-size:10px;position:absolute;top:78px;left:50%;transform:translate(-50%)}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.001ms!important;animation-duration:.001ms!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(300%)}}@keyframes kill-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes refresh-pulse{50%{color:var(--accent-bright);border-color:var(--accent)}}@media (max-width:900px){.menu-screen{grid-template-columns:1fr}.menu-visual{opacity:.42;position:absolute;inset:0}.brand-panel{padding:38px}.settings-section{grid-template-columns:1fr;gap:14px}.server-table-head,.server-row{grid-template-columns:32px minmax(200px,1fr) 100px 82px}.server-table-head span:last-child,.server-row>span:last-child{display:none}.browser-toolbar{flex-direction:column;align-items:stretch}.server-search{width:100%}}@media (max-width:650px){.workspace-screen{padding:10px}.settings-panel,.server-browser{width:calc(100vw - 20px);height:calc(100vh - 20px)}.settings-panel>.panel-header,.server-browser>.panel-header{padding:18px}.settings-tabs{padding:0;overflow-x:auto}.settings-tab{min-width:88px}.settings-body{padding:16px 18px}.settings-footer{padding:10px 18px}.settings-footer>small{display:none}.settings-actions{width:100%}.settings-actions .button{flex:1;min-width:0;font-size:8px}.browser-tabs{overflow-x:auto}.browser-tools{width:100%}.server-table-head,.server-row{grid-template-columns:28px 1fr 72px}.server-table-head span:nth-child(3),.server-row>span:nth-child(3),.server-table-head span:nth-child(5),.server-row>span:nth-child(5){display:none}.minimap{--minimap-size:min(150px, 34vw)!important}.slots{bottom:78px}.slot{min-width:39px}.slot span{display:none}.health-panel{width:145px}.armor-panel{width:96px;left:172px}.weapon-panel{min-width:160px}.control-hint{display:none}.score-card{width:96vw}}.hidden{display:none!important}.death-screen{z-index:70;text-align:center;color:#f5f7f8;-webkit-backdrop-filter:grayscale(.75)contrast(1.08);backdrop-filter:grayscale(.75)contrast(1.08);background:radial-gradient(circle,#0e141847,#05080bdb);place-content:center;gap:10px;display:grid;position:fixed;inset:0}.death-screen span,.death-screen small{color:#9aa8b0;letter-spacing:.2em;font-size:10px}.death-screen strong{letter-spacing:.04em;font-size:clamp(20px,3vw,36px)}.death-screen b{color:#ee5a43;font-variant-numeric:tabular-nums;font-size:32px}.spawn-protection{z-index:35;color:#dce8ec;letter-spacing:.14em;pointer-events:none;background:#0a1419d6;border:1px solid #68c0dd6b;align-items:center;gap:12px;padding:9px 14px;font-size:10px;display:flex;position:fixed;bottom:15%;left:50%;transform:translate(-50%)}.spawn-protection b{color:#70c9e5;font-variant-numeric:tabular-nums;font-size:13px}.debug-menu{border:1px solid var(--line);pointer-events:auto;z-index:40;letter-spacing:.04em;background:#0b1014f2;border-radius:4px;width:300px;max-height:86vh;font-size:10px;position:absolute;top:50%;left:16px;overflow-y:auto;transform:translateY(-50%)}.debug-menu header{border-bottom:1px solid var(--line);background:#0000004d;justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.debug-menu header b{letter-spacing:.16em;color:var(--accent);font-size:9px}.debug-menu .dbg-hint{color:var(--quiet);letter-spacing:.1em;font-size:8px}.dbg-section{border-bottom:1px solid var(--line);padding:10px 11px 12px}.dbg-section:last-child{border-bottom:0}.dbg-section h4{letter-spacing:.16em;color:var(--quiet);margin:0 0 8px;font-size:8px;font-weight:700}.dbg-weapon-line{justify-content:space-between;margin-bottom:8px;display:flex}.dbg-weapon{color:#fff;letter-spacing:.08em;font-size:11px}.dbg-modes{gap:5px;margin-bottom:8px;display:flex}.dbg-rows{flex-direction:column;gap:4px;display:flex}.dbg-row{grid-template-columns:1fr 30px 60px 30px;align-items:center;gap:5px;display:grid}.dbg-row.as-button{text-align:left;border:1px solid var(--line);cursor:pointer;width:100%;color:inherit;font:inherit;letter-spacing:inherit;background:#ffffff08;border-radius:3px;grid-template-columns:1fr auto;padding:6px 8px}.dbg-row.as-button:hover{background:#ffffff12}.dbg-label{color:var(--quiet);flex-direction:column;gap:2px;display:flex}.dbg-label b{color:#dfe6ea;letter-spacing:.04em;font-size:10px;font-weight:600}.dbg-label i{color:var(--quiet);font-size:8px;font-style:normal}.dbg-value{text-align:center;color:var(--quiet);font-family:ui-monospace,monospace;font-size:10px}.dbg-value.changed{color:var(--accent)}.dbg-state{letter-spacing:.1em;color:var(--quiet);align-self:center;font-size:9px}.dbg-state.on{color:var(--accent)}.dbg-btn{border:1px solid var(--line);color:#cfd8dd;font:inherit;letter-spacing:.06em;cursor:pointer;background:#ffffff0d;border-radius:3px;padding:5px 7px;font-size:9px}.dbg-btn:hover{background:#ffffff1a}.dbg-btn.active{background:var(--accent);border-color:var(--accent);color:#0b1014}.dbg-btn.tiny{padding:4px 0;font-size:10px}.dbg-btn.wide{flex:1}.dbg-readout{border:1px solid var(--line);max-height:78px;color:var(--quiet);white-space:pre-wrap;word-break:break-all;background:#0006;border-radius:3px;margin-top:8px;padding:6px;font-family:ui-monospace,monospace;font-size:8px;display:block;overflow:auto}.dbg-value{border:1px solid var(--line);color:#cfd8dd;background:#00000059;border-radius:2px;width:100%;min-width:0;padding:3px 4px}.dbg-value:focus{outline:1px solid var(--accent);border-color:var(--accent)}.dbg-value::-webkit-outer-spin-button{appearance:none;margin:0}.dbg-value::-webkit-inner-spin-button{appearance:none;margin:0}.dbg-btn.full{width:100%;margin-bottom:6px}.dbg-sub{letter-spacing:.16em;color:var(--quiet);margin:12px 0 7px;font-size:8px;font-weight:700}.weapon-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;margin-bottom:18px;display:flex}.weapon-tab{color:var(--quiet);font:inherit;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:8px 14px 9px;font-size:9px;font-weight:800;transition:color .14s,border-color .14s;display:flex;position:relative}.weapon-tab:hover{color:var(--text);border-bottom-color:#e6523c73}.weapon-tab.active{color:var(--text);border-bottom-color:var(--accent)}.weapon-tab i{color:inherit;opacity:.75;background:#ffffff12;padding:1px 5px;font-size:8px;font-style:normal}.weapon-select-grid{max-height:min(52vh,430px);overflow-y:auto}.weapon-tab-key{color:var(--accent-bright);font-size:10px;font-weight:900}.weapon-tab.active .weapon-tab-key{color:#fff}.weapon-tooltip{z-index:40;border:1px solid var(--line-strong);border-left:2px solid var(--accent);pointer-events:none;background:#070b0ff7;width:232px;padding:12px 13px;animation:.12s ease-out fade-in;position:fixed;box-shadow:0 18px 48px #0000008c}.weapon-tooltip header{gap:2px;margin-bottom:10px;display:grid}.weapon-tooltip header b{letter-spacing:.04em;font-size:13px}.weapon-tooltip header small{color:var(--quiet);letter-spacing:.12em;font-size:8px}.wt-bars{gap:6px;display:grid}.wt-row{grid-template-columns:62px 1fr 42px;align-items:center;gap:8px;display:grid}.wt-row span{color:var(--quiet);letter-spacing:.12em;font-size:7px}.wt-track{background:#232c34;height:4px;overflow:hidden}.wt-track i{background:var(--accent);height:100%;transition:width .16s ease-out;display:block}.wt-row code{color:var(--muted);text-align:right;font:8px ui-monospace,monospace}