@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0b0c0e;--fg:#f3f2ed;--muted:#92959c;--line:#26292f;--accent:#fb2e0f;--accent-mid:#e81807;--accent-dark:#b80706;--accent-rgb:251,46,15;--blue:#7699c2;--glass:rgba(12,13,16,.88)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);font-family:Inter,system-ui,sans-serif;color:var(--fg)}
button,input{font:inherit}button{color:inherit}#game{position:fixed;inset:0;width:100%;height:100%;display:block;background:#bfc6ce}
.screen{position:fixed;inset:0;z-index:20}.hidden{display:none!important}
.menu-screen{background:linear-gradient(90deg,rgba(8,9,11,.96) 0%,rgba(8,9,11,.88) 42%,rgba(8,9,11,.2) 68%,rgba(8,9,11,.08) 100%);backdrop-filter:blur(1px)}
.menu-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 26%),radial-gradient(circle at 75% 50%,transparent 0 28%,rgba(0,0,0,.35) 78%)}
.topbar{position:absolute;z-index:2;top:0;left:0;right:0;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}
.brand{font-family:"Space Grotesk",sans-serif;font-size:26px;letter-spacing:-1.55px;font-weight:700;display:flex;align-items:center;gap:8px;line-height:1}.brand img{width:39px;height:39px;object-fit:contain;display:block;filter:drop-shadow(0 2px 10px rgba(255,45,25,.16))}.brand-word{display:block;transform:translateY(-.5px)}
.server-pill{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b4b6ba}.server-pill i{width:7px;height:7px;border-radius:50%;background:#666}.server-pill i.ok{background:#75d39a;box-shadow:0 0 14px rgba(117,211,154,.45)}
.menu-main{position:absolute;z-index:2;left:36px;top:50%;transform:translateY(-46%);width:min(860px,calc(100vw - 72px));display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(260px,.75fr);gap:14px}
.hero{grid-row:span 2;padding:26px 34px 30px 0}.eyebrow{font-size:11px;letter-spacing:.19em;color:var(--accent);font-weight:700;margin:0 0 18px}.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(58px,7vw,104px);line-height:.83;letter-spacing:-.065em;margin:0;text-transform:lowercase}.hero h1 span{color:#8f949c}.lede{margin:28px 0 26px;color:#a7a9ae;font-size:15px}.join-row{display:flex;gap:8px;max-width:575px}.join-row input{width:190px;background:rgba(255,255,255,.055);border:1px solid #33363d;color:#fff;padding:15px 16px;outline:none}.join-row input:focus{border-color:#6b6f77}.primary{border:0;background:var(--fg);color:#111216;padding:15px 22px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:.16s ease}.primary:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.primary b{margin-left:22px}.secondary{width:100%;background:transparent;border:1px solid #34373d;padding:13px 18px;margin-top:8px;cursor:pointer}.secondary:hover{border-color:#777b84;background:rgba(255,255,255,.03)}
.meta-line{display:flex;gap:20px;margin-top:13px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#666b73}.panel{background:rgba(14,15,18,.72);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(10px);padding:18px}.panel-head{height:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:13px;margin-bottom:14px;font-size:11px;font-weight:800;letter-spacing:.14em}.panel-head small{font-size:9px;color:#686c74;font-weight:600}.loadout-cards{display:flex;flex-direction:column;gap:7px}.weapon-card{cursor:pointer;border:1px solid #282b31;padding:11px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;transition:.13s;background:rgba(255,255,255,.018)}.weapon-card:hover{border-color:#535761}.weapon-card.active{border-color:var(--accent);background:rgba(251,46,15,.07)}.weapon-card b{font:700 12px "Space Grotesk",sans-serif;letter-spacing:.05em}.weapon-card small{display:block;color:#737780;font-size:9px;margin-top:3px}.weapon-card em{font-style:normal;font-size:9px;color:#777}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-grid div{display:flex;align-items:center;gap:8px;color:#777b83;font-size:9px;letter-spacing:.06em}.control-grid kbd{min-width:47px;text-align:center;background:#202228;border:1px solid #34373e;color:#dddfe3;padding:5px 6px;font:700 9px Inter}.menu-footer{position:absolute;z-index:2;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.06);padding:16px 36px;display:flex;gap:28px;font-size:9px;letter-spacing:.12em;color:#5d6168;text-transform:uppercase}.menu-footer span:last-child{margin-left:auto}
.pause-screen,.modal-screen{background:rgba(5,6,8,.62);backdrop-filter:blur(12px);display:grid;place-items:center}.pause-card,.modal-card{width:min(390px,calc(100vw - 32px));background:#101216;border:1px solid #2b2e35;padding:28px}.pause-card h2{font:600 32px "Space Grotesk";letter-spacing:-1.2px;margin:0 0 28px}.pause-card .primary{width:100%}.modal-card label{display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0;color:#b4b7bc;font-size:10px;letter-spacing:.08em}.modal-card label input[type=range]{grid-column:1/3;width:100%;accent-color:var(--accent)}.modal-card output{color:#fff}.x{border:0;background:none;color:#aaa;font-size:24px;cursor:pointer;line-height:1}.toggle-row{display:flex!important;align-items:center;justify-content:space-between}.toggle-row input{display:none}.toggle{width:42px;height:23px;border-radius:20px;background:#30333a;position:relative}.toggle:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#aeb1b6;left:3px;top:3px;transition:.15s}.toggle-row input:checked+.toggle{background:var(--accent)}.toggle-row input:checked+.toggle:after{left:22px;background:white}.tiny{font-size:9px;color:#595d65}
.hud{position:fixed;inset:0;z-index:10;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.35)}.hud-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:start}.hud-top>div:first-child{display:flex;flex-direction:column;gap:2px}.hud-top b{font-size:11px;letter-spacing:.13em}.hud-top small{font-size:9px;color:rgba(255,255,255,.6)}.score-mini{display:flex;align-items:baseline;gap:5px;background:rgba(10,11,14,.46);border:1px solid rgba(255,255,255,.1);padding:8px 12px}.score-mini span{font-size:17px;font-weight:800}.score-mini em{font-style:normal;color:#8f949b;font-size:8px}.score-mini i{font-style:normal;color:#4d5159;margin:0 4px}.crosshair{--gap:7px;position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);transition:opacity .12s ease}.crosshair i{position:absolute;background:rgba(255,255,255,.92);box-shadow:0 0 3px rgba(0,0,0,.8);transition:transform .06s linear}.crosshair i:nth-child(1){width:1px;height:6px;left:16px;top:calc(50% - var(--gap) - 6px)}.crosshair i:nth-child(2){width:1px;height:6px;left:16px;top:calc(50% + var(--gap))}.crosshair i:nth-child(3){height:1px;width:6px;top:16px;left:calc(50% - var(--gap) - 6px)}.crosshair i:nth-child(4){height:1px;width:6px;top:16px;left:calc(50% + var(--gap))}.hitmarker{position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%) scale(.7);opacity:0}.hitmarker.show{animation:hit .12s ease-out}.hitmarker.head i{background:#ffb266;height:2px;box-shadow:0 0 7px rgba(255,178,102,.62)}.hitmarker.kill i{background:#ff6b55;width:10px;height:2px;box-shadow:0 0 9px rgba(255,75,55,.7)}.hitmarker.kill.head i{background:#ffc06f}.hitmarker i{position:absolute;width:8px;height:1.5px;background:#fff;top:15px;left:12px}.hitmarker i:nth-child(1){transform:translate(-8px,-8px) rotate(45deg)}.hitmarker i:nth-child(2){transform:translate(8px,-8px) rotate(-45deg)}.hitmarker i:nth-child(3){transform:translate(-8px,8px) rotate(-45deg)}.hitmarker i:nth-child(4){transform:translate(8px,8px) rotate(45deg)}@keyframes hit{0%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}55%{opacity:.9;transform:translate(-50%,-50%) scale(.96)}100%{opacity:0;transform:translate(-50%,-50%) scale(.82)}}.damage-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle,transparent 35%,rgba(198,30,19,.4) 100%)}.damage-flash.show{animation:dmg .32s ease-out}@keyframes dmg{0%{opacity:1}100%{opacity:0}}
.hud-bottom-left{position:absolute;left:22px;bottom:20px;width:220px}.meter{display:grid;grid-template-columns:55px 36px 1fr;align-items:center;margin-top:6px;font-size:9px}.meter span{color:#c6c8cc;letter-spacing:.09em}.meter b{font-size:13px}.meter i{height:3px;background:rgba(255,255,255,.15);overflow:hidden}.meter u{display:block;width:100%;height:100%;background:#e9ecef;text-decoration:none;transition:width .14s}.meter.armor u{background:#85a8d4}.hud-bottom-right{position:absolute;right:22px;bottom:20px;text-align:right}.hud-bottom-right small{font-size:9px;letter-spacing:.14em;color:#b4b8bf}.hud-bottom-right>div{display:flex;align-items:baseline;justify-content:flex-end;gap:5px}.hud-bottom-right b{font:800 34px "Space Grotesk"}.hud-bottom-right span,.hud-bottom-right em{font-size:12px;color:#777b84;font-style:normal}.hud-bottom-right>i{display:block;width:130px;height:2px;background:rgba(255,255,255,.12);margin-top:5px}.hud-bottom-right>i u{display:block;width:0;height:100%;background:var(--accent);text-decoration:none}.respawn{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:rgba(5,6,7,.2)}.respawn span{font-size:11px;letter-spacing:.25em;color:#ff8b63}.respawn b{font:700 56px "Space Grotesk"}.killfeed{position:absolute;right:22px;top:70px;width:330px;text-align:right}.killfeed div{font-size:10px;margin:6px 0;background:rgba(8,9,11,.45);border-right:2px solid var(--accent);padding:7px 9px;animation:feed 3.8s forwards}.killfeed b{color:#fff}.killfeed span{color:#91959c;margin:0 6px}@keyframes feed{0%,80%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(8px)}}
.scoreboard{position:fixed;inset:0;z-index:30;background:rgba(5,6,8,.55);backdrop-filter:blur(8px);display:grid;place-items:start center;padding-top:9vh;pointer-events:none}.score-card{width:min(760px,calc(100vw - 40px));background:rgba(13,14,17,.94);border:1px solid #30333a;padding:20px}.score-head,.score-row{display:grid;grid-template-columns:1fr 70px 70px 80px;padding:9px 10px;align-items:center}.score-head{color:#666b73;font-size:8px;letter-spacing:.14em}.score-row{border-top:1px solid #24272d;font-size:11px}.score-row.me{background:rgba(251,46,15,.08)}.score-row span:not(:first-child){text-align:right}.score-row b{font-weight:700}.score-row small{color:#6d7179;margin-left:8px}.toast{position:fixed;z-index:50;left:50%;bottom:55px;transform:translateX(-50%) translateY(10px);opacity:0;background:#111318;border:1px solid #343840;padding:9px 14px;font-size:10px;letter-spacing:.07em;transition:.18s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:760px){.menu-main{grid-template-columns:1fr;top:90px;transform:none;overflow:auto;max-height:calc(100vh - 145px)}.hero{grid-row:auto}.hero h1{font-size:64px}.loadout-panel,.controls-panel{max-width:520px}.topbar{padding:20px}.menu-main{left:20px;width:calc(100vw - 40px)}.menu-footer{padding:12px 20px}.join-row{flex-direction:column}.join-row input{width:100%}.menu-screen{background:rgba(8,9,11,.92)}}
.modal-card select{grid-column:1/3;width:100%;background:#17191e;border:1px solid #34373e;color:#e8e8e5;padding:10px 12px;outline:none;font:700 10px Inter,sans-serif;letter-spacing:.08em}.modal-card select:focus{border-color:#666b73}.perf-hud{position:fixed;left:18px;top:74px;z-index:60;margin:0;padding:10px 12px;pointer-events:none;background:rgba(8,9,11,.72);border:1px solid rgba(255,255,255,.12);color:#d7d9dc;font:700 10px/1.55 "Space Grotesk",monospace;letter-spacing:.04em;white-space:pre;text-shadow:0 1px 2px #000}
/* v3.0 marksman optic: lightweight DOM overlay, no extra render pass */
.scope-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 25vh,rgba(0,0,0,.12) 25.3vh,rgba(0,0,0,.96) 27vh 100%);opacity:0;transition:opacity .12s ease}
.scope-overlay.active{opacity:1}.scope-overlay i{position:absolute;background:rgba(255,255,255,.72);box-shadow:0 0 2px #000}.scope-overlay i:nth-child(1){left:50%;top:calc(50% - 24vh);width:1px;height:48vh}.scope-overlay i:nth-child(2){top:50%;left:calc(50% - 24vh);height:1px;width:48vh}.scope-overlay b{position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid rgba(255,127,76,.9);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px rgba(251,46,15,.3)}

/* match system */
.match-hud{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:grid;grid-template-columns:auto auto auto;align-items:center;gap:10px;background:rgba(9,10,12,.52);border:1px solid rgba(255,255,255,.10);padding:7px 12px;backdrop-filter:blur(6px)}
.match-hud small{font:800 8px Inter,sans-serif;letter-spacing:.15em;color:var(--accent)}
.match-hud b{font:700 17px "Space Grotesk",sans-serif;letter-spacing:.02em;min-width:54px;text-align:center}
.match-hud span{font:700 8px Inter,sans-serif;letter-spacing:.11em;color:#8d9198;white-space:nowrap}
.match-hud.team-u{border-color:rgba(251,46,15,.30)}.match-hud.team-n{border-color:rgba(118,153,194,.34)}
.match-overlay{position:fixed;inset:0;z-index:18;pointer-events:none;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(3,4,6,.10),rgba(3,4,6,.38));text-align:center}
.match-overlay-card{min-width:min(520px,calc(100vw - 34px));padding:28px 34px;background:rgba(9,10,12,.78);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(10px)}
.match-overlay .eyebrow{margin-bottom:9px}.match-overlay h2{margin:0;font:700 clamp(38px,5vw,68px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.045em}.match-overlay-card>p:not(.eyebrow){margin:13px 0 0;color:#8e9299;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.match-leaders{display:flex;flex-direction:column;gap:5px;margin:19px auto 0;max-width:370px}.match-leaders div{display:grid;grid-template-columns:28px 1fr 52px;gap:10px;align-items:center;padding:7px 10px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;text-align:left}.match-leaders div b{text-align:right}.match-leaders div:first-child{color:#fff}.match-leaders small{color:#676c74}
.mode-vote{margin-top:22px;padding-top:15px;border-top:1px solid rgba(255,255,255,.09);font-size:9px;letter-spacing:.11em;color:#737780}.mode-vote>span{display:block;margin-bottom:10px;color:#b8bbc0;font-weight:800}.mode-vote div{display:flex;justify-content:center;gap:9px;align-items:center}.mode-vote kbd{background:#202228;border:1px solid #393d45;color:#f1f1ee;padding:4px 7px;font:700 9px Inter}.mode-vote small{display:block;margin-top:10px;color:var(--accent);letter-spacing:.18em}
.score-head,.score-row{grid-template-columns:1fr 72px 62px 62px 72px}.score-row .team-tag{display:inline-flex;justify-content:center;min-width:28px;border:1px solid #3a3e45;padding:3px 5px;font:800 8px Inter;letter-spacing:.10em}.score-row .team-u{color:#ff8157;border-color:rgba(251,46,15,.38)}.score-row .team-n{color:#8eb2dc;border-color:rgba(118,153,194,.42)}
@media(max-width:680px){.match-hud{top:62px}.score-head,.score-row{grid-template-columns:1fr 52px 45px 45px 56px}.match-overlay-card{padding:23px 18px}}
.score-row>span:nth-child(2),.score-head>span:nth-child(2){text-align:center!important}

/* v4.5 multiplayer browser / private lobbies */
.lobby-actions{display:flex;gap:8px;margin-top:10px;max-width:575px}.ghost-btn,.tiny-btn{background:rgba(255,255,255,.025);border:1px solid #30343b;color:#aeb1b7;font-size:9px;font-weight:800;letter-spacing:.12em;padding:9px 12px;cursor:pointer;transition:.14s}.ghost-btn:hover,.tiny-btn:hover{border-color:#727780;color:#fff;background:rgba(255,255,255,.05)}.invite-line{margin-top:10px;max-width:575px;border-left:2px solid var(--accent);background:rgba(251,46,15,.07);padding:9px 12px;font-size:10px;letter-spacing:.10em;color:#c9cbd0}.lobby-card{width:min(680px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 48px));overflow:auto}.lobby-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2a2d33;margin-bottom:16px}.lobby-tabs button{border:0;background:transparent;color:#70747c;padding:12px;font-size:9px;font-weight:800;letter-spacing:.13em;cursor:pointer}.lobby-tabs button.active{background:#f0efeb;color:#111318}.lobby-pane{min-height:260px}.lobby-pane-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.lobby-pane-head b,.private-block>span{display:block;font-size:10px;letter-spacing:.12em;color:#d6d7d8}.lobby-pane-head small{display:block;color:#676c74;font-size:9px;margin-top:3px}.server-rows{display:flex;flex-direction:column;gap:6px}.server-row{display:grid;grid-template-columns:1.2fr .8fr .75fr .55fr auto;gap:10px;align-items:center;border:1px solid #282b31;background:rgba(255,255,255,.018);padding:11px 12px;cursor:pointer;transition:.13s}.server-row:hover{border-color:#5b6069;background:rgba(255,255,255,.035)}.server-row b{font-size:10px;letter-spacing:.08em}.server-row span,.server-row small{font-size:9px;color:#858991}.server-row .room-mode{color:var(--accent);font-weight:800}.server-row .join-arrow{color:#f3f2ed;font-size:13px}.server-empty{border:1px dashed #30343a;padding:26px;text-align:center;color:#666b73;font-size:9px;letter-spacing:.12em}.private-block{border:1px solid #282b31;padding:15px}.private-row{display:flex;gap:8px;margin-top:12px}.private-row input{flex:1;background:#111317;border:1px solid #353941;color:#fff;padding:13px 14px;outline:none;text-transform:uppercase;letter-spacing:.22em;font-weight:800}.private-row input:focus{border-color:#656a73}.private-row .primary{padding:12px 20px}.private-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#50545b;font-size:8px;letter-spacing:.14em}.private-divider i{height:1px;background:#26292e;flex:1}.bot-toggle{margin:13px 0;display:flex;gap:11px;align-items:center;border:1px solid #2b2e34;padding:11px 12px;cursor:pointer}.bot-toggle input{display:none}.bot-toggle>i{width:28px;height:16px;border-radius:12px;background:#30333a;position:relative;transition:.15s}.bot-toggle>i:after{content:"";position:absolute;width:10px;height:10px;left:3px;top:3px;border-radius:50%;background:#8b8f96;transition:.15s}.bot-toggle input:checked+i{background:rgba(251,46,15,.32)}.bot-toggle input:checked+i:after{left:15px;background:var(--accent)}.bot-toggle b{display:block;font-size:9px;letter-spacing:.10em}.bot-toggle small{display:block;color:#676b73;font-size:8px;margin-top:2px}.primary.wide{width:100%}.private-created{margin-top:13px;padding:16px;border:1px solid rgba(251,46,15,.35);background:rgba(251,46,15,.055);text-align:center}.private-created>small{display:block;color:#767a82;font-size:8px;letter-spacing:.15em}.private-created>b{display:block;font-family:"Space Grotesk",sans-serif;font-size:35px;letter-spacing:.14em;margin:5px 0 13px}.private-created .ghost-btn,.private-created .primary{margin:4px;width:calc(50% - 10px);padding:11px}.score-row .bot-badge{display:inline-block;margin-left:6px;color:#777b83;border:1px solid #3a3e44;padding:2px 4px;font-size:7px;letter-spacing:.08em;vertical-align:1px}
@media(max-width:680px){.lobby-actions{flex-direction:column}.server-row{grid-template-columns:1fr .8fr .6fr auto}.server-row .room-phase{display:none}.private-created .ghost-btn,.private-created .primary{width:100%;margin:4px 0}}


/* v4.5.1 — changelog + clean return-to-menu flow */
.version-link{appearance:none;border:0;background:none;color:inherit;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .16s ease,opacity .16s ease}.version-link:hover{color:var(--accent)}
.danger-soft{border-color:rgba(251,46,15,.24)!important;color:#d7b0a0!important}.danger-soft:hover{border-color:rgba(251,46,15,.55)!important;color:#fff!important;background:rgba(251,46,15,.08)!important}
.changelog-card{width:min(860px,calc(100vw - 48px));max-height:min(820px,calc(100vh - 48px));padding:0;overflow:hidden;display:flex;flex-direction:column}
.changelog-card .panel-head{padding:22px 24px;border-bottom:1px solid var(--line);flex:0 0 auto}
.changelog-intro{padding:22px 24px 18px;display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:end;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.changelog-intro div{display:flex;flex-direction:column;gap:4px}.changelog-intro small{font-size:10px;letter-spacing:.12em;color:var(--muted)}.changelog-intro b{font-family:"Space Grotesk",sans-serif;font-size:30px;letter-spacing:-1.2px}.changelog-intro p{margin:0;color:#a7a9ae;line-height:1.55;font-size:13px;max-width:560px}
.changelog-list{padding:8px 24px 26px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 transparent}
.release{padding:21px 0 20px;border-bottom:1px solid rgba(255,255,255,.065)}.release:last-child{border-bottom:0}.release-head{display:flex;align-items:baseline;gap:12px;margin-bottom:11px}.release-head b{font-family:"Space Grotesk",sans-serif;font-size:20px}.release-head span{color:#dad9d4;font-size:13px;font-weight:600}.release-head em{margin-left:auto;color:var(--accent);font-style:normal;font-size:9px;letter-spacing:.12em}.release ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.release li{position:relative;padding-left:15px;color:#a6a8ad;font-size:13px;line-height:1.5}.release li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:#4d5057}.release.current .release-head b{color:var(--accent)}.release.current li:before{background:var(--accent)}
@media(max-width:700px){.changelog-intro{grid-template-columns:1fr;gap:10px}.changelog-card{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.changelog-list{padding-left:18px;padding-right:18px}.changelog-card .panel-head,.changelog-intro{padding-left:18px;padding-right:18px}}

/* v5.0 — accounts, progression & profile */
.top-actions{display:flex;align-items:center;gap:12px}.account-pill{appearance:none;border:1px solid rgba(255,255,255,.09);background:rgba(14,15,18,.58);color:#aeb1b7;padding:7px 11px;display:flex;align-items:center;gap:7px;cursor:pointer;backdrop-filter:blur(8px);transition:.15s}.account-pill:hover{border-color:#565b64;color:#fff}.account-pill small{font-size:7px;letter-spacing:.14em;color:#686d75}.account-pill b{font-size:9px;letter-spacing:.10em}.account-pill.signed-in{border-color:rgba(251,46,15,.32);background:rgba(251,46,15,.06)}.account-pill.signed-in b{color:#fff}
.account-card{width:min(590px,calc(100vw - 32px));padding:0;overflow:hidden}.account-card>.panel-head{padding:21px 23px;margin:0}.account-card section{padding:24px}.account-guest-head small,.profile-hero small,.profile-stats small{font-size:8px;letter-spacing:.14em;color:#6d7179}.account-guest-head h2,.profile-name h2{font:650 32px/1 "Space Grotesk",sans-serif;letter-spacing:-1.2px;margin:7px 0 9px}.account-guest-head p{margin:0 0 20px;color:#91959c;font-size:12px;line-height:1.55;max-width:500px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2b2e34;margin-bottom:13px}.auth-tabs button{border:0;background:transparent;color:#6d7179;padding:11px;font-size:9px;font-weight:800;letter-spacing:.12em;cursor:pointer}.auth-tabs button.active{background:#f0efeb;color:#111318}.auth-form{display:grid;gap:10px}.auth-form label{display:block;margin:0;color:#777b83;font-size:8px;letter-spacing:.12em}.auth-form input{display:block;width:100%;margin-top:6px;background:#111317;border:1px solid #32363d;color:#fff;padding:12px 13px;outline:none}.auth-form input:focus{border-color:#666c75}.auth-form .primary{margin-top:3px}.auth-error{margin:2px 0 0;padding:9px 11px;border-left:2px solid #c65742;background:rgba(198,87,66,.08);color:#dcb0a7;font-size:10px}
.profile-hero{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:18px;border-bottom:1px solid #282b31;padding-bottom:19px}.profile-hero>div:first-child{width:82px;height:82px;border:1px solid rgba(251,46,15,.34);background:rgba(251,46,15,.065);display:grid;place-content:center;text-align:center}.profile-hero>div:first-child b{font:700 35px "Space Grotesk",sans-serif;color:var(--accent);line-height:1}.profile-name h2{margin-bottom:0}.xp-track{padding:18px 0;border-bottom:1px solid #282b31}.xp-track>i{display:block;height:5px;background:#24272d;overflow:hidden}.xp-track>i u{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent-dark),var(--accent-mid),var(--accent));text-decoration:none;transition:width .35s ease}.xp-track>div{display:flex;justify-content:space-between;margin-top:8px;font-size:8px;letter-spacing:.10em;color:#777b83}.xp-track b{font-size:8px;color:#aeb1b6}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.profile-stats>div{border:1px solid #292c32;background:rgba(255,255,255,.018);padding:12px}.profile-stats b{display:block;font:650 20px "Space Grotesk",sans-serif;margin-top:4px}.profile-stats small{font-size:7px}.account-card .secondary{margin:18px 0 0}
.xp-feed{position:absolute;left:50%;top:57%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px}.xp-feed div{font:800 9px Inter,sans-serif;letter-spacing:.12em;color:#fb765f;text-shadow:0 1px 5px #000;animation:xpFloat 1.5s ease-out forwards}.xp-feed div.level{font:700 17px "Space Grotesk",sans-serif;color:#fff;letter-spacing:.04em}@keyframes xpFloat{0%{opacity:0;transform:translateY(7px) scale(.95)}15%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1}100%{opacity:0;transform:translateY(-13px) scale(.98)}}
@media(max-width:680px){.top-actions{gap:7px}.account-pill small{display:none}.account-card section{padding:18px}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-hero{grid-template-columns:74px 1fr}.profile-hero>div:first-child{width:68px;height:68px}.profile-hero>div:first-child b{font-size:29px}}

/* v5.0.2 — finalized u.gripe brand system */
@media(max-width:680px){.brand{gap:7px;font-size:23px}.brand img{width:34px;height:34px}}

/* v5.0.3 — logo-matched red/orange brand palette: #b80706 / #e81807 / #fb2e0f */

/* v5.5.0 — controls, bot-lobby stability & browser safety */
#settings .modal-card{width:min(640px,calc(100vw - 32px));max-height:min(860px,calc(100vh - 32px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#343840 transparent}
.settings-section{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.075)}
.settings-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#d3d5d9;font-size:10px;font-weight:800;letter-spacing:.13em}.settings-section-head small{color:#646971;font-size:8px;font-weight:700}
.bind-preset-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.bind-preset-row select,#settings select{background:#111317;border:1px solid #343840;color:#d9dade;padding:10px 11px;outline:none;font-size:9px;font-weight:700;letter-spacing:.09em}.bind-preset-row select:focus,#settings select:focus{border-color:#696e77}.bind-preset-row .tiny-btn{margin:0;min-width:78px}
.keybind-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px}.keybind-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border:1px solid #282c32;background:rgba(255,255,255,.014);padding:8px 9px}.keybind-row>span{font-size:8px;color:#8d9199;letter-spacing:.09em}.bind-key{min-width:92px;border:1px solid #3b3f47;background:#191c21;color:#f0f0ed;padding:7px 9px;font-size:8px;font-weight:800;letter-spacing:.08em;cursor:pointer;text-align:center}.bind-key:hover{border-color:#70757e}.bind-key.listening{border-color:var(--accent);background:rgba(251,46,15,.08);color:#fff;animation:bindPulse .8s ease-in-out infinite alternate}@keyframes bindPulse{from{box-shadow:0 0 0 rgba(251,46,15,0)}to{box-shadow:0 0 14px rgba(251,46,15,.18)}}
@media(max-width:620px){.keybind-rows{grid-template-columns:1fr}.bind-key{min-width:105px}}

/* v5.6.0 — death camera, tutorial and settings polish */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.settings-card{border:1px solid #2a2e34;background:rgba(255,255,255,.012);padding:14px}.settings-card label{margin:10px 0}.settings-card .settings-section-head{margin:0 0 12px}.settings-card select{width:100%;margin-top:6px}.settings-copy{margin:2px 0 12px!important;line-height:1.5}.secondary.wide{width:100%}
.death-recap{display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at center,rgba(8,9,11,.42),rgba(5,6,7,.68));pointer-events:none}.death-recap>small{font-size:9px;letter-spacing:.22em;color:#fb765f}.death-recap>strong{font:700 34px/1 "Space Grotesk",sans-serif;letter-spacing:-1px}.death-meta{display:flex;gap:9px;align-items:center;color:#a7abb2;font-size:9px;letter-spacing:.08em}.death-meta i{font-style:normal;color:#4d5158}.death-killer-state{display:flex;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(8,9,11,.55);padding:8px 11px;margin-top:3px}.death-killer-state span{color:#6f747c;font-size:7px;letter-spacing:.14em}.death-killer-state b{font:700 11px Inter,sans-serif}.death-killer-state em{font-style:normal;color:#88a7cd;font-size:9px}.death-actions{display:flex;gap:18px;margin-top:9px;color:#777c84;font-size:8px;letter-spacing:.09em}.death-actions span{display:flex;align-items:center;gap:5px}.death-actions b{font:700 11px Inter,sans-serif;color:#fff}.death-actions kbd,.spectate-hud kbd{border:1px solid #464b53;background:#14171b;padding:3px 5px;color:#e6e7e8;font:700 8px Inter,sans-serif}
.spectate-hud{position:absolute;left:50%;bottom:31px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:rgba(8,9,11,.82);border:1px solid rgba(255,255,255,.09);padding:9px 13px;backdrop-filter:blur(8px)}.spectate-hud small{font-size:7px;letter-spacing:.15em;color:#757a82}.spectate-hud b{font:700 12px "Space Grotesk",sans-serif}.spectate-hud span{font-size:8px;color:#8e9299;display:flex;align-items:center;gap:5px}
.tutorial-gate-card{width:min(520px,calc(100vw - 32px));padding:0;overflow:hidden}.tutorial-gate-card>.panel-head{padding:20px 22px;margin:0}.tutorial-gate-card>p,.tutorial-gate-card>h2,.tutorial-gate-actions{margin-left:22px;margin-right:22px}.tutorial-gate-card>.eyebrow{margin-top:25px;margin-bottom:8px}.tutorial-gate-card>h2{font:700 36px/1 "Space Grotesk",sans-serif;letter-spacing:-1.4px;margin-top:0;margin-bottom:10px}.tutorial-gate-card>p:not(.eyebrow){color:#92969d;font-size:12px;line-height:1.55;max-width:430px}.tutorial-gate-actions{display:flex;gap:8px;margin-top:20px;margin-bottom:22px}.tutorial-gate-actions button{flex:1}
.tutorial-hud{position:absolute;left:50%;top:34px;transform:translateX(-50%);min-width:390px;text-align:center;padding:14px 18px;border:1px solid rgba(255,255,255,.1);background:rgba(8,9,11,.84);backdrop-filter:blur(10px);z-index:24}.tutorial-hud small{display:block;color:#737881;font-size:7px;letter-spacing:.16em}.tutorial-hud b{display:block;font:700 22px "Space Grotesk",sans-serif;margin:4px 0}.tutorial-hud span{display:block;color:#c0c3c8;font-size:10px}.tutorial-hud em{display:block;color:var(--accent);font-style:normal;font-size:9px;margin-top:6px;letter-spacing:.08em;min-height:11px}.tutorial-hud button{position:absolute;right:8px;top:8px;border:0;background:none;color:#656a72;font-size:7px;letter-spacing:.1em;cursor:pointer}.tutorial-hud button:hover{color:#fff}
@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.death-actions{gap:9px;flex-wrap:wrap;justify-content:center}.tutorial-hud{min-width:0;width:calc(100vw - 28px);top:18px}.tutorial-gate-actions{flex-direction:column}}

.death-recap.hidden{display:none!important}
.death-recap.active{display:flex!important}
.spectate-hud.active{display:flex!important}

.spectate-hud.hidden{display:none!important}
.hud.tutorial-mode .hud-top,.hud.tutorial-mode .match-hud,.hud.tutorial-mode .killfeed,.hud.tutorial-mode .xp-feed,.hud.tutorial-mode .damage-flash,.hud.tutorial-mode .hud-bottom-left,.hud.tutorial-mode .hud-bottom-right,.hud.tutorial-mode .death-recap,.hud.tutorial-mode .spectate-hud{display:none!important}.hud.tutorial-mode .crosshair{display:block!important;opacity:1!important}

/* v6.0 content pass */
.map-vote-line{margin-top:10px}.room-map{font-size:10px;letter-spacing:.12em;color:var(--muted);min-width:72px}.weapon-card[data-id=shotgun] em{color:#fb2e0f}

.secondary-slot{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;background:rgba(255,255,255,.018)}.secondary-slot small{font-size:8px;letter-spacing:.16em;color:var(--muted)}.secondary-slot b{font-size:11px;letter-spacing:.08em}.secondary-slot span{grid-column:1/-1;font-size:9px;color:var(--muted)}