@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/russo-one-cyrillic-400-normal-BXZIn0h3.woff2)format("woff2"),url(/assets/russo-one-cyrillic-400-normal-rRbrNFRA.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/russo-one-latin-ext-400-normal-CezFp_e4.woff2)format("woff2"),url(/assets/russo-one-latin-ext-400-normal-BssN3Pxm.woff)format("woff");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:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/russo-one-latin-400-normal-BfOuQF9V.woff2)format("woff2"),url(/assets/russo-one-latin-400-normal-CosRecV9.woff)format("woff");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{--vw:1vw;--vh:1vh;--ink:#08080a;--panel:#0e0c0adb;--gold-l:#f2dfa4;--gold:#d4af5f;--gold-d:#8a6a24;--hero:#48d6ff;--hp:#ff6a3d;--display:"Russo One", "Trebuchet MS", system-ui, sans-serif}[hidden]{display:none!important}html,body{background:var(--ink);height:100%;color:var(--gold-l);margin:0;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}#app canvas{width:calc(100 * var(--vw));height:calc(100 * var(--vh));cursor:crosshair;display:block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.sb-screen{pointer-events:auto;text-align:center;background:radial-gradient(at 50% 40%,#08080a33,#08080ae0 75%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.sb-logo{font-family:var(--display);font-size:clamp(56px, calc(10 * var(--vw)), 132px);letter-spacing:.03em;background:linear-gradient(180deg, #fff8dc 0%, var(--gold-l) 32%, var(--gold) 58%, var(--gold-d) 100%);color:#0000;filter:drop-shadow(0 5px #1a1208)drop-shadow(0 0 28px #48d6ff66);-webkit-background-clip:text;background-clip:text;margin:0;line-height:.86;transform:skew(-7deg)}.sb-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--hero);text-shadow:0 0 12px #48d6ff99;margin:0;font-size:16px}.sb-btn{font-family:var(--display);letter-spacing:.08em;color:#1a1208;background:linear-gradient(180deg, var(--gold-l), var(--gold) 55%, var(--gold-d));cursor:pointer;border:3px solid #1a1208;border-radius:14px;min-height:48px;padding:12px 34px;font-size:22px;transition:transform 80ms;box-shadow:0 5px #1a1208,0 0 24px #d4af5f59}.sb-btn:hover{transform:translateY(-2px)scale(1.03)}.sb-btn:active{transform:translateY(3px);box-shadow:0 2px #1a1208}.sb-btn.ghost{background:var(--panel);color:var(--gold-l);border-color:var(--gold-d);box-shadow:none}.sb-row{gap:14px;display:flex}.sb-controls{background:var(--panel);border:2px solid var(--gold-d);text-align:left;max-width:min(720px, calc(92 * var(--vw)));border-radius:14px;grid-template-columns:auto auto auto;gap:4px 18px;padding:14px 20px;font-size:14px;display:grid}.sb-controls .h{font-family:var(--display);color:var(--gold);letter-spacing:.12em;font-size:12px}.sb-controls .k{color:#fff;white-space:nowrap}.sb-controls .a{color:var(--gold-l);opacity:.85}.sb-vitals{align-items:center;gap:12px;display:flex;position:absolute;top:20px;left:22px}.sb-portrait{filter:drop-shadow(0 3px #000);width:76px;height:76px}.sb-bars{flex-direction:column;gap:7px;display:flex}.sb-bar{border:2px solid var(--gold-d);background:#140f0b;border-radius:10px;width:260px;height:18px;position:relative;overflow:hidden;box-shadow:0 3px #000}.sb-bar.thin{width:220px;height:13px}.sb-fill{transform-origin:0;border-radius:8px;position:absolute;inset:0}.sb-fill.hp{background:linear-gradient(180deg, #ffb08a, var(--hp) 45%, #b02a14)}.sb-fill.st{background:linear-gradient(180deg, #c8f4ff, var(--hero) 45%, #1678a8)}.sb-fill.lag{opacity:.55;background:#fff3c8}.sb-fill.shield{background:linear-gradient(#d7f2ff,#62c8ff 45%,#1a6fae);box-shadow:0 0 10px -1px #62c8ff}.sb-bar.boosted{border-color:#ffd24d;box-shadow:0 3px #000,0 0 14px -2px #ffd24d}.sb-bar.cd{border-color:#4a3a5c;width:180px;height:16px}.sb-fill.cd{opacity:.45;background:linear-gradient(#ecdcff,#b07bff 45%,#5b2f9c)}.sb-bar.cd.ready{border-color:var(--gold);box-shadow:0 3px #000,0 0 14px -2px #b07bff}.sb-bar.cd.ready .sb-fill.cd{opacity:1}.sb-cd-label{letter-spacing:1px;text-align:center;color:#fff;text-shadow:0 1px #000;font-size:10px;line-height:12px;position:absolute;inset:0}.sb-bar.denied{animation:.25s linear 2 sb-deny}@keyframes sb-deny{50%{border-color:#ff3b3b;transform:translate(3px)}}.sb-perf{color:var(--gold);opacity:.75;text-align:right;font:12px/1.3 ui-monospace,Consolas,monospace;position:absolute;bottom:10px;right:12px}.sb-banner{text-align:center;font-family:var(--display);font-size:clamp(36px, calc(6 * var(--vw)), 72px);color:var(--gold-l);text-shadow:0 4px #1a1208,0 0 30px #d4af5f8c;opacity:0;transition:opacity .2s,transform .2s;position:absolute;top:24%;left:0;right:0;transform:scale(.9)}.sb-banner.on{opacity:1;transform:scale(1)}.sb-banner small{letter-spacing:.2em;color:var(--hero);font-size:.32em;display:block}.sb-hint{background:var(--panel);border:1px solid var(--gold-d);opacity:0;border-radius:10px;padding:6px 14px;font-size:14px;transition:opacity .3s;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.sb-hint.on{opacity:1}.sb-reticle{--r:30px;--c:var(--gold-l);--glow:#f2dfa4d9;width:0;height:0;position:absolute;top:0;left:0}.sb-reticle.out{--c:#ff5a4a;--glow:#ff5a4ad9}.sb-reticle .spin{animation:4s linear infinite sb-ret-spin;position:absolute;inset:0}.sb-reticle i{border:3px solid var(--c);width:12px;height:12px;filter:drop-shadow(0 0 4px var(--glow)) drop-shadow(0 2px 0 #000);position:absolute}.sb-reticle .tl{left:calc(var(--r) * -1);top:calc(var(--r) * -1);border-bottom:none;border-right:none}.sb-reticle .tr{left:calc(var(--r) - 12px);top:calc(var(--r) * -1);border-bottom:none;border-left:none}.sb-reticle .bl{left:calc(var(--r) * -1);top:calc(var(--r) - 12px);border-top:none;border-right:none}.sb-reticle .br{left:calc(var(--r) - 12px);top:calc(var(--r) - 12px);border-top:none;border-left:none}.sb-reticle .dot{background:var(--c);width:6px;height:6px;box-shadow:0 0 8px var(--glow);border-radius:50%;position:absolute;top:-3px;left:-3px}.sb-ret-label{top:calc(var(--r) + 6px);text-align:center;width:120px;font:12px/1 var(--display);letter-spacing:.08em;color:var(--c);text-shadow:0 2px #000;position:absolute;left:-60px}@keyframes sb-ret-spin{to{transform:rotate(360deg)}}.sb-select{pointer-events:none;background:linear-gradient(90deg,#08080adb 0%,#08080a40 36%,#08080a00 50%,#08080a40 64%,#08080adb 100%);justify-content:space-between;align-items:stretch;gap:20px;padding:22px;display:flex;position:absolute;inset:0}.sb-select-panel{pointer-events:auto;width:min(430px, calc(44 * var(--vw)));flex-direction:column;gap:12px;display:flex;overflow:hidden auto}.sb-select-panel.left{width:min(536px, calc(50 * var(--vw)))}.sb-select-panel.right{width:min(330px, calc(34 * var(--vw)));justify-content:flex-end}.sb-select-title{font:34px/1 var(--display);letter-spacing:.05em;background:linear-gradient(180deg, #fff8dc, var(--gold) 60%, var(--gold-d));color:#0000;filter:drop-shadow(0 3px #1a1208);-webkit-background-clip:text;background-clip:text;margin:0;transform:skew(-6deg)}.sb-select-panel h3{font:14px/1 var(--display);letter-spacing:.14em;color:var(--gold);margin:6px 0 0}.sb-roster{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.sb-card{background:var(--panel);min-height:44px;color:var(--gold-l);cursor:pointer;border:2px solid #3a2e1c;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;transition:transform 80ms,border-color .15s;display:flex}.sb-card:hover{border-color:var(--gold-d);transform:translateY(-2px)}.sb-card.on{border-color:var(--gold);box-shadow:0 0 18px -2px var(--accent), inset 0 0 0 1px var(--accent)}.sb-card-portrait{aspect-ratio:1;filter:drop-shadow(0 3px #000);width:100%;max-width:88px}.sb-card .n{font:11px/1.1 var(--display);letter-spacing:.04em;text-align:center}.sb-card .t{opacity:.7;text-align:center;font-size:10px}.sb-detail{background:var(--panel);border:2px solid var(--gold-d);border-radius:14px;padding:12px 14px}.sb-detail-head strong{font:24px/1 var(--display);color:#fff;text-shadow:0 0 14px var(--accent);display:block}.sb-detail-head span{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:13px}.sb-detail p{color:var(--gold-l);margin:8px 0 10px;font-size:14px;line-height:1.35}.sb-stats{grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;display:grid}.sb-stats .k{font:11px/1 var(--display);letter-spacing:.1em;color:var(--gold)}.sb-stats .bar{border:1px solid var(--gold-d);background:#140f0b;border-radius:6px;height:10px;overflow:hidden}.sb-stats .bar i{transform-origin:0;background:linear-gradient(90deg, var(--gold-d), var(--gold-l));height:100%;display:block}.sb-swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sb-swatch{cursor:pointer;background:#0e0c0a;border:2px solid #3a2e1c;border-radius:10px;height:48px;position:relative;overflow:hidden}.sb-swatch:before{content:"";width:6px;box-shadow:0 0 6px 2px var(--c), 0 0 16px 4px var(--c);background:#fff;border-radius:4px;position:absolute;top:6px;bottom:16px;left:50%;transform:translate(-50%)rotate(18deg)}.sb-swatch span{color:var(--gold-l);font-size:10px;position:absolute;bottom:2px;left:0;right:0}.sb-swatch.on{border-color:var(--gold);box-shadow:0 0 14px -2px var(--c)}.sb-objective{border:2px solid var(--gold-d);letter-spacing:.5px;color:#fff;max-width:calc(70 * var(--vw));text-align:center;background:#0a0806b8;border-radius:10px;align-items:center;gap:10px;padding:7px 16px;font-size:13px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 3px #000}.sb-objective .k{letter-spacing:2px;color:var(--gold);opacity:.9;font-size:10px}.sb-boss{width:min(560px, calc(70 * var(--vw)));text-align:center;position:absolute;top:60px;left:50%;transform:translate(-50%)}.sb-boss strong{letter-spacing:3px;color:#ffd9d2;text-shadow:0 2px #000;font-size:15px;display:block}.sb-bossbar{background:#170d0d;border:2px solid #a8342a;border-radius:8px;height:14px;margin-top:5px;overflow:hidden;box-shadow:0 3px #000}.sb-bossbar i{transform-origin:0;background:linear-gradient(#ff9d8a,#e03a24 45%,#7d1a10);height:100%;display:block}.sb-levelend{pointer-events:auto;text-align:center;background:#060509d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.sb-levelend h2{letter-spacing:4px;color:var(--gold-l);text-shadow:0 4px #000;margin:0;font-size:46px}.sb-endstats{color:#fff;grid-template-columns:auto auto;gap:4px 22px;font-size:14px;display:grid}.sb-endstats b{color:var(--gold);font-weight:400}.sb-cut{z-index:40;cursor:pointer;position:absolute;inset:0}.sb-cut-bar{height:calc(12 * var(--vh));background:#000;position:absolute;left:0;right:0}.sb-cut-bar.top{top:0}.sb-cut-bar.bottom{bottom:0}.sb-cut-line{left:50%;bottom:calc(13.5 * var(--vh));width:min(860px, calc(84 * var(--vw)));border:2px solid var(--gold-d);background:#08070ac7;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px #000}.sb-cut-portrait{flex:none;width:66px;height:66px}.sb-cut-face{width:66px;height:66px}.sb-cut-text{text-align:left}.sb-cut-text strong{letter-spacing:2px;color:var(--gold);margin-bottom:4px;font-size:12px;display:block}.sb-cut-text span{color:#fff;font-size:17px;line-height:1.35}.sb-cut-skip{right:18px;bottom:calc(4.5 * var(--vh));letter-spacing:1px;color:#cfc3ae;opacity:.7;font-size:11px;position:absolute}.sb-picker{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0;display:flex}.sb-picker .k{letter-spacing:1px;color:var(--gold-l);opacity:.85;font-size:11px}.sb-chip{font:inherit;letter-spacing:1px;color:#fff;border:2px solid var(--gold-d);cursor:pointer;background:#1a1410;border-radius:8px;padding:5px 10px;font-size:12px}.sb-chip.on{border-color:var(--gold);box-shadow:0 0 12px -3px var(--gold);background:#2d2113}.sb-drop{font:inherit;color:#fff;border:2px solid var(--gold-d);cursor:pointer;background:#1a1410;border-radius:8px;padding:5px 8px;font-size:12px}.sb-hilts{flex-direction:column;gap:6px;display:flex}.sb-hilt{background:var(--panel);min-height:44px;color:var(--gold-l);cursor:pointer;border:2px solid #3a2e1c;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sb-hilt strong{font:14px/1 var(--display)}.sb-hilt span{opacity:.7;font-size:12px}.sb-hilt.on{border-color:var(--gold)}.sb-select-note{opacity:.7;margin:4px 0;font-size:12px}.sb-lobby{pointer-events:auto;background:radial-gradient(at 50% 40%,#08080a59,#08080ae6 75%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sb-lobby-card{width:min(420px, calc(92 * var(--vw)));max-height:calc(92 * var(--vh));background:var(--panel);border:2px solid var(--gold-d);border-radius:16px;flex-direction:column;gap:14px;padding:22px;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0009}.sb-lobby-card.wide{width:min(640px, calc(94 * var(--vw)))}.sb-field{font:12px/1 var(--display);letter-spacing:.12em;color:var(--gold);flex-direction:column;flex:1;gap:6px;display:flex}.sb-input{color:#fff;background:#0b0a08;border:2px solid #3a2e1c;border-radius:10px;outline:none;min-height:44px;padding:8px 12px;font:16px/1.2 system-ui,sans-serif}.sb-input:focus{border-color:var(--gold)}.sb-input.code{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase}.sb-input.bad{border-color:#ff5a4a;animation:.2s linear 2 sb-deny}.sb-join-row{align-items:flex-end;gap:10px;display:flex}.sb-or{text-align:center;opacity:.6;font-size:13px}.sb-btn.small{min-height:40px;padding:8px 14px;font-size:14px}.sb-btn:disabled{opacity:.5;cursor:default;transform:none}.sb-room-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sb-room-head .k{font:12px/1 var(--display);letter-spacing:.14em;color:var(--gold);display:block}.sb-room-head strong{font:40px/1 var(--display);letter-spacing:.16em;color:#fff;text-shadow:0 0 16px #48d6ff80}.sb-status{opacity:.8;font-size:13px}.sb-modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sb-mode{min-height:60px;color:var(--gold-l);cursor:pointer;background:#0e0c0a;border:2px solid #3a2e1c;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.sb-mode strong{font:15px/1 var(--display);letter-spacing:.05em}.sb-mode span{opacity:.75;font-size:12px}.sb-mode.on{border-color:var(--gold);box-shadow:0 0 16px -4px var(--gold)}.sb-teams{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sb-team{min-height:44px;font:14px/1 var(--display);cursor:pointer;background:#0e0c0a;border:2px solid;border-radius:10px}.sb-team.gold{color:#ffc44d;border-color:#8a6a24}.sb-team.azure{color:#7ccaff;border-color:#2a5a80}.sb-players{flex-direction:column;gap:6px;display:flex}.sb-player{background:#0e0c0a;border:1px solid #2c2318;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.sb-player.you{border-color:var(--gold-d)}.sb-player-portrait{flex:none;width:44px;height:44px}.sb-player .who{flex-direction:column;flex:1;min-width:0;display:flex}.sb-player .who strong{font:15px/1.2 var(--display);color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-player .who em{color:var(--hero);margin-left:6px;font-size:11px;font-style:normal}.sb-player .who span{opacity:.7;font-size:12px}.sb-badge{font:11px/1 var(--display);letter-spacing:.08em;border-radius:6px;padding:5px 8px}.sb-badge.t1{color:#1a1208;background:#ffc44d}.sb-badge.t2{color:#06121c;background:#4db8ff}.sb-match{pointer-events:none;position:absolute;inset:0}.sb-strip{background:var(--panel);border:2px solid var(--gold-d);white-space:nowrap;border-radius:12px;align-items:center;gap:12px;padding:6px 14px;font-size:14px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.sb-strip .goal{font:11px/1 var(--display);letter-spacing:.12em;color:var(--gold)}.sb-strip .row{color:var(--gold-l);align-items:center;gap:6px;display:inline-flex}.sb-strip .row i{font-style:normal;font:11px/1 var(--display);color:var(--gold-d)}.sb-strip .row b,.sb-strip .team b{font:18px/1 var(--display);color:#fff}.sb-strip .row.you{color:var(--hero)}.sb-strip .team{font:14px/1 var(--display);letter-spacing:.06em}.sb-strip .team.t1{color:#ffc44d}.sb-strip .team.t2{color:#7ccaff}.sb-strip .flag{background:#0e0c0a;border-radius:6px;padding:3px 6px;font-size:11px}.sb-strip .flag.t1{color:#ffc44d}.sb-strip .flag.t2{color:#7ccaff}.sb-strip .flag.carried{color:#fff;background:#5a1a10}.sb-strip .flag.dropped{background:#3a2e10}.sb-feed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:70px;right:14px}.sb-feed-line{background:var(--panel);color:var(--gold-l);border:1px solid #3a2e1c;border-radius:8px;padding:4px 10px;font-size:13px;transition:opacity .8s}.sb-feed-line b{color:#fff;font-weight:600}.sb-feed-line b.you{color:var(--hero)}.sb-feed-line span{color:#ff6a3d;margin:0 4px}.sb-feed-line.old{opacity:0}.sb-respawn{text-align:center;font:28px/1 var(--display);letter-spacing:.1em;color:var(--gold-l);text-shadow:0 3px #1a1208,0 0 20px #d4af5f80;position:absolute;top:40%;left:0;right:0}.sb-results{pointer-events:auto;background:radial-gradient(at 50% 40%,#08080a4d,#08080ae0 75%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sb-results-card{width:min(520px, calc(92 * var(--vw)));background:var(--panel);border:2px solid var(--gold-d);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:22px;display:flex}.sb-results-card .sb-select-title{font-size:52px}.sb-results-sub{color:var(--gold-l);margin:0}.sb-results-table{grid-template-columns:1fr auto auto auto;gap:6px 18px;width:100%;font-size:15px;display:grid}.sb-results-table .h{font:11px/1 var(--display);letter-spacing:.12em;color:var(--gold)}.sb-results-table .n{color:#fff}.sb-results-table .n.you{color:var(--hero)}.sb-results-table .n i{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.sb-results-table .n i.t1{background:#ffc44d}.sb-results-table .n i.t2{background:#4db8ff}.sb-diag{width:min(520px, calc(90 * var(--vw)));max-height:calc(60 * var(--vh));border:2px solid var(--gold-d);pointer-events:auto;-webkit-user-select:text;user-select:text;background:#08080aeb;border-radius:10px;position:absolute;top:12px;right:12px;overflow:auto}.sb-diag-head{font:13px/1 var(--display);letter-spacing:.08em;color:var(--gold);border-bottom:1px solid var(--gold-d);padding:8px 12px}.sb-diag-head span{float:right;color:var(--gold-l);opacity:.7;letter-spacing:0;font:11px system-ui,sans-serif}.sb-diag pre{color:#e8e2cf;white-space:pre-wrap;margin:0;padding:10px 12px;font:12px/1.45 ui-monospace,Consolas,monospace}.sb-modes.menu{grid-template-columns:repeat(2,minmax(180px,240px));gap:14px;max-width:520px}.sb-modes.menu .sb-mode{text-align:center;justify-content:center;align-items:center;gap:8px;min-height:96px;padding:16px}.sb-modes.menu .sb-mode strong{letter-spacing:.1em;font-size:22px}.sb-modes.menu .sb-mode span{max-width:190px}.sb-modes.menu .sb-mode:hover{border-color:var(--gold);box-shadow:0 0 18px -4px var(--gold)}.sb-soon{letter-spacing:.14em;opacity:.7;border:1px solid;border-radius:6px;margin-left:8px;padding:2px 6px;font-size:10px}.sb-screen .sb-picker{justify-content:center}body.sb-narrow .sb-modes.menu{grid-template-columns:1fr;max-width:320px}body.sb-narrow .sb-modes.menu .sb-mode{min-height:68px;padding:12px}.sb-reticle.throw{--c:#8be6ff;--glow:#8be6ffe6}.sb-reticle.throw i{border-width:4px}.sb-cross{--sp:8px;--cc:#9dffc4;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.sb-cross i{background:var(--cc);transition:transform 60ms linear;position:absolute;box-shadow:0 0 0 1px #000000d9,0 0 6px #000c}.sb-cross .up,.sb-cross .down{width:3px;height:9px;left:-1.5px}.sb-cross .left,.sb-cross .right{width:9px;height:3px;top:-1.5px}.sb-cross .up{top:calc(var(--sp) * -1 - 9px)}.sb-cross .down{top:var(--sp)}.sb-cross .left{left:calc(var(--sp) * -1 - 9px)}.sb-cross .right{left:var(--sp)}.sb-cross .dot{background:var(--cc);border-radius:50%;width:3px;height:3px;position:absolute;top:-1.5px;left:-1.5px;box-shadow:0 0 0 1px #000000d9,0 0 6px #000c}.sb-cross.zoom{--cc:#cfe9ff}.sb-cross.zoom .dot{width:5px;height:5px;top:-2.5px;left:-2.5px}.sb-cross .hitmark{opacity:0;background:linear-gradient(45deg,#0000 42%,#ff6a4a 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,#ff6a4a 42% 58%,#0000 58%);width:22px;height:22px;position:absolute;top:-11px;left:-11px;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}.sb-cross.hit .hitmark{opacity:1;transition:none;transform:scale(1.25)}.sb-scope{pointer-events:none;background:radial-gradient(circle at 50% 50%, transparent 0, transparent calc(27 * var(--vh)), #000000f7 calc(28 * var(--vh)));position:absolute;inset:0}.sb-scope .ring{width:calc(54 * var(--vh));height:calc(54 * var(--vh));border:2px solid #a0e1ff80;border-radius:50%;margin:-27vh 0 0 -27vh;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 40px #000000e6}.sb-scope .h,.sb-scope .v{background:#beebffbf;position:absolute;top:50%;left:50%}.sb-scope .h{width:calc(54 * var(--vh));height:1px;margin:0 0 0 -27vh}.sb-scope .v{height:calc(54 * var(--vh));width:1px;margin:-27vh 0 0}.sb-scope .mag{margin:calc(18 * var(--vh)) 0 0 -3vh;width:calc(6 * var(--vh));text-align:center;font:14px/1 var(--display);letter-spacing:.12em;color:#bfe9ff;position:absolute;top:50%;left:50%}.sb-confirm{color:var(--gold-l);opacity:.9;align-self:center;font-size:14px}.sb-help{width:min(560px, calc(92 * var(--vw)));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0807d1;border:2px solid #3a2e1c;border-radius:14px;padding:14px}.sb-help-tabs{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.sb-seg{border:1px solid #4a3a22;border-radius:999px;display:flex;overflow:hidden}.sb-seg button{font:11px/1 var(--display);letter-spacing:.1em;color:var(--gold-l);cursor:pointer;opacity:.55;background:0 0;border:0;padding:6px 13px}.sb-seg button.on{opacity:1;color:#fff;background:#2d2113}.sb-help-rows{text-align:left;max-height:min(calc(46 * var(--vh)), 420px);flex-direction:column;gap:1px;display:flex;overflow-y:auto}.sb-help-row{border-radius:6px;grid-template-columns:1fr auto;align-items:baseline;gap:10px;padding:5px 6px;display:grid}.sb-help-row:nth-child(odd){background:#ffffff08}.sb-help-row .a{color:#efe4cf;font-size:13px}.sb-help-row .k{font:11px/1.5 var(--display);letter-spacing:.06em;color:var(--gold);white-space:nowrap}.sb-help-row .n{opacity:.6;color:#cbbba0;grid-column:1/-1;font-size:11px}.sb-help[data-who=knight] .sb-help-row[data-who=soldier],.sb-help[data-who=soldier] .sb-help-row[data-who=knight],.sb-help[data-dev=k] .k[data-dev=p],.sb-help[data-dev=k] .k[data-dev=t],.sb-help[data-dev=p] .k[data-dev=t],.sb-help[data-dev=t] .k[data-dev=k],.sb-help[data-dev=t] .k[data-dev=p],.sb-help[data-dev=p] .k[data-dev=k],body.sb-lowh .sb-help-row .n{display:none}body.sb-lowh .sb-help{padding:10px}.sb-cross.head .hitmark{background:linear-gradient(45deg,#0000 40%,#ffd24a 40% 60%,#0000 60%),linear-gradient(-45deg,#0000 40%,#ffd24a 40% 60%,#0000 60%);transform:scale(1.7)}.sb-plates{pointer-events:none;position:absolute;inset:0}.sb-plate{--k:1;transform-origin:50% 100%;white-space:nowrap;flex-direction:column;align-items:center;gap:3px;margin:0;display:flex;position:absolute;top:0;left:0}.sb-plate>*{transform:scale(var(--k));transform-origin:50% 100%}.sb-plate .n{font:12px/1.25 var(--display);letter-spacing:.08em;text-shadow:0 1px 2px #000;background:#08080a9e;border-radius:6px;padding:2px 7px;position:relative;left:-50%}.sb-plate .hp{background:#08080ab3;border-radius:3px;width:58px;height:4px;position:relative;left:-50%;overflow:hidden}.sb-plate .hp i{transform-origin:0;border-radius:3px;height:100%;display:block}.sb-plate.ally .n{color:#8dffb4;box-shadow:inset 0 0 0 1px #5eff8a73}.sb-plate.ally .hp i{background:#5eff8a}.sb-plate.foe .n{color:#ff9d8d;box-shadow:inset 0 0 0 1px #ff5a4a80}.sb-plate.foe .hp i{background:#ff5a4a}.sb-dmgs{pointer-events:none;position:absolute;inset:0}.sb-dmg{font:17px/1 var(--display);letter-spacing:.04em;color:#ffe9b0;text-shadow:0 2px 3px #000,0 0 10px #000c;margin-left:-14px;position:absolute;top:0;left:0}.sb-dmg.crit{color:#ffd24a;font-size:24px}.sb-hurt{pointer-events:none;position:absolute;inset:0}.sb-hurt i{transform-origin:50%;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.sb-hurt i:before{content:"";background:radial-gradient(at 50% 100%,#ff4637d9,#ff463700 70%);border-radius:50%;width:140px;height:34px;position:absolute;top:-150px;left:-70px}.sb-ult{--uc:#ffd66b;--uc2:#6a3a10;pointer-events:none;filter:drop-shadow(0 4px #000);width:156px;height:156px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.sb-ult .halo{background:conic-gradient(from 0deg, transparent, var(--uc), transparent 30%, var(--uc2), transparent 60%, var(--uc), transparent);opacity:.25;filter:blur(6px);border-radius:50%;animation:6s linear infinite sb-ultspin;position:absolute;inset:-10px}.sb-ult svg{position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.sb-ult circle{fill:none}.sb-ult circle.bg{stroke:#0c0907;stroke-width:13px}.sb-ult circle.ticks{stroke:#ffffff1f;stroke-width:13px;stroke-dasharray:1.5 11.7}.sb-ult circle.fg{stroke:url(#sbUltGrad);stroke-width:11px;stroke-dasharray:264;stroke-dashoffset:264px;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--uc));transition:stroke-dashoffset .3s}.sb-ult .core{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--uc) 35%, #1a120c), #070504 70%);box-shadow:inset 0 0 18px color-mix(in srgb, var(--uc) 40%, transparent);text-align:center;border:2px solid #000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:22px}.sb-ult b{font-family:var(--display);letter-spacing:.06em;color:#fff;max-width:96px;text-shadow:0 0 8px var(--uc);font-size:11px}.sb-ult strong{font-family:var(--display);color:var(--uc);text-shadow:0 2px 0 #000, 0 0 12px var(--uc);margin-top:3px;font-size:26px}.sb-ult span{letter-spacing:.14em;color:#fff;opacity:.8;margin-top:3px;font-size:9px}.sb-ult i{color:var(--gold-l);opacity:.45;margin-top:3px;font-size:9px;font-style:normal}.sb-ult.ready .halo{opacity:.9;animation-duration:1.6s}.sb-ult.ready{animation:.8s ease-in-out infinite sb-ultpulse}.sb-ult.ready i{opacity:1;color:#fff}.sb-ult.ready .core{box-shadow:0 0 30px 6px var(--uc), inset 0 0 22px var(--uc)}.sb-ult.active .halo{opacity:.7;animation-duration:2.2s}.sb-ult.active .core{box-shadow:0 0 36px 8px var(--uc), inset 0 0 20px var(--uc)}@keyframes sb-ultpulse{50%{transform:translate(-50%)scale(1.07)}}@keyframes sb-ultspin{to{transform:rotate(360deg)}}.sb-tide{font-family:var(--display);letter-spacing:.1em;color:#ffb070;pointer-events:none;background:#140804bf;border:2px solid #6a2a10;border-radius:999px;align-items:center;gap:8px;padding:4px 14px;font-size:12px;display:flex;position:absolute;top:46px;left:50%;transform:translate(-50%)}.sb-tide i{background:#ff6a1a;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #ff6a1a}.sb-tide.soon{color:#fff;border-color:#ff6a1a;animation:.5s ease-in-out infinite sb-tidepulse}.sb-tide.up{color:#fff;background:#781e06d9;border-color:#ffb040}@keyframes sb-tidepulse{50%{box-shadow:0 0 18px 2px #ff6a1a}}.sb-tide.moon{color:#cfe0ff;background:#080c28cc;border-color:#5a7aff}.sb-tide.moon i{background:#9fd0ff;box-shadow:0 0 8px #9fd0ff}html{touch-action:manipulation}body.sb-touch #app canvas{touch-action:none}.sb-touch-layer{--u:min(1px, .232vmin);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.sb-stick{opacity:0;pointer-events:none;width:0;height:0;transition:opacity .12s;position:absolute;top:0;left:0}.sb-stick.on{opacity:1}.sb-stick:before{content:"";background:radial-gradient(circle,#0a08061a,#0a080666);border:2px solid #f2dfa473;border-radius:50%;width:128px;height:128px;position:absolute;top:-64px;left:-64px}.sb-stick-knob{opacity:.85;background:radial-gradient(circle at 40% 35%,#f2dfa4,#8a6a24);border-radius:50%;width:60px;height:60px;position:absolute;top:-30px;left:-30px;box-shadow:0 0 14px #f2dfa480}.sb-touch-btns{pointer-events:none;position:absolute;inset:0}.sb-tbtn{right:calc(var(--r) * var(--u) + env(safe-area-inset-right,0px));bottom:calc(var(--b) * var(--u) + env(safe-area-inset-bottom,0px));width:calc(var(--d) * var(--u));height:calc(var(--d) * var(--u));pointer-events:auto;color:#f2dfa4;min-width:44px;min-height:44px;font-family:var(--display);font-size:clamp(9px, calc(var(--d) * var(--u) * .16), 15px);letter-spacing:.04em;background:radial-gradient(circle at 50% 30%,#3c2e1ab8,#080705b8);border:2px solid #d4af5fb3;border-radius:50%;justify-content:center;align-items:center;transition:transform 60ms,background 60ms;display:flex;position:absolute;box-shadow:0 3px #0009}.sb-tbtn span{pointer-events:none;text-shadow:0 1px #000}.sb-tbtn.primary{color:#fff;font-size:clamp(11px, calc(var(--d) * var(--u) * .17), 18px);background:radial-gradient(circle at 50% 30%,#d4af5f8c,#281c0acc);border-color:#f2dfa4}.sb-tbtn.down{color:#000;background:radial-gradient(circle at 50% 30%,#f2dfa4cc,#8a6a24d9);transform:scale(.9)}.sb-tbtn.down span{text-shadow:none}.sb-tbtn.on{color:#9dffc4;border-color:#9dffc4;box-shadow:0 0 14px #9dffc499}.sb-tbtn[data-id=grab][data-label=RIDE],.sb-tbtn[data-id=grab][data-label=THROW]{color:#8be6ff;border-color:#8be6ff;box-shadow:0 0 14px #8be6ff99}.sb-touch-pause{top:calc(10px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));background:#080705b3;border:2px solid #d4af5fb3;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:0;display:flex;position:absolute}.sb-touch-pause i{background:#f2dfa4;border-radius:2px;width:5px;height:16px}.sb-rotate{display:none}body.sb-touch .sb-ult{pointer-events:auto;transform-origin:50% 100%;bottom:6px;transform:translate(-50%)scale(.72)}body.sb-touch .sb-ult.ready{animation:.8s ease-in-out infinite sb-ultpulse-touch}@keyframes sb-ultpulse-touch{50%{transform:translate(-50%)scale(.8)}}body.sb-touch .sb-ult i{font-size:0}body.sb-touch .sb-ult.ready i:after{content:"TAP";font-size:10px}body.sb-touch #app canvas{cursor:default}body.sb-short .sb-screen{padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;justify-content:flex-start;gap:8px;overflow-y:auto}body.sb-short .sb-screen .sb-logo{font-size:40px!important}body.sb-short .sb-screen .sb-row{flex-wrap:wrap;justify-content:center;gap:8px}body.sb-short .sb-screen .sb-btn{min-height:44px;padding:8px 16px;font-size:15px}body.sb-short .sb-help{max-height:calc(52 * var(--vh))}body.sb-rotated{--vw:1vh;--vh:1vw}body.sb-rotated #app,body.sb-rotated #hud{transform-origin:0 0;width:100vh;height:100vw;position:fixed;inset:0 auto auto 100vw;transform:rotate(90deg)}body.sb-rotated #app canvas{width:100vh;height:100vw}.sb-mapdrop{min-width:min(320px, calc(80 * var(--vw)));min-height:44px;font-family:var(--display);letter-spacing:.06em;padding:8px 12px;font-size:16px}.sb-tide.pulse{color:#bffff4;background:#04181ccc;border-color:#3ab8b0}.sb-tide.pulse i{background:#7affe8;box-shadow:0 0 8px #7affe8}.sb-tide.pulse.soon{color:#fff;border-color:#7affe8;animation:.5s ease-in-out infinite sb-pulsewarn}.sb-tide.pulse.up{color:#fff;background:#146e6ee6;border-color:#fff}@keyframes sb-pulsewarn{50%{box-shadow:0 0 18px 2px #7affe8}}.sb-lobby-card.wide.slots-teams{width:min(940px, calc(96 * var(--vw)))}.sb-slots{grid-template-columns:1fr;gap:10px;display:grid}.sb-slots.teams{grid-template-columns:1fr 1fr}.sb-slot-col{background:#0b0a08;border:1px solid #2c2318;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:6px;display:flex}.sb-slot-col.t1{border-color:#6a5220}.sb-slot-col.t2{border-color:#24506f}.sb-slot-head{font:13px/1 var(--display);letter-spacing:.12em;color:var(--gold-l);justify-content:space-between;align-items:center;gap:8px;padding:2px 6px 4px;display:flex}.sb-slot-col.t1 .sb-slot-head{color:#ffc44d}.sb-slot-col.t2 .sb-slot-head{color:#7ccaff}.sb-slot-head .n{opacity:.7;margin-left:auto;font-size:12px}.sb-slot-list{flex-direction:column;gap:4px;display:flex}.sb-slot-col.ffa .sb-slot-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.sb-slot{background:#120f0b;border:1px solid #2c2318;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:3px 6px;display:flex}.sb-slot.you{border-color:var(--gold-d)}.sb-slot.empty{opacity:.8;background:0 0;border-style:dashed}.sb-slot-portrait{flex:none;width:32px;height:32px}.sb-slot-random{color:var(--gold);font:18px/1 var(--display);background:#1a1410;border-radius:6px;place-items:center;display:grid}.sb-slot .who{flex-direction:column;flex:100px;min-width:0;display:flex}.sb-slot .who strong{font:13px/1.2 var(--display);color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-slot .who em{color:var(--hero);margin-left:4px;font-size:10px;font-style:normal}.sb-slot .who .tag{letter-spacing:.06em;color:#b9a88a;opacity:1;font-size:10px}.sb-slot.bot.s0 .who .tag{color:#8fd38a}.sb-slot.bot.s2 .who .tag{color:#ffb14d}.sb-slot.bot.s3 .who .tag{color:#ff6f6f}.sb-slot .who span{opacity:.65;font-size:11px}.sb-slot-drop{font:inherit;color:#fff;border:1px solid var(--gold-d);cursor:pointer;background:#1a1410;border-radius:6px;max-width:112px;min-height:30px;padding:2px 4px;font-size:12px}.sb-slot-drop:disabled,.sb-slot-x:disabled,.sb-slot-add:disabled{opacity:.45;cursor:default}.sb-slot-x{color:#ffb0a0;cursor:pointer;background:#1a1410;border:1px solid #5a2a22;border-radius:6px;flex:none;width:30px;height:30px;padding:0;font:18px/1 system-ui,sans-serif}.sb-slot-x.swap{color:var(--gold-l);border-color:var(--gold-d);font-size:14px}.sb-slot-add{min-height:30px;font:12px/1 var(--display);letter-spacing:.1em;color:var(--gold-l);cursor:pointer;background:0 0;border:1px solid #3a2e1c;border-radius:6px;flex:1}.sb-slot-add:hover:not(:disabled){border-color:var(--gold);color:#fff}.sb-slot-add.join{color:#8fe0ff;border-color:#2a5a80;flex:none;padding:0 12px}.sb-slot-open{text-align:center;opacity:.45;letter-spacing:.1em;flex:1;font-size:11px}body.sb-short .sb-slot-drop,body.sb-narrow .sb-slot-drop{max-width:150px;min-height:36px;font-size:16px}body.sb-short .sb-slot-x,body.sb-narrow .sb-slot-x{width:40px;height:40px}body.sb-short .sb-slot-add,body.sb-narrow .sb-slot-add{min-height:40px}body.sb-short .sb-lobby-card.wide{max-height:calc(96 * var(--vh));gap:10px;padding:12px}body.sb-short .sb-slot-col.ffa .sb-slot-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}body.sb-narrow:not(.sb-short) .sb-slots.teams{grid-template-columns:1fr}body.sb-narrow .sb-lobby-card .sb-row,body.sb-short .sb-lobby-card .sb-row{flex-wrap:wrap;justify-content:center}.sb-host-only{display:none!important}