.screen.cs .screen-main{width:min(340px,100%)}.screen.cs .screen-side{flex:none;width:min(580px,46vw);margin-left:auto}.cs .row-tag{margin-left:auto}.cs .menu-head{padding:0 var(--s2);color:var(--muted);font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;margin:0}.cs-attach{align-items:center;gap:var(--s2);width:100%;margin:calc(var(--s1) * -1) 0 var(--s1);text-align:left;border-radius:12px;padding:6px 12px;display:flex}.cs-attach small{color:var(--muted);margin-left:auto}.cs-card{gap:var(--s2);padding:var(--s3);background:var(--panel);border:var(--border);box-shadow:var(--shadow);animation:pop-in .35s var(--pop) both;border-radius:20px;flex-direction:column;display:flex}.cs-head{align-items:baseline;gap:var(--s3);display:flex}.cs-head b{color:var(--accent);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);overflow-wrap:anywhere;font-size:1.55em;line-height:1.1}.cs-head small{color:var(--muted);letter-spacing:.12em;font-weight:var(--fw-bold);flex:none}.cs-block{border:var(--border);transition:transform .15s var(--pop), box-shadow .15s;background:#14275a;border-radius:14px;position:relative;overflow:hidden}.cs-block.on,.cs-chip.on{box-shadow:var(--ring);transform:translateY(-2px)}.cs-bar{justify-content:space-between;align-items:baseline;gap:var(--s2);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;background:#ffffff1f;padding:4px 12px;display:flex}.cs-bar small{color:var(--muted);font-weight:var(--fw);font-size:var(--fs-small)}.cs-weapon{height:150px;position:relative}.cs-block.small .cs-weapon{height:104px}.cs-sight{background:var(--ink);color:var(--muted);font-size:var(--fs-small);pointer-events:none;border-radius:999px;padding:1px 10px;position:absolute;bottom:8px;left:10px}.cs-pair{gap:var(--s2);grid-template-columns:1fr 1fr;display:grid}.cs-chip{align-items:center;gap:var(--s2);border:var(--border);min-width:0;transition:transform .15s var(--pop), box-shadow .15s;background:#14275a;border-radius:14px;padding:6px 12px;display:flex}.cs-chip b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cs-chip small{color:var(--muted);flex:none;margin-left:auto}.cs-view{border:var(--border);background:#14275a;border-radius:14px;height:230px;position:relative;overflow:hidden}.cs-blurb,.cs-note{color:var(--muted);font-size:var(--fs-small);margin:0}.cs-stat{align-items:center;gap:var(--s2);grid-template-columns:7.5em 1fr 5.5em;display:grid}.cs-stat>span:first-child{color:var(--muted);font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase}.cs-stat>b{text-align:right;font-weight:var(--fw-bold)}.cs-meter{border:2px solid var(--ink);background:#ffffff1f;border-radius:999px;height:12px;overflow:hidden}.cs-meter i{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .25s ease-out;display:block}@media (width<=800px){.screen.cs .screen-body{flex-direction:column;overflow-y:auto}.screen.cs .screen-main{flex:none;width:100%}.screen.cs .screen-side{flex:none;width:100%;margin-left:0;overflow:visible}.cs-weapon{height:120px}.cs-view{height:180px}}.cs-ladder{padding-top:var(--s1);flex-direction:column;gap:2px;display:flex}.cs-ladder>span{color:var(--muted);font-size:var(--fs-small)}.cs-ladder>span.open{color:var(--accent)}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b1633;--ink:#0a1230;--accent:#ffd23f;--accent-2:#ff8a1f;--pink:#ff5ea8;--cyan:#38d2ff;--accent-ink:#3a2300;--accent-soft:#ffd23f38;--panel:#1a3068eb;--panel-soft:#1a3068b8;--panel-solid:#172b5e;--hover:#ffffff29;--scrim:#0a143899;--line:#ffffff38;--text:#fff;--muted:#b8c8f2;--red:#ff7b7b;--blue:#6dbaff;--danger:#ff5d6c;--success:#5ce383;--white:#fff;--black:#000;--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:40px;--radius:14px;--radius-sm:8px;--border:3px solid var(--ink);--hair:1px solid var(--line);--shadow:0 5px 0 #050a1e8c, 0 14px 30px #00000059;--ring:0 0 0 3px var(--accent);--pop:cubic-bezier(.3, 1.7, .5, 1);--font:"Fredoka Variable", "Fredoka", "Nunito", "Trebuchet MS", system-ui, sans-serif;--fs-title:32px;--fs-body:19px;--fs-small:15px;--fs-tiny:12px;--fw:500;--fw-bold:700}@media (height<=760px),(width<=1100px){:root{--fs-title:26px;--fs-body:16px;--fs-small:13px;--s5:28px}}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;font-family:var(--font);font-size:var(--fs-body);font-weight:var(--fw);color:var(--text);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}.game,.game canvas{width:100%;height:100%;display:block;position:fixed;inset:0}button,input{font-family:inherit;font-size:inherit}:focus-visible{box-shadow:var(--ring);outline:none}kbd{font-family:inherit}@keyframes blink{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hud{pointer-events:none;font-size:var(--fs-small);position:fixed;inset:0}.hud *{pointer-events:none}.hud .keycap{min-width:22px;height:20px;padding:0 var(--s1);font-size:var(--fs-tiny);border-bottom-width:2px}.crosshair{--gap:14px;width:0;height:0;transition:transform 80ms;position:absolute;top:50%;left:50%}.crosshair i{background:var(--white);box-shadow:0 0 3px var(--black);position:absolute}.crosshair i:first-child{left:-1px;top:calc(-9px - var(--gap));width:2px;height:9px}.crosshair i:nth-child(2){left:-1px;top:var(--gap);width:2px;height:9px}.crosshair i:nth-child(3){top:-1px;left:calc(-9px - var(--gap));width:9px;height:2px}.crosshair i:nth-child(4){top:-1px;left:var(--gap);width:9px;height:2px}.crosshair.hit i{background:var(--danger)}.damage{background:radial-gradient(ellipse at center, transparent 40%, color-mix(in srgb, var(--danger) 75%, transparent));opacity:0;transition:opacity .4s;position:absolute;inset:0}.damage.on{opacity:1;transition:none}.flash-overlay{background:var(--white);z-index:20;position:absolute;inset:0}.thermal-fx{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--black) 20%, transparent) 0 1px, transparent 1px 3px), radial-gradient(ellipse at center, transparent 55%, color-mix(in srgb, var(--black) 65%, transparent) 100%);position:absolute;inset:0}.scope-overlay{background:radial-gradient(circle at 50% 50%, transparent 0, transparent 31vh, var(--black) 31.4vh);position:absolute;inset:0}.scope-overlay i,.scope-overlay b{background:var(--black);position:absolute}.scope-overlay i{width:2px;height:62vh;top:calc(50% - 31vh);left:50%;transform:translate(-1px)}.scope-overlay b{width:62vh;height:2px;top:50%;left:calc(50% - 31vh);transform:translateY(-1px)}.hud-tl{top:var(--s3);left:var(--s3);position:absolute}.mm-wrap{border:var(--border);border-radius:var(--radius);background:var(--panel-soft);position:relative;overflow:hidden}.minimap{width:136px;display:block}.radar-tag{padding:1px var(--s2);font-size:var(--fs-tiny);font-weight:var(--fw-bold);color:var(--accent-ink);background:var(--success);position:absolute;bottom:0;left:0}.radar-tag.jam{color:var(--black);background:var(--danger);animation:1s steps(2,end) infinite blink}.hud-tr{top:var(--s3);right:var(--s3);align-items:flex-end;gap:var(--s2);flex-direction:column;width:260px;display:flex;position:absolute}.score-line{align-items:center;gap:var(--s3);padding:var(--s1) var(--s3);background:var(--panel);border:var(--border);border-radius:var(--radius);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;display:flex}.score-line .tt{gap:var(--s3);display:inline-flex}.team-red{color:var(--red)}.team-blue{color:var(--blue)}.killfeed{align-items:flex-end;gap:var(--s1);flex-direction:column;max-width:100%;display:flex}.killfeed div{padding:2px var(--s2);font-size:var(--fs-small);text-align:right;background:var(--panel-soft);border-radius:var(--radius-sm);animation:5s forwards feed-fade}@keyframes feed-fade{0%,80%{opacity:1}to{opacity:0}}.hud-tc{top:var(--s3);align-items:center;gap:var(--s1);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chip{max-width:420px;padding:var(--s1) var(--s3);text-align:center;background:var(--panel);border:var(--border);border-radius:var(--radius)}.chip b{margin-right:var(--s1);color:var(--accent)}.chip small{font-size:var(--fs-tiny);color:var(--muted);display:block}.chip.nuke{align-items:center;gap:var(--s3);border-color:var(--danger);animation:.8s steps(2,end) infinite blink;display:flex}.chip.nuke b{color:var(--danger)}.nuke-time{font-size:calc(var(--fs-title) * 1.5);font-weight:var(--fw-bold);color:var(--danger);line-height:1.1}.score-pops{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}.score-pop{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--accent);text-shadow:0 1px 4px var(--black);line-height:1.1;animation:1.6s ease-out forwards pop-rise}.score-pop small{font-size:var(--fs-tiny);text-align:center;display:block}@keyframes pop-rise{0%{opacity:0;transform:translateY(8px)scale(1.3)}12%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.hud-mid{align-items:center;gap:var(--s2);text-align:center;flex-direction:column;width:min(380px,38vw);display:flex;position:absolute;top:calc(50% + 160px);left:50%;transform:translate(-50%)}.veh-prompt{align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);background:var(--panel);border:var(--border);border-radius:var(--radius);display:flex}.hud-mid .veh-prompt .keycap{min-width:26px;height:24px;font-size:var(--fs-small)}.banner{font-size:var(--fs-body);font-weight:var(--fw-bold);text-shadow:0 1px 6px var(--black)}.sb{z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:160px 0 150px}.sb .sb-tables{width:min(1100px,94vw);max-height:100%;overflow:hidden}.sb .sb-tables:not(.teams){width:min(640px,94vw)}.hud.board .crosshair,.hud.board .score-pops,.hud.board .hud-mid{visibility:hidden}@media (height<=700px){.sb .sb-table td{padding:1px var(--s2)}.sb .panel{padding:var(--s1) var(--s3)}}.hud-bl{left:var(--s3);bottom:var(--s3);gap:var(--s2);width:min(280px,44vw);padding:var(--s2) var(--s3);background:var(--panel-soft);border-radius:var(--radius);flex-direction:column;display:flex;position:absolute}.hotbar{gap:var(--s1);display:flex}.slot{border:var(--border);border-radius:var(--radius-sm);opacity:.65;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.slot.active{opacity:1;border-color:var(--accent);background:var(--accent-soft)}.slot-key{color:var(--muted);font-size:9px;line-height:1;position:absolute;top:0;left:2px}.slot.active .slot-key{color:var(--accent)}.slot-icon{font-size:var(--fs-small)}.weapon-row{align-items:baseline;gap:var(--s3);display:flex}.weapon-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;overflow:hidden}.ammo{align-items:baseline;gap:var(--s1);font-variant-numeric:tabular-nums;display:flex}.ammo .mag{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--accent);line-height:1}.ammo .inf{font-size:var(--fs-title);line-height:1}.ammo .rl{color:var(--accent)}.ammo.empty .mag{color:var(--danger)}.ammo-hint{left:0;bottom:calc(100% + var(--s1));padding:2px var(--s2);font-weight:var(--fw-bold);color:var(--danger);background:var(--panel);border-radius:var(--radius-sm);white-space:nowrap;animation:1s steps(2,end) infinite blink;position:absolute}.nades{gap:var(--s3);display:flex}.nade{align-items:center;gap:var(--s1);display:inline-flex}.nade.none{opacity:.4}.progress.cook i{background:var(--danger)}.progress.cook,.progress.reload{height:3px}.health{align-items:center;gap:var(--s2);display:flex}.health .progress{flex:1;height:8px}.health .progress i{background:var(--success);transition:width .15s}.health.low .progress i{background:var(--danger);animation:.8s steps(2,end) infinite blink}.health span{text-align:right;width:30px;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.hud-xp{left:50%;bottom:var(--s3);align-items:center;gap:var(--s2);opacity:.85;display:flex;position:absolute;transform:translate(-50%)}.hud-xp .progress{width:100px;height:4px}.hud-br{right:var(--s3);bottom:var(--s3);align-items:flex-end;gap:var(--s2);padding:var(--s2) var(--s3);background:var(--panel-soft);border-radius:var(--radius);flex-direction:column;display:flex;position:absolute}.streak-ready{align-items:center;gap:var(--s2);font-weight:var(--fw-bold);color:var(--accent);display:flex}.streaks{align-items:flex-end;gap:var(--s2);flex-direction:column;display:flex}.streak-count{color:var(--muted)}.streak{background:var(--panel);border:var(--border);border-radius:var(--radius);justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.streak .progress{height:3px;position:absolute;bottom:3px;left:4px;right:4px}.s-ico{font-size:var(--fs-body);opacity:.55}.streak .keycap{position:absolute;top:-8px;right:-6px}.s-time{font-size:var(--fs-tiny);font-weight:var(--fw-bold);color:var(--success);position:absolute;top:1px;left:3px}.streak.ready{border-color:var(--accent);background:var(--accent-soft)}.streak.ready .s-ico,.streak.active .s-ico{opacity:1}.streak.active{border-color:var(--success)}.streak.active .progress i{background:var(--success)}@media (width<=1100px){.hud-tr{width:240px}}body.spectating .hud-bl,body.spectating .hud-br,body.spectating .hud-xp,body.spectating .crosshair,body.spectating .score-pops,body.spectating .damage,body.spectating .flash-overlay,body.spectating .scope-overlay,body.spectating .veh-prompt{display:none}.spectator-bar{left:50%;bottom:var(--s3);z-index:5;justify-content:center;align-items:center;gap:var(--s2) var(--s3);max-width:calc(100vw - 32px);padding:var(--s2) var(--s3);background:var(--panel);border:var(--border);border-radius:var(--radius);font-size:var(--fs-small);pointer-events:none;flex-wrap:wrap;display:flex;position:fixed;transform:translate(-50%)}.spectator-bar .spec-tag{padding:2px var(--s2);border-radius:var(--radius);background:var(--danger);color:var(--white);font-weight:var(--fw-bold);letter-spacing:.08em}.spectator-bar .spec-help{text-align:center;color:var(--muted);font-size:var(--fs-tiny);flex-basis:100%}.spectator-bar .spec-leave{pointer-events:auto;cursor:pointer;padding:2px var(--s3);border:var(--border);border-radius:var(--radius);background:var(--panel-soft);color:inherit;font:inherit;font-weight:var(--fw-bold)}.spectator-bar .spec-leave:hover{border-color:var(--accent)}.stats-hud{max-width:240px;color:var(--success);background:color-mix(in srgb, var(--black) 55%, transparent);pointer-events:none;white-space:nowrap;border-radius:12px;flex-wrap:wrap;gap:10px;padding:3px 10px;font:600 12px/1.4 monospace;display:flex;position:absolute;top:168px;left:18px}.stats-hud .fps.mid,.stats-hud .ping.mid{color:var(--accent)}.stats-hud .fps.bad,.stats-hud .ping.bad{color:var(--danger)}.stats-hud .ping{font-size:inherit}.sb{gap:var(--s2);flex-direction:column}.sb-note{font-size:var(--fs-small);color:#ffffff80;text-shadow:0 1px 4px var(--black);gap:var(--s2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.sb-note.live{color:#ffffffd9;background:var(--panel-soft);padding:var(--s1) var(--s3);border-radius:var(--radius)}.sb-note kbd,.sb-reason kbd{font:inherit;background:#00000040;border:1px solid #ffffff59;border-radius:4px;margin-right:3px;padding:0 5px;font-size:.85em}.sb-reason{font:inherit;font-size:var(--fs-small);color:inherit;border-radius:var(--radius-sm);padding:1px var(--s2);cursor:pointer;pointer-events:auto;background:#ffffff14;border:0}.sb-reason:hover{background:#fff3}.sb-reason.quiet{opacity:.65}.sb-table tr.sel td{background:#ffffff24}.sb-table tr.sel td:first-child{box-shadow:inset 2px 0 #ffd23fe6}.sb-flagcol{text-align:center;width:22px;padding:0!important}.sb-flag{color:inherit;opacity:0;cursor:pointer;pointer-events:auto;padding:0 var(--s1);background:0 0;border:0;font-size:.8em}.sb-table tr.can:hover .sb-flag,.sb-table tr.sel .sb-flag{opacity:.6}.sb-flag:hover{color:var(--red);opacity:1!important}.sb-table tr.can{cursor:pointer}.sb-under{align-items:center;gap:var(--s1);margin-top:var(--s2);flex-direction:column;display:flex}.modebar{pointer-events:none;background:#06101f80;border:2px solid #06101fb3;border-radius:12px;align-items:stretch;min-width:220px;max-width:min(380px,80vw);font-size:.85em;display:flex;overflow:hidden}.mb-side{background:#ffffff0a;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;min-width:64px;padding:2px 8px 3px;display:flex}.mb-side.red{background:linear-gradient(#ff4d4d47,#ff4d4d1a)}.mb-side.blue{background:linear-gradient(#4da6ff47,#4da6ff1a)}.mb-name{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:.56rem;font-weight:700}.mb-score{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800;line-height:1.05}.mb-mid{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;min-width:92px;padding:2px 8px;display:flex}.mb-clock{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.mb-clock.low{color:var(--danger,#ff6b6b)}.mb-rule{letter-spacing:.06em;opacity:.6;text-transform:uppercase;white-space:nowrap;font-size:.5rem;font-weight:700}.mb-bar{background:#00000059;border-radius:2px;width:100%;height:3px;margin-top:2px;display:block;overflow:hidden}.mb-bar i{height:100%;transition:width .4s;display:block}.mb-bar.red i{background:#ff6b6b}.mb-bar.blue i{background:#62b3ff}.mb-flags,.mb-points{align-items:center;gap:5px;display:flex}.mb-flag{border:1.5px solid #06101fcc;border-radius:5px;place-items:center;width:17px;height:17px;font-size:.7rem;line-height:1;display:grid}.mb-flag i{font-style:normal}.mb-flag.red{background:#ff4d4de6}.mb-flag.blue{background:#4da6ffe6}.mb-flag.carried{animation:.7s ease-in-out infinite alternate mb-pulse;box-shadow:0 0 0 1.5px #ffe135}.mb-flag.dropped{opacity:.8;border-style:dashed;animation:1.2s ease-in-out infinite alternate mb-pulse}.mb-flag.dropped i{transform:rotate(35deg)}.mb-point{--p:0%;color:#06101f;background:#dfe6f0e6;border:1.5px solid #06101fcc;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.62rem;font-weight:800;display:grid;position:relative}.mb-point.red{color:#fff;background:#ff4d4deb}.mb-point.blue{color:#fff;background:#4da6ffeb}.mb-point.capturing:before{content:"";background:conic-gradient(var(--cap,#e6ecf5) var(--p), #0000004d 0);border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 8.5px,#000 9.5px);mask:radial-gradient(circle,#0000 8.5px,#000 9.5px)}.mb-point.capturing.red{--cap:#ff6b6b}.mb-point.capturing.blue{--cap:#62b3ff}.mb-point b{position:relative}@keyframes mb-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.chip.flagchip{border-color:#ffe135}.capture-bar{pointer-events:none;text-shadow:0 2px #0009;flex-direction:column;align-items:center;gap:6px;width:min(360px,70vw);display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.cb-label{letter-spacing:.04em;font-size:1.05rem;font-weight:800}.cb-track{border:3px solid var(--ink,#06101f);background:#06101fc7;border-radius:999px;width:100%;height:14px;display:block;overflow:hidden}.cb-track i{background:#e6ecf5;width:0;height:100%;transition:width .15s linear;display:block}.capture-bar.red .cb-track i{background:#ff6b6b}.capture-bar.blue .cb-track i{background:#62b3ff}.capture-bar.red .cb-label{color:#ff8a8a}.capture-bar.blue .cb-label{color:#8cc4ff}@media (width<=700px){.mb-side{min-width:54px;padding:2px 5px}.mb-mid{min-width:80px}}:root{--rankup-ms:4.6s}.screen-wrap{animation:.25s ease-out both screen-in;position:fixed;inset:0}.overlay-wrap{z-index:20}.menu-inner{position:absolute;inset:0}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.muted{color:var(--muted);font-size:var(--fs-small)}.bad{color:var(--danger)}.keycap{min-width:28px;height:24px;padding:0 var(--s2);font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--text);background:var(--panel-solid);border:var(--border);border-radius:var(--radius-sm);border-bottom-width:3px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.badge{min-width:28px;height:22px;padding:0 var(--s2);font-size:var(--fs-tiny);font-weight:var(--fw-bold);color:var(--accent-ink);background:var(--accent);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex}.progress{background:var(--line);border-radius:var(--radius-sm);height:6px;overflow:hidden}.progress i{background:var(--accent);height:100%;display:block}.panel{background:var(--panel);border:var(--border);border-radius:var(--radius);padding:var(--s3);box-shadow:var(--shadow)}.panel p{margin:0 0 var(--s2);line-height:1.45}.panel p:last-child{margin-bottom:0}.panel-title{justify-content:space-between;align-items:center;gap:var(--s3);margin:0 0 var(--s2);font-size:var(--fs-body);font-weight:var(--fw-bold);display:flex}.panel-title small{font-size:var(--fs-small);font-weight:var(--fw);color:var(--muted)}.btn{padding:var(--s2) var(--s3);font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--text);border:var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0}.btn:hover{background:var(--hover)}.btn.primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:default}.card{align-items:center;gap:var(--s2);min-width:0;padding:var(--s2) var(--s3);text-align:left;color:var(--text);background:var(--panel-soft);border:var(--border);border-radius:var(--radius);cursor:pointer;display:flex;position:relative}.card:hover{background:var(--hover)}.card:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.card.on{background:var(--accent-soft);border-color:var(--accent)}.card-ico{font-size:var(--fs-title);flex:none;line-height:1;display:inline-flex}.card-text{flex-direction:column;flex:1;min-width:0;display:flex}.card-title{font-size:var(--fs-small);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.card-meta{font-size:var(--fs-tiny);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-tick{color:var(--accent);font-weight:var(--fw-bold);flex:none}.card-badge{min-width:22px;padding:1px var(--s1);text-align:center;font-size:var(--fs-tiny);font-weight:var(--fw-bold);color:var(--accent-ink);background:var(--accent);border-radius:var(--radius-sm);flex:none}.card-grid{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.card-list{gap:var(--s2);flex-direction:column;display:flex}.swatch{border-radius:var(--radius-sm);border:var(--border);width:24px;height:24px}.field{min-width:0;padding:var(--s2) var(--s3);font-size:var(--fs-small);color:var(--text);background:var(--panel-soft);border:var(--border);border-radius:var(--radius);-webkit-user-select:text;user-select:text}.field:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.field::placeholder{color:var(--muted)}.field-row{gap:var(--s2);margin-top:var(--s2);align-items:center;display:flex}.field-row .field{flex:1}.status{margin:var(--s2) var(--s3) 0;font-size:var(--fs-small);color:var(--muted)}.status.bad{color:var(--danger)}.status.hidden{visibility:hidden}.screen{padding:var(--s4) clamp(24px, 6vw, 96px) var(--s3);background:var(--scrim);flex-direction:column;display:flex;position:absolute;inset:0}.screen-head{align-items:center;gap:var(--s4);flex:none;min-height:48px;display:flex}.screen-head h1{font-size:var(--fs-title);font-weight:var(--fw-bold);margin:0;line-height:1.1}.callsign{padding:var(--s1) var(--s2);font-size:var(--fs-tiny);color:var(--muted);cursor:pointer;text-align:right;background:0 0;border:0;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;display:flex}.callsign b{font-size:var(--fs-small);color:var(--text)}.callsign:hover b,.callsign:focus-visible b{color:var(--accent)}.screen-body{gap:var(--s5);min-height:0;padding:var(--s3) 0;flex:1;display:flex}.screen-main{scrollbar-width:thin;width:min(440px,100%);min-height:0;padding-right:var(--s1);flex-direction:column;flex:none;display:flex;overflow-y:auto}.screen-side{gap:var(--s3);scrollbar-width:thin;min-width:0;min-height:0;padding:0 var(--s1) var(--s1) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.screen-foot{padding-top:var(--s3);border-top:var(--border);flex:none}.prompts{gap:var(--s1) var(--s4);flex-wrap:wrap;display:flex}.prompt{align-items:center;gap:var(--s2);font-size:var(--fs-small);color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.prompt:disabled{cursor:default;opacity:.45}.prompt:not(:disabled):hover span{text-decoration:underline}.menu{scrollbar-width:thin;flex-direction:column;flex:0 auto;gap:2px;min-height:0;display:flex;overflow-y:auto}.menu hr{width:100%;margin:var(--s2) 0;border:0;border-top:var(--border)}.row{align-items:center;gap:var(--s3);width:100%;padding:var(--s2) var(--s3);text-align:left;color:var(--text);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;display:flex}.row.sel{background:var(--hover);border-left-color:var(--accent)}.row:disabled{color:var(--muted);cursor:default}.row-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.row-tag{font-size:var(--fs-small);color:var(--muted)}.row-value{align-items:center;gap:var(--s2);font-size:var(--fs-body);color:var(--text);display:inline-flex}.row-value b{padding:0 var(--s1);font-size:var(--fs-title);line-height:.8;font-weight:var(--fw);color:var(--muted);cursor:pointer}.row-value b:hover,.row.sel .row-value b{color:var(--accent)}.row-input .field{flex:none;width:58%}.menu-desc{margin:var(--s3) var(--s3) 0 calc(var(--s3) + 3px);min-height:4.4em;font-size:var(--fs-small);color:var(--muted);flex:none;line-height:1.5}.map-card{height:150px;margin-top:var(--s3);border:var(--border);border-radius:var(--radius);background:var(--panel-solid);flex:none;position:relative;overflow:hidden}.map-card canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.map-card-text{padding:var(--s2) var(--s3);background:var(--panel);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.map-card-text span{font-size:var(--fs-small);color:var(--muted)}.settings .screen-main{gap:var(--s3);width:min(720px,100%)}.binds{flex-direction:column;display:flex}.binds-group h3{margin:var(--s3) 0 var(--s1);font-size:var(--fs-small);font-weight:var(--fw);color:var(--muted)}.bind-row{width:100%;padding:var(--s1) var(--s3);text-align:left;color:var(--text);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.bind-row:hover{background:var(--hover)}.bind-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);background:var(--hover)}.bind-keys{align-items:center;gap:var(--s2);width:220px;display:flex}.bind-keys>*{min-width:90px}.bind-keys .keycap{justify-content:center}.bind-wait{color:var(--accent);font-size:var(--fs-small)}.keys{border-collapse:collapse;width:100%}.keys td{padding:var(--s1) var(--s2);font-size:var(--fs-small);border-bottom:var(--border)}.keys td:first-child{width:42%}.steps{margin:0 0 var(--s3);padding-left:var(--s4);line-height:1.5}.steps code{padding:0 var(--s1);background:var(--panel-solid);border-radius:var(--radius-sm);-webkit-user-select:text;user-select:text}.host .screen-side{max-width:560px}.class-screen .screen-main{width:min(260px,100%)}.editor{gap:var(--s3);flex-direction:column;display:flex}.sec-title{align-items:center;gap:var(--s2);margin:0 0 var(--s2);font-size:var(--fs-body);font-weight:var(--fw-bold);display:flex}.sec-title small{font-size:var(--fs-small);font-weight:var(--fw);color:var(--muted)}.sec-cat{margin:var(--s2) 0 var(--s1);font-size:var(--fs-tiny);font-weight:var(--fw);color:var(--muted)}.char-screen .screen-main{width:min(340px,100%)}.char-stage{gap:var(--s2);flex-direction:column;flex:1;min-height:0;display:flex}.char-view{border:var(--border);border-radius:var(--radius);background:var(--panel-soft);flex:1;min-height:220px;position:relative;overflow:hidden}.char-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.char-blurb{font-size:var(--fs-small);color:var(--muted);flex:none;margin:0;line-height:1.45}.char-blurb b{color:var(--text)}.over .screen-head h1{font-size:calc(var(--fs-title) * 1.6)}.over.win .screen-head h1{color:var(--accent)}.over.lose .screen-head h1{color:var(--danger)}.over-banner{color:var(--muted);margin:0}.sb-tables{gap:var(--s3);width:100%;display:flex}.sb-tables.teams .sb-table{flex:1;min-width:0}.sb-tables:not(.teams) .sb-table{flex:1}.sb-table{padding:var(--s2) var(--s3)}.sb-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.sb-table th{padding:2px var(--s2);text-align:right;font-size:var(--fs-tiny);font-weight:var(--fw);color:var(--muted);border-bottom:var(--border)}.sb-table td{padding:3px var(--s2);text-align:right;font-size:var(--fs-small)}.sb-table .l{text-align:left;width:100%}.sb-table td.l{align-items:center;gap:var(--s2);min-width:100%;max-width:0;display:flex}.sb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-table td small{font-size:var(--fs-tiny);color:var(--muted);white-space:nowrap}.sb-score{font-weight:var(--fw-bold)}.sb-table tr.me td{background:var(--accent-soft);font-weight:var(--fw-bold)}.sb-empty{color:var(--muted);text-align:center!important}@media (width<=1100px){.sb-table td small{display:none}.sb-tables.teams{flex-direction:row}}.loading{z-index:50;background:var(--panel-solid);align-items:flex-end;padding:0 clamp(24px,6vw,96px) 12vh;animation:.25s both screen-in;display:flex;position:fixed;inset:0}.loading-inner{width:min(720px,100%)}.loading-kicker{color:var(--accent);font-weight:var(--fw-bold)}.loading h1{margin:var(--s1) 0 var(--s2);font-size:calc(var(--fs-title) * 2.2);font-weight:var(--fw-bold);line-height:1.05}.loading-blurb{margin:0 0 var(--s4);max-width:600px;color:var(--muted);line-height:1.45}.progress.load i{width:0;animation:1.2s cubic-bezier(.4,0,.2,1) forwards load}@keyframes load{0%{width:0}40%{width:35%}70%{width:72%}to{width:100%}}.loading-tip{margin:var(--s3) 0 0;font-size:var(--fs-small);color:var(--muted)}.rankup{z-index:30;width:min(520px,92vw);padding:var(--s3) var(--s5);text-align:center;pointer-events:none;background:var(--panel);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:rankup-life var(--rankup-ms) cubic-bezier(.2, .8, .2, 1) both;position:fixed;top:14%;left:50%;transform:translate(-50%)}.rankup-kicker{font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--accent);text-transform:uppercase}.rankup-level{font-size:calc(var(--fs-title) * 3.4);font-weight:var(--fw-bold);line-height:1.05;animation:.7s cubic-bezier(.2,1.4,.4,1) .1s both rankup-pop}.rankup-rank{margin-top:var(--s1);font-size:var(--fs-title);font-weight:var(--fw-bold)}.rankup.att .rankup-level{font-size:calc(var(--fs-title) * 2.6)}.rankup-bar{height:8px;margin-top:var(--s3);background:var(--line);border-radius:var(--radius-sm);overflow:hidden}.rankup-bar i{background:var(--accent);height:100%;animation:2.2s ease-out .3s both rankup-bar;display:block}@keyframes rankup-life{0%{opacity:0;transform:translate(-50%)translateY(-28px)scale(1.25)}9%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}87%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(.98)}}@keyframes rankup-pop{0%{opacity:0;transform:scale(1.9)}to{opacity:1;transform:scale(1)}}@keyframes rankup-bar{0%,30%{width:100%}31%{width:0}to{width:calc(var(--to) * 100%)}}@keyframes rankup-fade{0%,to{opacity:0}8%,88%{opacity:1}}@media (prefers-reduced-motion:reduce){.rankup{animation:rankup-fade var(--rankup-ms) both!important}.rankup-bar i{width:calc(var(--to) * 100%);animation:none!important}}@media (height<=760px){.screen{padding-top:var(--s3)}.screen-head{min-height:40px}.row{padding:6px var(--s3)}.menu-desc{min-height:4em;margin-top:var(--s2)}.map-card{height:110px}.card{padding:6px var(--s2)}}@media (width<=900px){.screen-body{gap:var(--s3)}.class-screen .screen-main,.char-screen .screen-main{width:200px}}.card.locked{opacity:.55}.card.locked:hover{opacity:.8}.card-lock{font-size:var(--fs-small);flex:none}.class-actions{gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.class-name{align-items:center;gap:var(--s2);margin-bottom:var(--s2);font-size:var(--fs-small);color:var(--muted);display:flex}.class-name .field{max-width:240px}.rankup-unlock{margin-top:var(--s2);font-size:var(--fs-small);color:var(--text);text-align:center;max-width:520px}.weapon-stage{z-index:2;gap:var(--s1);padding-bottom:var(--s2);background:#0a0e15;flex-direction:column;display:flex;position:sticky;top:0}.weapon-view{border:var(--border);border-radius:var(--radius);background:var(--panel-soft);height:190px;position:relative;overflow:hidden}.weapon-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.main .screen-side,.pause .screen-side{align-items:flex-end}.player-card{gap:var(--s2);width:min(320px,100%);padding:var(--s3) var(--s4);background:var(--panel-soft);border:var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.callsign-field{font-size:var(--fs-tiny);color:var(--muted);flex-direction:column;gap:2px;display:flex}.callsign-field .callsign-name{font-size:var(--fs-title);color:var(--text);word-break:break-all}.callsign-field .btn{margin-top:var(--s1);align-self:flex-start}.callsign-hint{max-width:22ch;line-height:1.3}.player-rank{align-items:center;gap:var(--s3);margin-top:var(--s2);display:flex}.player-rank .badge{min-width:40px;height:34px;font-size:var(--fs-body)}.player-rank-text{flex-direction:column;line-height:1.25;display:flex}.player-rank-text b{font-size:var(--fs-body)}.player-rank-text span{font-size:var(--fs-small);color:var(--muted)}.player-card .progress{height:8px}.player-xp{font-size:var(--fs-small);color:var(--muted);margin:0}.player-xp b{color:var(--text)}.player-next{font-size:var(--fs-tiny);color:var(--muted);margin:0;line-height:1.4}.clock{font-variant-numeric:tabular-nums;font-weight:var(--fw-bold)}.clock.low{color:var(--danger)}.rankup.ann .rankup-level{font-size:calc(var(--fs-title) * 2.2)}.rankup.ann .rankup-rank{font-size:calc(var(--fs-title) * .8);max-width:92vw}.rankup.ann.red .rankup-kicker,.rankup.ann.red .rankup-level{color:#ff6b6b}.rankup.ann.blue .rankup-kicker,.rankup.ann.blue .rankup-level{color:#6db8ff}@keyframes wobble{0%,to{transform:rotate(-1.6deg)scale(1)}50%{transform:rotate(1.4deg)scale(1.03)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes marquee{0%{transform:translate(-30%)}to{transform:translate(0)}}@keyframes row-in{0%{opacity:0;transform:translate(-34px)scale(.92)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes stripes{0%{background-position:0 0,0 0}to{background-position:22px 0,0 0}}@keyframes point{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes shine{0%{transform:translate(-130%)skew(-18deg)}55%,to{transform:translate(260%)skew(-18deg)}}.game canvas{transition:filter .4s}.game.dim canvas{filter:saturate(1.3)brightness(.62)blur(4px)}.screen{isolation:isolate;background:radial-gradient(900px 560px at 8% -8%,#ffd23f47,#0000 62%),radial-gradient(800px 520px at 100% 104%,#ff5ea84d,#0000 62%),radial-gradient(700px 480px at 92% 6%,#38d2ff38,#0000 62%),linear-gradient(#1430829e,#091030db);overflow:hidden}.screen:before{content:"🍌   🥑   🍕   🍩   🍔   🌮   🍓   🥐   🍌   🥑   🍕   🍩   🍔   🌮   🍓   🥐";z-index:-1;white-space:nowrap;letter-spacing:.35em;opacity:.13;pointer-events:none;font-size:92px;animation:70s linear infinite marquee;position:absolute;bottom:5%;left:0}.screen:after{content:"🥦   🍟   🍎   🥨   🌭   🍣   🥕   🍰   🥦   🍟   🍎   🥨   🌭   🍣   🥕   🍰";z-index:-1;white-space:nowrap;letter-spacing:.5em;opacity:.09;pointer-events:none;font-size:64px;animation:95s linear infinite reverse marquee;position:absolute;top:14%;right:0}.screen-foot{border-top:3px solid #ffffff24}.screen-head h1{font-size:calc(var(--fs-title) * 1.55);color:var(--accent);letter-spacing:.02em;transform-origin:0 60%;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);animation:3.6s ease-in-out infinite wobble}.main .screen-head h1:before{content:"🍌 ";-webkit-text-stroke:0;font-size:.9em}.over .screen-head h1,.pause .screen-head h1{font-size:calc(var(--fs-title) * 1.8)}.callsign{padding:var(--s2) var(--s3);background:var(--panel);border:var(--border);transition:transform .15s var(--pop);border-radius:999px;box-shadow:0 4px #050a1e80}.callsign:hover{transform:translateY(-2px)scale(1.05)rotate(-1deg)}.callsign b{font-size:var(--fs-body);font-weight:var(--fw-bold)}.callsign:hover b{color:var(--accent)}.screen-main,.screen-side{padding:6px 8px 8px 4px;overflow-x:hidden}.card-grid,.card-list{padding:4px}.menu{gap:9px;padding:8px 10px 12px 8px;overflow-x:hidden}.menu>*{flex-shrink:0}.menu hr{border-top:3px dotted #ffffff38;margin:6px 0}.menu .row{animation:row-in .45s var(--pop) both}.menu .row:first-child{animation-delay:0s}.menu .row:nth-child(2){animation-delay:40ms}.menu .row:nth-child(3){animation-delay:80ms}.menu .row:nth-child(4){animation-delay:.12s}.menu .row:nth-child(5){animation-delay:.16s}.menu .row:nth-child(6){animation-delay:.2s}.menu .row:nth-child(7){animation-delay:.24s}.menu .row:nth-child(8){animation-delay:.28s}.menu .row:nth-child(n+9){animation-delay:.32s}.row{font-weight:var(--fw-bold);color:var(--text);border:3px solid var(--ink);transition:transform .16s var(--pop), filter .12s, background .12s;background:linear-gradient(#4a7bf0,#2f56c4);border-bottom-width:7px;border-radius:18px;padding:10px 20px;position:relative;overflow:hidden;box-shadow:0 4px #050a1e59}.row:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;position:absolute;inset:0 auto 0 0;transform:translate(-130%)skew(-18deg)}.row:hover:not(:disabled),.row.sel:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)scale(1.015)}.row:hover:not(:disabled):after,.row.sel:not(:disabled):after{animation:.9s ease-out shine}.row.sel{color:var(--accent-ink);border-left-color:var(--ink);background:linear-gradient(#ffe56f,#ffb81c)}.row.sel:before{content:"▶";color:var(--accent-ink);margin-top:-.62em;font-size:.9em;animation:.7s ease-in-out infinite point;position:absolute;top:50%;left:6px}.row-label{padding-left:14px}.row.sel .row-tag,.row.sel .row-value,.row.sel .row-value b{color:var(--accent-ink)}.row:active:not(:disabled){filter:brightness(.96);transform:translateY(3px)scale(.985)}.row:disabled{color:#ffffff8c;box-shadow:none;background:linear-gradient(#4b5880,#394668)}.row:focus-visible{box-shadow:0 0 0 4px var(--accent), 0 4px 0 #050a1e59}.row-tag{font-size:var(--fs-tiny);font-weight:var(--fw-bold);color:var(--accent-ink);background:var(--accent);border:2px solid var(--ink);border-radius:999px;padding:1px 10px}.row-value{font-weight:var(--fw-bold)}.row-value b{color:var(--accent);font-weight:var(--fw-bold);transition:transform .12s var(--pop)}.row-value b:hover{color:#fff;transform:scale(1.5)}.row-input{cursor:text}.row-input:hover{filter:none;transform:none}.menu-desc{margin:var(--s3) var(--s2) 0;color:#dbe5ff;background:#0a12308c;border:2px dashed #fff3;border-radius:14px;min-height:4.6em;padding:10px 14px}.btn{font-weight:var(--fw-bold);color:var(--text);border:3px solid var(--ink);transition:transform .15s var(--pop), filter .12s;background:linear-gradient(#4a7bf0,#2f56c4);border-bottom-width:6px;border-radius:16px;padding:8px 18px}.btn:hover:not(:disabled){background:linear-gradient(#5b8cff,#3a63d6);transform:translateY(-2px)scale(1.05)rotate(-.6deg)}.btn:active:not(:disabled){transform:translateY(3px)scale(.97)}.btn.primary{color:var(--accent-ink);border-color:var(--ink);background:linear-gradient(#ffe56f,#ffb81c)}.btn.primary:hover:not(:disabled){filter:none;background:linear-gradient(#fff08a,#ffc72e)}.field{font-weight:var(--fw-bold);color:#11204a;border:3px solid var(--ink);font-family:inherit;font-size:var(--fs-small);box-sizing:border-box;background:#fff;border-radius:14px;padding:9px 14px;line-height:1.35;box-shadow:inset 0 3px #0a12301f}.row-input .field{height:42px}.field::placeholder{color:#8a99c4;font-family:inherit;font-size:inherit;font-weight:var(--fw-bold);line-height:inherit;letter-spacing:inherit;opacity:1}.field:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px var(--accent), inset 0 3px 0 #0a12301f}.card{border:3px solid var(--ink);transition:transform .15s var(--pop), filter .12s;background:linear-gradient(#35549f,#28407d);border-bottom-width:6px;border-radius:16px;padding:9px 14px}.card:hover{background:linear-gradient(#4268c4,#2f4e9c);transform:translateY(-2px)}.card:active{transform:translateY(3px)scale(.985)}.card.on{color:var(--accent-ink);animation:pop-in .3s var(--pop);background:linear-gradient(#ffe56f,#ffb81c)}.card.on .card-meta{color:#6b4a00}.card.on .card-tick{color:var(--accent-ink);font-size:1.2em}.card-title{font-weight:var(--fw-bold)}.card-badge{color:#fff;background:var(--pink);border:2px solid var(--ink);border-radius:999px}.card.locked{opacity:.6;filter:grayscale(.5)}.keycap{color:#11204a;min-width:30px;height:28px;font-weight:var(--fw-bold);border:2px solid var(--ink);background:linear-gradient(#fff,#cfdcff);border-bottom-width:5px;border-radius:9px}.prompt:not(:disabled):hover .keycap{transform:translateY(-2px)rotate(-4deg)}.keycap{transition:transform .15s var(--pop)}.prompt:not(:disabled):hover span{color:var(--accent);text-decoration:none}.prompt{font-weight:var(--fw-bold)}.weapon-stage{background:#14275a;border-radius:18px}.panel{border:var(--border);box-shadow:var(--shadow);background:linear-gradient(#264188,#1a3170);border-radius:18px}.panel-title{font-size:var(--fs-body);color:var(--accent)}.badge{min-width:34px;height:28px;font-weight:var(--fw-bold);color:#fff;border:2px solid var(--ink);text-shadow:0 2px #00000059;background:linear-gradient(#ff9a3d,#ff6a13);border-radius:999px;padding:0 10px}.screen .progress,.loading .progress{background:var(--ink);border:3px solid var(--ink);border-radius:999px;height:16px}.screen .progress i,.loading .progress i,.rankup-bar i{background:repeating-linear-gradient(45deg,#ffffff4d 0 8px,#0000 8px 16px) 0 0/22px 22px,linear-gradient(#ffe56f,#ffb81c) 0 0/100% 100%;border-radius:999px;animation:.9s linear infinite stripes}.progress.load i{animation:.9s linear infinite stripes,1.2s cubic-bezier(.4,0,.2,1) forwards load}.map-card,.char-view,.weapon-view{border:var(--border);box-shadow:var(--shadow);border-radius:20px}.map-card-text{background:#0a1230d1}.status{margin:var(--s2) 0 0;color:#dbe5ff;background:#0a123080;border-radius:12px;padding:8px 14px}.status.bad{color:#ffd0d4;background:#ff5d6c40}.keys td,.sb-table th{border-bottom:var(--hair)}.sb-table tr.me td{background:#ffd23f47}.sb-table.red .panel-title span{color:var(--red)}.sb-table.blue .panel-title span{color:var(--blue)}.player-card{padding:var(--s3) var(--s4);border:var(--border);box-shadow:var(--shadow);animation:pop-in .5s var(--pop) .15s both;background:linear-gradient(#2a4590,#1b3373);border-radius:22px}.callsign-field .callsign-name{font-size:calc(var(--fs-title) * 1.1);font-weight:var(--fw-bold);color:var(--accent);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}.callsign-field>span{font-weight:var(--fw-bold);color:#fff;background:var(--pink);border:2px solid var(--ink);border-radius:999px;align-self:flex-start;padding:1px 12px}.player-rank .badge{min-width:52px;height:44px;font-size:var(--fs-title);animation:2.4s ease-in-out infinite bob}.player-rank-text b{font-size:var(--fs-title);color:#fff}.loading{background:radial-gradient(900px 600px at 20% 10%,#ffd23f4d,#0000 60%),radial-gradient(800px 600px at 90% 100%,#ff5ea852,#0000 60%),linear-gradient(#1d4bc2,#0d1d55)}.loading h1{font-size:calc(var(--fs-title) * 2.6);color:var(--accent);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);transform-origin:0 70%;animation:3s ease-in-out infinite wobble}.loading-kicker{color:#fff;background:var(--pink);border:3px solid var(--ink);border-radius:999px;padding:2px 14px;display:inline-block}.loading-blurb,.loading-tip{color:#dbe5ff}.rankup{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;top:14%}.rankup-level{font-size:calc(var(--fs-title) * 2.6)}.rankup-kicker,.rankup-rank,.rankup-unlock{text-shadow:0 3px 0 var(--ink), 0 0 12px #0009}.rankup-kicker{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}.rankup-level{color:var(--accent);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink)}.rankup-rank{color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.rankup-bar{width:260px;height:14px;margin:var(--s2) auto 0;background:var(--ink);border:3px solid var(--ink);border-radius:999px}.hud{font-weight:var(--fw-bold)}.hud .keycap{color:#fff;min-width:24px;height:22px;text-shadow:none;background:linear-gradient(#4a7bf0,#2f56c4);border-bottom-width:3px}.mm-wrap{border:var(--border);border-radius:22px;box-shadow:0 4px #050a1e80}.score-line,.chip,.veh-prompt{background:var(--panel);border:var(--border);border-radius:999px;box-shadow:0 4px #050a1e80}.chip{animation:pop-in .3s var(--pop)}.score-line .kd{color:var(--accent)}.killfeed div{border:2px solid var(--ink);animation:pop-in .3s var(--pop), feed-fade 5s forwards;background:#0a1230d1;border-radius:999px;padding:3px 12px}.crosshair.hit{animation:hitmark .18s var(--pop)}@keyframes hitmark{0%{transform:scale(1.7)rotate(25deg)}to{transform:scale(1)}}.score-pop{font-size:calc(var(--fs-title) * 1.35);color:var(--accent);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);animation:1.7s ease-out forwards pop-bounce}.score-pop small{font-size:var(--fs-small);color:#fff;border:3px solid var(--ink);-webkit-text-stroke:0;text-shadow:0 2px #0006;animation:pop-in .3s var(--pop) both;background:linear-gradient(#ff7ab8,#ff3f8e);border-radius:999px;margin:0 2px 2px;padding:1px 12px;display:inline-block}.score-pop small+small{background:linear-gradient(#ffa24d,#ff7a14)}@keyframes pop-bounce{0%{opacity:0;transform:translateY(14px)scale(.5)}14%{opacity:1;transform:translateY(0)scale(1.25)}24%{transform:scale(.95)}32%{transform:scale(1)}74%{opacity:1}to{opacity:0;transform:translateY(-22px)scale(1)}}.banner{-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);font-size:var(--fs-title);color:#fff;animation:pop-in .35s var(--pop)}.hud-bl,.hud-br{background:var(--panel);border:var(--border);border-radius:22px;box-shadow:0 5px #050a1e80}.slot{border:3px solid var(--ink);opacity:.8;transition:transform .15s var(--pop);background:#0a123080;border-radius:12px}.slot.active{border-color:var(--ink);opacity:1;background:linear-gradient(#ffe56f,#ffb81c);transform:translateY(-3px)scale(1.12)}.slot-key,.slot.active .slot-key{color:#fff;text-shadow:0 1px 0 var(--ink), 0 0 3px var(--ink)}.ammo .mag{font-size:calc(var(--fs-title) * 1.35);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}.ammo .res{color:#dbe5ff}.health .progress{background:var(--ink);border:3px solid var(--ink);border-radius:999px;height:18px}.health .progress i{background:linear-gradient(#8bf5a4,#2fc65a);border-radius:999px}.health.jug .progress i{background:linear-gradient(#ffe56f,#ffb81c)}.health.low .progress i{background:linear-gradient(#ff8f9a,#ff3f55)}.health span{font-size:var(--fs-body)}.streak{border:3px solid var(--ink);background:#0a123099;border-radius:16px}.streak.ready{background:linear-gradient(#ffe56f,#ffb81c);animation:.9s ease-in-out infinite bob}.streak.ready .s-ico{opacity:1}.streak.active{border-color:var(--success);background:#5ce3834d}.streak-ready{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.radar-tag{border-radius:0 12px 0 0}.ammo-hint{border:2px solid var(--ink);border-radius:999px;padding:2px 14px}.hud-xp{opacity:1}.hud-xp .progress{border:2px solid var(--ink);background:var(--ink);border-radius:999px;height:10px}.hud-xp .progress i{background:linear-gradient(#ffe56f,#ffb81c);border-radius:999px}@media (prefers-reduced-motion:reduce){.screen:before,.screen:after,.screen-head h1,.loading h1,.player-rank .badge,.streak.ready,.menu .row{animation:none!important}}@media (height<=760px){.row{border-bottom-width:6px;padding:7px 18px}.menu{gap:6px}.screen-head h1{font-size:calc(var(--fs-title) * 1.35)}}.sliders{flex-direction:column;gap:10px;display:flex}.slider-row{align-items:center;gap:var(--s3);font-weight:var(--fw-bold);grid-template-columns:150px 1fr 56px;padding:4px 8px;display:grid}.slider-value{text-align:right;color:var(--accent);font-variant-numeric:tabular-nums}.slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.slider::-webkit-slider-runnable-track{border:3px solid var(--ink);background:linear-gradient(90deg, #ffb81c var(--fill), #0a1230 var(--fill));border-radius:999px;height:16px}.slider::-moz-range-track{border:3px solid var(--ink);background:#0a1230;border-radius:999px;height:10px}.slider::-moz-range-progress{background:#ffb81c;border-radius:999px;height:10px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--ink);width:28px;height:28px;transition:transform .15s var(--pop);background:linear-gradient(#fff,#cfdcff);border-radius:50%;margin-top:-9px;box-shadow:0 3px #050a1e99}.slider::-moz-range-thumb{border:3px solid var(--ink);background:#fff;border-radius:50%;width:22px;height:22px}.slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.slider:focus-visible::-webkit-slider-thumb{transform:scale(1.2)}.slider:focus-visible{box-shadow:none;outline:none}.slider:focus-visible::-webkit-slider-runnable-track{box-shadow:0 0 0 3px var(--accent)}@keyframes chat-fade{0%,80%{opacity:1}to{opacity:0}}.chat{left:var(--s3);z-index:6;pointer-events:none;gap:var(--s2);flex-direction:column;width:min(440px,42vw);display:flex;position:fixed;top:34%}.chat-lines{flex-direction:column;gap:2px;display:flex}.chat-line{font-size:var(--fs-small);font-weight:var(--fw-bold);color:#fff;word-break:break-word;text-shadow:0 2px 0 var(--ink), 0 0 6px #000c;animation:chat-fade 14s forwards, pop-in .25s var(--pop);margin:0;line-height:1.3}.chat-line.me .chat-name{color:var(--accent)}.chat-name{color:#cfe0ff}.chat-name.red{color:var(--red)}.chat-name.blue{color:var(--blue)}.chat-tag{color:var(--pink);margin-right:4px}.chat.open .chat-line{opacity:1;animation:none}.chat-input{align-items:center;gap:var(--s2);background:var(--panel);border:var(--border);pointer-events:auto;border-radius:999px;padding:4px 6px 4px 14px;display:flex;box-shadow:0 4px #050a1e80}.chat-input span{font-weight:var(--fw-bold);color:var(--accent);white-space:nowrap}.chat-input input{min-width:0;font-weight:var(--fw-bold);color:#11204a;border:2px solid var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:999px;outline:none;flex:1;padding:5px 12px}.chat-input input:focus{box-shadow:0 0 0 3px var(--accent)}.hud-bl,.hud-br{box-shadow:none;text-shadow:0 2px 0 var(--ink), 0 0 8px #000000bf;background:0 0;border:0}.hud-bl .weapon-name{color:#fff}.slot{background:#0a12308c}.ping{font-size:var(--fs-tiny);color:var(--success)}.ping.mid{color:var(--accent)}.ping.bad{color:var(--danger)}.lb{width:min(760px,100%)}.lb-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.lb-table th{text-align:right;font-size:var(--fs-tiny);color:var(--muted);border-bottom:var(--hair);padding:4px 10px}.lb-table td{text-align:right;font-weight:var(--fw-bold);border-bottom:1px solid #ffffff14;padding:5px 10px}.lb-table .l{text-align:left}.lb-table td.l{align-items:center;gap:var(--s2);display:flex}.lb-table .rk{width:44px;color:var(--accent)}.lb-table tbody tr:first-child .rk{color:#ffd23f;font-size:1.2em}.lb-table tbody tr:nth-child(2) .rk{color:#dfe7f5}.lb-table tbody tr:nth-child(3) .rk{color:#ff9a3d}.lb-table small{color:var(--muted);font-weight:var(--fw)}.lb-table tr.me td{background:#ffd23f42}.lb-table tr.gap td{text-align:center;color:var(--muted);border:0}.role-tag{text-shadow:0 1px 2px #000000b3;white-space:nowrap;margin-right:.35em;font-weight:800}.acp-banner{z-index:1000;font-family:var(--font);color:#fff;border-bottom:3px solid var(--ink);background:repeating-linear-gradient(45deg,#c4161c 0 18px,#9b1015 18px 36px);justify-content:center;align-items:center;gap:14px;padding:6px 12px;font-size:15px;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 3px 12px #00000080}.acp-banner button{font:inherit;color:var(--accent-ink);background:var(--accent);border:2px solid var(--ink);cursor:pointer;border-radius:999px;padding:2px 14px;font-weight:700}.acp-banner button:disabled{opacity:.6}.acp-banner .acp-err{font-weight:500}@media (prefers-reduced-motion:reduce){.acp-banner *{transition:none!important;animation:none!important}}html.imp .screen-wrap{top:38px}.card-side{align-items:flex-end}.new-pill{letter-spacing:.06em;color:#1b1300;border:2px solid var(--ink);text-transform:uppercase;white-space:nowrap;background:linear-gradient(#ffe56f,#ffb81c);border-radius:999px;flex:none;padding:1px 7px;font-size:.68rem;font-weight:800;line-height:1.5;box-shadow:0 2px #050a1e73}.row .new-pill{margin-left:.5em}.rankup-unlock .new-pill{text-shadow:none;margin-left:.5em}.sec-title .new-pill{vertical-align:middle;margin-left:.6em}.unlock-dialog{z-index:60;background:#050a1e99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.unlock-box{background:var(--panel,#fff7e0);max-width:28rem;color:var(--ink,#1b1300);border:3px solid var(--ink,#1b1300);border-radius:14px;padding:1.2rem 1.4rem;box-shadow:0 6px #050a1e80}.unlock-box h3{margin:0 0 .5rem}.unlock-box p{margin:.4rem 0}.unlock-btns{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.row-value{grid-template-columns:2.2em 8.6em 2.2em;align-self:stretch;align-items:stretch;gap:0;margin:-10px -14px -10px auto;display:inline-grid}.row-value>span{text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--s1);align-self:center;overflow:hidden}.row-value b{-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .12s,color .12s;display:flex}.row-value b:hover{color:#fff;background:#fff3;transform:none}.row-value b:active{background:#ffffff52}@media (height<=760px){.row-value{margin-top:-7px;margin-bottom:-7px}}