:root{--paint:#e8ce60;--ink:#f2efe6;--dim:#a8a498;--panel:#0e0f10c2;--solid:#131516;--line:#ffffff24;--hurt:#ff6a4d;--attack:#e3a643;--defend:#6fa9de;--font:"Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#0c0d0e;margin:0;overflow:hidden}#game{display:block;position:fixed;inset:0}#ui{pointer-events:none;text-transform:uppercase;letter-spacing:.06em;position:fixed;inset:0}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);padding:12px 16px}.hud{position:absolute;inset:0}.overlay{opacity:0;position:absolute;inset:0}.flash-overlay{background:#fff}.smoke-overlay{background:#9c9d99}.hurt-overlay{background:radial-gradient(#0000 45%,#be140abf 100%)}.scope-overlay{opacity:1;background:linear-gradient(#000,#000) 50%/1px 100% no-repeat,linear-gradient(#000,#000) 50%/100% 1px no-repeat,radial-gradient(circle,#0000 0 38vh,#000 38.4vh)}.hurt-arrow{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}.hurt-arrow:before{content:"";border-bottom:22px solid #ff3c28d9;border-left:34px solid #0000;border-right:34px solid #0000;position:absolute;top:-150px;left:-34px}.crosshair{position:absolute;top:50%;left:50%}.crosshair i{background:#d8ffd0;position:absolute;box-shadow:0 0 0 1px #000000a6}.crosshair .h{width:9px;height:2px;top:-1px}.crosshair .v{width:2px;height:9px;left:-1px}.vitals,.weapon{align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:22px}.vitals{left:24px}.weapon{flex-direction:column;align-items:flex-end;gap:8px;right:24px}.stat .label{color:var(--dim);font-size:11px}.stat .value{text-shadow:0 2px 6px #000000b3;font-size:40px;font-weight:900;line-height:1}.ammo{text-shadow:0 2px 6px #000000b3;min-height:52px;font-size:52px;font-weight:900;line-height:1}.ammo small{color:var(--dim);font-size:22px;font-weight:700}.weapon-name{color:var(--paint);text-shadow:0 1px 3px #000;font-size:15px;font-weight:700}.slots{color:var(--dim);text-shadow:0 1px 3px #000;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px;display:flex}.slots .active{color:var(--ink);font-weight:700}.slots b{border:1px solid var(--line);text-align:center;background:#0006;min-width:18px;margin-right:6px;padding:0 4px;display:inline-block}.slots .kit{color:var(--defend)}.wallet{text-shadow:0 1px 3px #000;position:absolute;bottom:96px;left:24px}.money{color:#9fd88a;font-size:26px;font-weight:900}.buy-hint{color:var(--paint);min-height:14px;font-size:11px}.reload{text-align:center;width:170px;color:var(--paint);text-shadow:0 1px 3px #000;margin-left:-85px;font-size:12px;font-weight:700;position:absolute;top:calc(50% + 46px);left:50%}.reload .bar{background:#0009;height:4px;margin-top:5px}.reload .bar i{background:var(--paint);height:100%;display:block}.topbar{align-items:stretch;gap:2px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.topbar .side{background:var(--panel);align-items:center;gap:12px;min-width:150px;padding:6px 14px;display:flex}.topbar .side.attack{border-bottom:3px solid var(--attack);justify-content:flex-end}.topbar .side.defend{border-bottom:3px solid var(--defend)}.topbar .score{font-size:30px;font-weight:900;line-height:1}.topbar .attack .score{color:var(--attack)}.topbar .defend .score{color:var(--defend)}.topbar .alive{color:var(--dim);font-size:11px}.topbar .timer{background:var(--solid);text-align:center;font-variant-numeric:tabular-nums;min-width:96px;padding:6px 12px;font-size:28px;font-weight:900;line-height:1.1}.topbar .timer.freeze{color:var(--paint)}.topbar .timer.bomb{color:#ff4a3a;animation:.8s infinite pulse}@keyframes pulse{50%{opacity:.35}}.radar{position:absolute;top:16px;left:20px}.radar canvas{border-radius:50%;display:block}.radar .location{text-align:center;color:var(--paint);text-shadow:0 1px 3px #000;min-height:15px;margin-top:4px;font-size:12px;font-weight:700}.killfeed{flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;display:flex;position:absolute;top:16px;right:20px}.kill{background:var(--panel);align-items:center;gap:8px;padding:4px 10px;font-weight:700;display:flex}.kill.mine{outline:1px solid #c8442f}.kill .weapon-tag{color:var(--ink);opacity:.85;font-size:11px;font-weight:400}.kill .tag{background:#ffffff24;padding:0 4px;font-size:10px}.kill .tag.head{background:#c8442f}.banner{background:var(--panel);border-top:3px solid var(--paint);text-align:center;white-space:nowrap;padding:10px 34px;position:absolute;top:19%;left:50%;transform:translate(-50%)}.banner.win{border-top-color:#7fd46b}.banner.loss,.banner.alert{border-top-color:#ff4a3a}.banner-title{font-size:30px;font-weight:900}.banner-text{color:var(--dim);font-size:13px}.death{background:var(--panel);text-align:center;border-left:3px solid #c8442f;padding:10px 22px;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.death-title{font-size:20px;font-weight:900}.death-text{color:var(--dim);font-size:12px}.death-text.spectating{color:var(--paint);margin-top:6px}.scoreboard{background:#0a0b0ceb;width:min(720px,92vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-title{color:var(--dim);margin-bottom:8px;font-size:13px}.board-team{margin-bottom:14px}.board-head,.board-row{font-variant-numeric:tabular-nums;grid-template-columns:1fr 90px 44px 44px 44px 54px;gap:4px;padding:4px 8px;font-size:13px;display:grid}.end-table .board-head,.end-table .board-row{grid-template-columns:1fr 44px 44px 44px 54px}.board-head{color:var(--dim);border-bottom:1px solid var(--line);font-size:11px}.board-head span:not(.board-name),.board-row span:not(.board-name){text-align:right}.board-team.attack .board-head .board-name{color:var(--attack);font-size:15px;font-weight:900}.board-team.defend .board-head .board-name{color:var(--defend);font-size:15px;font-weight:900}.board-row.me{background:#e8ce6024;font-weight:700}.board-row.dead{opacity:.45}.buymenu{background:#0a0b0ced;width:min(980px,94vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.buy-header{align-items:baseline;gap:18px;margin-bottom:10px;display:flex}.buy-title{font-size:22px;font-weight:900}.buy-money{color:#9fd88a;font-size:20px;font-weight:900}.buy-time{color:var(--paint);margin-left:auto;font-size:13px}.buy-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.buy-column{border:1px solid var(--line);opacity:.8;padding:8px}.buy-column.active{border-color:var(--paint);opacity:1;background:#e8ce6012}.buy-column-title{margin-bottom:8px;font-size:13px;font-weight:900}.buy-column-title b,.buy-item b{background:var(--paint);color:#15140f;text-align:center;min-width:20px;margin-right:8px;padding:0 4px;display:inline-block}.buy-item{align-items:center;padding:4px 0;font-size:12px;display:flex}.buy-item b:empty{visibility:hidden}.buy-item .name{flex:1}.buy-item .price{color:#9fd88a;font-variant-numeric:tabular-nums}.buy-item.off{opacity:.38}.buy-help{color:var(--dim);margin-top:10px;font-size:11px}.buy-help b{color:var(--ink)}.debug{opacity:.55;gap:16px;font-size:10px;display:flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.debug span{color:var(--dim)}.debug b{font-variant-numeric:tabular-nums;margin-left:5px}.hitlog{text-align:right;text-shadow:0 1px 2px #000,0 0 6px #000000b3;width:440px;max-width:46vw;font-size:13px;position:absolute;top:16px;right:24px}.match .hitlog,.match .spray{display:none}.hitlog .title{color:var(--dim);margin-bottom:4px;font-size:11px}.hitlog div.line{font-variant-numeric:tabular-nums;padding:2px 0}.hitlog .line b{color:var(--paint)}.hitlog .line.head b{color:var(--hurt)}.hint{color:var(--dim);white-space:nowrap;text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint b{color:var(--ink)}.damage-number{color:var(--paint);text-shadow:0 1px #000,0 0 6px #000c;will-change:transform, opacity;font-size:22px;font-weight:900;position:absolute;top:0;left:0}.damage-number.head{color:var(--hurt);font-size:28px}.spray{padding:10px;position:absolute;top:24px;left:24px}.spray .title{color:var(--dim);font-size:11px}.spray .name{color:var(--paint);margin-bottom:6px;font-size:14px;font-weight:700}.spray canvas{display:block}.spray .legend{color:var(--dim);margin-top:6px;font-size:10px;line-height:1.5}.spray .legend i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.screens{pointer-events:auto;position:absolute;inset:0}.screen{background:radial-gradient(70% 60% at 78% 20%,#e8ce601a,#0000 70%),radial-gradient(80% 70% at 10% 100%,#6fa9de17,#0000 70%),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 64px),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 64px),#0e1011;padding:clamp(18px,5vh,56px) clamp(18px,6vw,90px);position:absolute;inset:0;overflow:auto}.screen.dim{background:#08090ad1}.screen.centred{justify-content:center;align-items:center;display:flex}.screen h1{letter-spacing:.02em;margin:0;font-size:clamp(40px,9vw,110px);font-weight:900;line-height:.9}.screen h1 span{color:var(--paint)}.screen h2{margin:0 0 14px;font-size:30px;font-weight:900}.screen .tag{color:var(--dim);margin:12px 0 30px;font-size:14px}.screen button{font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;color:var(--ink);border:0}.screen .big{text-align:left;background:#ffffff0f;border-left:4px solid #0000;align-items:baseline;gap:12px;width:100%;margin-bottom:10px;padding:16px 20px;font-size:22px;font-weight:900;display:flex}.screen .big:hover{border-left-color:var(--paint);background:#ffffff1f}.screen .big.primary,.screen button.primary{background:var(--paint);color:#15140f}.screen .big.primary:hover,.screen button.primary:hover{background:#fff0a0}.screen .locked{opacity:.45;cursor:default}.screen .locked small,.screen .tab small{color:var(--dim);margin-left:6px;font-size:11px;font-weight:400}.screen .note{color:var(--dim);text-transform:none;letter-spacing:.01em;margin-top:14px;font-size:11px}.panel-title{color:var(--dim);margin:0 0 8px;font-size:11px}.screen.main{grid-template-columns:minmax(0,460px) minmax(0,420px);justify-content:space-between;align-items:center;gap:40px;display:grid}.feature-list{text-transform:none;letter-spacing:.01em;margin:0;padding-left:18px;font-size:13px;line-height:1.7}.card{background:#0e0f10f0;width:min(600px,94vw);max-height:94vh;overflow:auto}.card.wide{width:min(720px,94vw)}.row{grid-template-columns:130px 1fr 54px;align-items:center;gap:14px;margin-top:14px;font-size:13px;display:grid}.row output{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.row input[type=range]{width:100%;accent-color:var(--paint)}.row input.text{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff14;padding:6px 8px}.keys{border-top:1px solid var(--line);color:var(--dim);grid-template-columns:1fr 1fr;gap:5px 26px;margin-top:20px;padding-top:16px;font-size:12px;display:grid}.keys b{color:var(--ink);margin-right:8px}.buttons{gap:10px;margin-top:20px;display:flex}.buttons button{padding:10px 18px;font-size:13px;font-weight:700}.screen button.secondary{border:1px solid var(--line);background:0 0}.screen button.secondary:hover{border-color:var(--paint)}.screen button.danger:hover{color:#ff8a7a;border-color:#ff4a3a}.lobby-head{align-items:center;gap:24px;margin-bottom:22px;display:flex}.lobby-head h2{margin:0;font-size:40px}.screen button.back{background:#ffffff12;padding:8px 14px;font-size:13px}.tabs{gap:4px;margin-left:auto;display:flex}.tab{background:#ffffff0d;padding:9px 16px;font-size:13px;font-weight:700}.tab.active{background:var(--paint);color:#15140f}.lobby-body{grid-template-columns:minmax(220px,1fr) minmax(280px,1.4fr) minmax(220px,1fr);align-items:start;gap:14px;display:grid}.map-name{color:var(--paint);font-size:44px;font-weight:900;line-height:1}.map-text{color:var(--dim);text-transform:none;letter-spacing:.01em;margin:10px 0 14px;font-size:13px;line-height:1.5}.map-mode{font-size:12px}.options .panel-title:not(:first-child){margin-top:18px}.choices{flex-wrap:wrap;gap:6px;display:flex}.screen button.choice{background:#ffffff0f;border:1px solid #0000;padding:9px 13px;font-size:12px;font-weight:700}.screen button.choice:hover{border-color:var(--line)}.screen button.choice.active{background:var(--paint);color:#15140f}.seat{color:var(--dim);background:#ffffff0d;justify-content:space-between;margin-bottom:4px;padding:7px 10px;font-size:12px;display:flex}.seat b{color:var(--ink)}.seat.you{border-left:3px solid var(--paint)}.party .panel-title:not(:first-child){margin-top:14px}.screen .big.start{justify-content:center;margin:18px 0 0}.screen.loading{align-items:flex-end;display:flex}.loading-box{width:min(680px,100%)}.loading-sub{color:var(--paint);font-size:14px}.loading-bar{background:#ffffff1a;height:5px;margin:22px 0 10px}.loading-bar i{background:var(--paint);width:0;height:100%;transition:width .15s;display:block}.loading-step{color:var(--dim);font-size:12px}.loading-tip{color:var(--ink);text-transform:none;letter-spacing:.01em;margin-top:18px;font-size:13px}.result{font-size:clamp(44px,9vw,84px);font-weight:900;line-height:1}.result.win{color:#7fd46b}.result.loss{color:#ff5a48}.result-score{margin:6px 0 18px;font-size:18px;font-weight:700}.end-table .board-head{margin-top:12px}@media (max-width:860px){.screen.main,.lobby-body{grid-template-columns:1fr}.buy-grid{grid-template-columns:repeat(2,1fr)}}