:root{--bg:#15161a;--panel:#1e2026;--panel-2:#262931;--line:#343842;--text:#eeece8;--muted:#9b9ea6;--accent:#f2c230;--accent-ink:#1a1505;--red:#e5452f;--blue:#4fb8ff;--green:#5bc95b;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--display:"Russo One", Impact, "Arial Black", sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;margin:0;font-weight:500;overflow:hidden}#c{width:100vw;height:100vh;touch-action:none;height:100dvh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#app{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.screen{pointer-events:auto;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen.on{display:flex}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}kbd{border:1px solid var(--line);background:var(--panel-2);min-width:1.6em;font:600 .85em/1.5 var(--body);text-align:center;border-bottom-width:2px;border-radius:4px;margin:0 .1em;padding:0 .35em;display:inline-block}.btn{min-height:52px;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;padding:0 24px;font-size:18px;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn:hover{background:#2f333c}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#ffd85a;box-shadow:0 3px #a5800f}.btn.primary:hover{background:#ffd14a}.btn.ghost{background:0 0}.btn.small{min-height:40px;padding:0 14px;font-size:14px}.icon-btn{border:1px solid var(--line);background:#14151ab3;border-radius:10px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.link{color:var(--muted);padding:8px;font-size:14px;text-decoration:underline}#menu{padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));justify-content:flex-start;align-items:center}.menu-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);background:#15161ad1;border-radius:16px;width:min(420px,100%);max-height:100%;margin-left:max(0px,min(4vw,64px));padding:28px 24px 18px;overflow-y:auto}.logo{font-family:var(--display);text-transform:uppercase;margin:0;font-weight:400;line-height:.88}.logo span{font-size:max(56px,min(16vw,92px));display:block}.logo span:first-child{color:var(--text)}.logo span:last-child{color:var(--red);text-shadow:0 4px #6b160c;letter-spacing:.02em}.logo i{color:var(--accent);text-shadow:0 4px #7a5d05;font-style:normal;display:inline-block;transform:skew(-12deg)translate(2px)}.tag{color:var(--muted);margin:10px 0 18px;font-size:16px}.profile-chip{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;display:grid}.profile-chip div{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:8px;min-width:0;padding:8px 6px}.profile-chip small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;display:block}.profile-chip b{font-family:var(--display);white-space:nowrap;font-size:18px;font-weight:400}.menu-btns{gap:10px;display:grid}.menu-btns .primary{min-height:64px;font-size:24px}.menu-btns .row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-btns .row3{grid-template-columns:1fr .85fr 1.35fr;gap:8px;display:grid}.menu-btns .row3 .btn{letter-spacing:.01em;white-space:nowrap;min-width:0;padding:0 4px;font-size:15px;overflow:hidden}.menu-foot{gap:4px;margin-top:12px;display:grid}.menu-icons{justify-content:center;gap:8px;display:flex}.help-btn{font:400 20px var(--display)}.menu-links{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:2px;display:flex}.menu-links .link{white-space:nowrap;padding:6px 4px;font-size:13px;text-decoration:none}.menu-links .link:hover{color:var(--text);text-decoration:underline}.menu-links .link+.link:before{content:"·";color:var(--muted);opacity:.6;margin-right:6px;text-decoration:none;display:inline-block}@media (max-width:520px){#menu{padding:calc(10px + var(--sat)) calc(10px + var(--sar)) calc(10px + var(--sab)) calc(10px + var(--sal));justify-content:center}.menu-card{margin-left:0;padding:18px 16px 10px}.logo span{font-size:max(40px,min(13vw,58px));display:inline}.tag{margin:4px 0 12px;font-size:15px}.profile-chip{margin-bottom:12px}.profile-chip div{padding:6px 4px}.profile-chip b{font-size:16px}.menu-btns{gap:8px}.menu-btns .btn{min-height:48px;font-size:17px}.menu-btns .primary{min-height:56px;font-size:22px}.menu-btns .row2,.menu-btns .row3{gap:8px}.menu-btns .row3 .btn{font-size:14px}}@media (max-width:380px){.menu-btns .row3 .btn{letter-spacing:0;font-size:13px}.daily-btn{min-height:52px;padding:0 14px}.acct-chip{margin:-4px 0 10px}.menu-foot{margin-top:8px}}@media (max-height:520px) and (min-aspect-ratio:1){#menu{padding:calc(8px + var(--sat)) calc(12px + var(--sar)) calc(8px + var(--sab)) calc(12px + var(--sal));justify-content:center;align-items:center}.menu-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:18px;width:min(860px,100%);margin-left:0;padding:14px 18px 8px;display:grid}.logo span{font-size:max(34px,min(6.5vw,58px));display:inline}.tag{margin:4px 0 10px;font-size:14px}.profile-chip{grid-template-columns:repeat(2,1fr);margin-bottom:0}.profile-chip div{padding:5px 4px}.profile-chip b{font-size:16px}.acct-chip{margin:0 0 8px}.menu-btns{gap:7px}.menu-btns .btn{min-height:42px;font-size:15px}.menu-btns .primary{min-height:50px;font-size:20px}.menu-btns .row2,.menu-btns .row3{gap:7px}.menu-btns .row3 .btn{font-size:13px}.daily-btn{min-height:46px;padding:0 12px}.menu-foot{grid-template-columns:auto 1fr;align-items:center;margin-top:6px}.menu-icons .icon-btn{width:38px;height:38px}.menu-links{justify-content:flex-end}}#garage{flex-direction:row}.g-preview{touch-action:none;cursor:grab;flex:1;min-width:0;position:relative}.g-top{top:calc(12px + var(--sat));left:calc(12px + var(--sal));align-items:center;gap:10px;display:flex;position:absolute;right:12px}#g-name{min-width:0;height:40px;font:400 20px var(--display);color:var(--text);text-transform:uppercase;border:1px solid var(--line);-webkit-user-select:text;-moz-user-select:text;user-select:text;background:#14151a99;border-radius:8px;outline:none;flex:0 260px;padding:0 12px}#g-name:focus{border-color:var(--accent)}.g-drag{text-align:center;color:var(--muted);pointer-events:none;margin:0;font-size:13px;position:absolute;bottom:10px;left:0;right:0}.g-panel{background:var(--panel);border-left:1px solid var(--line);width:min(440px,48vw);padding:calc(12px + var(--sat)) calc(12px + var(--sar)) 0 12px;flex-direction:column;display:flex}.g-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.credits small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:6px;font-size:11px}.credits b{font:400 24px var(--display);color:var(--accent)}.stats{gap:4px;margin-bottom:10px;display:grid}.stat{grid-template-columns:62px 1fr 74px;align-items:center;gap:8px;font-size:13px;display:grid}.stat span{color:var(--muted)}.stat b{text-align:right;font-weight:600}.bar{background:#121317;border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--accent);border-radius:3px;height:100%;transition:width .2s;display:block}.stat.over b{color:var(--red)}.stat.over .bar i{background:var(--red)}.tabs{scrollbar-width:none;touch-action:pan-x;flex-shrink:0;gap:4px;padding-bottom:8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{background:var(--panel-2);border:1px solid var(--line);height:36px;color:var(--muted);border-radius:8px;flex-shrink:0;padding:0 12px;font-size:14px;font-weight:600;position:relative}.tabs button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tabs button i{background:var(--green);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.list{-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:calc(16px + var(--sab));flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.hint{color:var(--muted);margin:0 0 2px;font-size:13px}.item{text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;transition:border-color .15s,background .15s}.item:hover{border-color:#4a4f5b}.item.equipped{border-color:var(--green);background:#1f2a22}.item.confirm{border-color:var(--accent);background:#2d2814}.item.poor{opacity:.6}.item-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.item .name{font:400 16px var(--display)}.item sup{color:var(--accent);font-size:10px}.item em{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap;font-size:12px;font-style:normal;font-weight:700}.item em.eq{color:var(--green)}.item em.cost{color:var(--accent)}.item em.cost.poor{color:var(--red)}.item em.buy{color:var(--accent);animation:.8s infinite alternate pulse}.item-stats{color:#c9cbd0;margin-top:2px;font-size:13px;font-weight:600}.item-desc{color:var(--muted);margin-top:2px;font-size:13px}@keyframes pulse{to{opacity:.5}}.paint h4{font:400 14px var(--display);color:var(--muted);text-transform:uppercase;margin:6px 0}.swatches{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:10px;display:grid}.swatches button{aspect-ratio:1;background:var(--c);border:2px solid #0000;border-radius:10px;box-shadow:inset 0 -4px #00000040}.swatches button.on{border-color:var(--text);outline:2px solid var(--accent);outline-offset:2px}@media (max-aspect-ratio:1),(max-width:700px){#garage{flex-direction:column}.g-preview{flex:0 0 38%}.g-panel{border-left:0;border-top:1px solid var(--line);width:100%;min-height:0;padding-top:10px;padding-left:calc(12px + var(--sal));flex:1}}#select{padding:calc(12px + var(--sat)) calc(12px + var(--sar)) 0 calc(12px + var(--sal));background:#0f1014e0;flex-direction:column}.sel-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sel-head h2{font:400 clamp(18px, 4vw, 26px) var(--display);text-transform:uppercase;flex:1;margin:0}.sel-rank{color:var(--muted);font-size:14px}.sel-list{touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-bottom:calc(16px + var(--sab));flex:1;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:10px;display:grid;overflow-y:auto}.opp{text-align:left;background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--c);border-radius:12px;gap:6px;padding:14px;display:grid}.opp:hover{border-color:#4a4f5b;border-left-color:var(--c)}.opp.rec{box-shadow:0 0 0 1px var(--accent)}.opp .top{justify-content:space-between;align-items:baseline;display:flex}.opp .name{font:400 20px var(--display);text-transform:uppercase}.opp .rk{color:var(--muted);font-weight:700}.opp .gear{color:#c9cbd0;font-size:13px}.opp .taunt{color:var(--muted);font-size:13px;font-style:italic}.opp .rw{gap:12px;font-size:13px;font-weight:700;display:flex}.opp .rw span:first-child{color:var(--accent)}.opp .rw span:last-child{color:var(--blue)}.opp .beat{color:var(--green);text-transform:uppercase;font-size:12px;font-weight:700}.opp .skill{letter-spacing:2px;color:var(--red);font-size:12px}#hud{pointer-events:none}#hud>*{pointer-events:auto}.hud-top{top:calc(8px + var(--sat));left:calc(64px + var(--sal));right:calc(64px + var(--sar));grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid;position:absolute;pointer-events:none!important}.fighter{min-width:0}.fighter.p2{text-align:right}.fname{font:400 15px var(--display);text-transform:uppercase;text-shadow:0 1px 3px #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hp,.en{background:#0000008c;border:1px solid #ffffff26;border-radius:4px;height:14px;margin-top:3px;overflow:hidden}.en{height:6px}.hp i,.en i{width:100%;height:100%;transition:width .15s;display:block}.hp i{background:linear-gradient(#7be07b,#3ea73e)}.hp i.mid{background:linear-gradient(#f5d250,#d9a514)}.hp i.low{background:linear-gradient(#ff7a5c,#d0331b)}.en i{background:var(--blue)}.p2 .hp i,.p2 .en i{margin-left:auto}.status{text-shadow:0 1px 2px #000;letter-spacing:.04em;min-height:16px;margin-top:3px;font-size:12px;font-weight:700}.status .emp{color:var(--blue)}.status .oil{color:#bbb}.status .glue{color:#d7e04a}.status .sh{color:#5ff}.status .ck{color:#c9a0ff}.timer{font:400 26px var(--display);text-shadow:0 2px 4px #000;padding-top:2px}.timer.low{color:var(--red)}.hud-pause{top:calc(8px + var(--sat));left:calc(8px + var(--sal));font-size:14px;position:absolute}.big-msg{text-align:center;font:400 clamp(48px, 14vw, 120px) var(--display);text-transform:uppercase;color:var(--accent);text-shadow:0 6px #7a5d05,0 10px 30px #0009;position:absolute;top:32%;left:0;right:0;pointer-events:none!important}.big-msg.pop{animation:.5s ease-out pop}.big-msg.red{color:var(--red);text-shadow:0 6px #6b160c,0 10px 30px #0009}.big-msg small{color:var(--text);text-shadow:0 2px 4px #000;font-size:.25em;display:block}@keyframes pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.keys-hint{bottom:calc(10px + var(--sab));color:#ffffffbf;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:13px;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}body.touch .keys-hint{display:none}#touch{display:none;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none!important}body.touch #touch{display:block}#stick-zone{pointer-events:auto;touch-action:none;width:50%;position:absolute;top:22%;bottom:0;left:0}.used .stick-hint{display:none}.stick-hint{left:calc(24px + var(--sal));bottom:calc(24px + var(--sab));color:#fff6;font-size:13px;position:absolute}#stick-base{width:128px;height:128px;left:calc(110px + var(--sal));top:calc(100% - 120px - var(--sab));opacity:.45;background:#0a0a0e40;border:2px solid #ffffff59;border-radius:50%;margin:-64px 0 0 -64px;transition:opacity .15s;position:fixed}#stick-base.on{opacity:1}#stick-knob{background:#ffffffd9;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000080}.tbtns{right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));width:210px;height:200px;position:absolute}.tb{pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#14151a99;border:2px solid #ffffff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:76px;height:76px;display:flex;position:absolute}.tb b{font:400 20px var(--display);line-height:1}.tb span{text-transform:uppercase;text-align:center;opacity:.9;max-width:68px;font-size:10px;font-weight:700;line-height:1.1}.tb.down{color:var(--accent-ink);border-color:var(--accent);background:#f2c230d9;transform:scale(.94)}.tb.active{border-color:var(--green);box-shadow:0 0 0 3px #5bc95b59}.tb.empty{display:none}.tb-front{border-color:#e5452fcc;width:92px;height:92px;bottom:0;right:0}.tb-tower{border-color:#4fb8ffcc;bottom:6px;right:104px}.tb-back{bottom:104px;right:10px}.tb-util{border-color:#5bc95bb3;width:64px;height:64px;bottom:96px;right:98px}.tb-rear{top:calc(60px + var(--sat));right:calc(10px + var(--sar));width:48px;height:48px;font-size:20px}@media (max-height:420px){.tbtns{transform-origin:100% 100%;transform:scale(.85)}.hud-top{top:calc(4px + var(--sat))}}.modal{z-index:5;background:#08090c99;justify-content:center;align-items:center;padding:16px}.panel{touch-action:pan-y;background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;gap:10px;width:min(420px,100%);max-height:100%;padding:22px;display:flex;overflow-y:auto}.panel h2{font:400 34px var(--display);text-transform:uppercase;margin:0 0 4px}.panel p{color:var(--muted);margin:0}.panel .row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.panel .row .btn{padding:0 10px;font-size:15px}#r-title.win{color:var(--accent)}#r-title.lose{color:var(--red)}.rewards{grid-template-columns:1fr 1fr;gap:8px;margin:6px 0;display:grid}.rewards div{background:var(--panel-2);border-radius:10px;padding:10px}.rewards small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;display:block}.rewards b{font:400 26px var(--display)}#r-credits{color:var(--accent)}.rank-up{min-height:0;font-weight:700;color:var(--green)!important}.rank-up:empty{display:none}.help{text-align:left;width:min(560px,100%)}.help h2{text-align:center}.help p{color:#c9cbd0;font-size:15px;line-height:1.45}.help table{border-collapse:collapse;width:100%;font-size:15px}.help th{text-align:left;color:var(--muted);white-space:nowrap;padding:4px 8px 4px 0;font-weight:600}.help td{padding:4px 0}#toast{left:50%;bottom:calc(24px + var(--sab));border:1px solid var(--line);max-width:min(92vw,480px);color:var(--text);text-align:center;opacity:0;pointer-events:none;z-index:10;background:#2b2e36;border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}#toast.on{opacity:1;transform:translate(-50%)}#h-danger{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 90px 30px #e5452fbf;pointer-events:none!important}#h-dmg{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none!important}.dmg{font:400 26px var(--display);color:var(--accent);text-shadow:0 2px #000,0 0 8px #0009;animation:.9s ease-out forwards dmg;position:absolute;transform:translate(-50%,-50%)}.dmg.taken{color:#ff8a73;font-size:20px}.dmg.big{font-size:38px}@keyframes dmg{0%{opacity:0;transform:translate(-50%,-30%)scale(1.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-160%)scale(.9)}}#h-arrow{opacity:0;place-items:center;width:46px;height:46px;transition:opacity .2s;display:grid;position:absolute;top:0;left:0;pointer-events:none!important}#h-arrow i{display:block;position:absolute;top:-16px;bottom:-16px;left:-16px;right:-16px}#h-arrow i:before{content:"";border-left:18px solid var(--red);filter:drop-shadow(0 1px 2px #000);border-top:11px solid #0000;border-bottom:11px solid #0000;margin-top:-11px;position:absolute;top:50%;right:-4px}#h-arrow span{font:400 13px var(--display);color:#fff;text-shadow:0 1px 3px #000;border:1px solid var(--red);background:#14151abf;border-radius:6px;padding:1px 5px}.tip-banner{left:50%;bottom:calc(22% + var(--sab));border:1px solid var(--accent);text-align:center;opacity:0;background:#14151ad9;border-radius:10px;width:min(560px,100% - 32px);padding:10px 14px;font-size:15px;font-weight:600;line-height:1.35;transition:opacity .3s;position:absolute;transform:translate(-50%);pointer-events:none!important}.tip-banner.on{opacity:1}.panel .tip{color:#c9cbd0;border-top:1px solid var(--line);padding-top:10px;font-size:14px}.panel .tip:empty{display:none}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row2 .btn{padding:0 10px;font-size:16px}.panel.online,.panel.lobby{width:min(460px,100%)}.panel h4{font:400 14px var(--display);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 0}.o-status{font-size:14px}.o-status.ok{color:var(--green)!important}.o-status.bad{color:var(--red)!important}.o-note{font-size:13px}.mode-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-card{text-align:center;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;gap:2px;padding:16px 12px;transition:border-color .15s,transform 80ms;display:grid}.mode-card:hover{border-color:var(--accent)}.mode-card:active{transform:scale(.98)}.mode-card b{font:400 20px var(--display);text-transform:uppercase;color:var(--accent)}.mode-card span{font-size:14px;font-weight:700}.mode-card i{color:var(--muted);font-size:12px;font-style:normal}.mode-card:disabled,.panel.online .btn:disabled{opacity:.45;pointer-events:none}.join{grid-template-columns:1fr auto;gap:8px;display:grid}.join input{border:1px solid var(--line);height:52px;color:var(--text);font:400 22px var(--display);letter-spacing:.3em;text-transform:uppercase;text-align:center;-webkit-user-select:text;-moz-user-select:text;user-select:text;background:#121317;border-radius:10px;outline:none;min-width:0}.join input:focus{border-color:var(--accent)}.l-code{background:var(--panel-2);border-radius:12px;justify-items:center;gap:4px;padding:12px;display:grid}.l-code small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.l-code b{font:400 44px var(--display);letter-spacing:.25em;color:var(--accent);padding-left:.25em}.slots{text-align:left;gap:6px;margin:0;padding:0;list-style:none;display:grid}.slots li{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.slots li i{background:var(--c);border-radius:4px;flex-shrink:0;width:14px;height:14px}.slots li em{color:var(--muted);text-transform:uppercase;margin-left:auto;font-size:12px;font-style:normal}.slots li.empty{color:var(--muted);background:0 0;border-style:dashed}.slots li.empty i{border:2px dashed var(--line);background:0 0}.slots li.you{border-color:var(--accent)}.l-fill{font-size:14px}.l-fill:empty{display:none}.l-dots:after{content:"";animation:1.2s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.foes{gap:4px;min-width:0;display:grid}.foes .fighter{text-align:right}.foes .fighter .hp i,.foes .fighter .en i{margin-left:auto}.foes.mini{gap:3px}.foes.mini .fighter{grid-template-columns:minmax(0,1fr) minmax(60px,46%);align-items:center;gap:8px;display:grid}.foes.mini .fname{font-size:12px}.foes.mini .hp{height:9px;margin:0}.foes.mini .en,.foes.mini .status{display:none}.fighter.out{opacity:.4}.fighter.out .fname:after{content:" · OUT";color:var(--red)}.fname .cpu{font:700 9px var(--body);color:var(--muted);border:1px solid var(--line);vertical-align:2px;border-radius:3px;margin-left:4px;padding:0 3px}.feed{top:calc(70px + var(--sat));justify-items:center;gap:4px;width:min(520px,90vw);display:grid;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.feed div{text-shadow:0 1px 2px #000;background:#14151ac7;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600;animation:4s forwards feed}.feed b{font-family:var(--display);color:var(--accent);font-weight:400}.feed b.me{color:#7fd6ff}@keyframes feed{0%{opacity:0;transform:translateY(-6px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.ping{top:calc(56px + var(--sat));left:calc(10px + var(--sal));color:#ffffff8c;font-size:11px;position:absolute;pointer-events:none!important}.spec{left:50%;bottom:calc(18px + var(--sab));border:1px solid var(--line);white-space:nowrap;background:#14151ad9;border-radius:12px;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-weight:700;display:none;position:absolute;transform:translate(-50%)}.spec.on{display:flex}.standings{text-align:left;gap:4px;margin:0;padding:0;list-style:none;display:grid}.standings:empty{display:none}.standings li{background:var(--panel-2);border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;font-weight:600;display:flex}.standings li.you{outline:1px solid var(--accent)}.standings li b{font:400 16px var(--display);width:2.2em;color:var(--muted)}.standings li:first-child b{color:var(--accent)}.standings li i{background:var(--c);border-radius:3px;width:10px;height:10px}.standings li em{color:var(--muted);margin-left:auto;font-size:12px;font-style:normal}.p-online{font-size:13px}.p-online:empty{display:none}@media (max-width:520px){.hud-top{left:calc(56px + var(--sal));right:calc(8px + var(--sar));gap:8px}.timer{font-size:20px}}body.spectating #touch,body.spectating .keys-hint{display:none!important}.acct-chip{background:var(--panel-2);border:1px solid var(--line);text-align:left;border-radius:999px;align-items:center;gap:10px;max-width:100%;margin:-8px 0 14px;padding:6px 12px 6px 6px;display:flex}.acct-chip:hover{border-color:var(--accent)}.acct-chip i,.a-who i{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);font:400 15px var(--display);border-radius:50%;flex-shrink:0;place-items:center;font-style:normal;display:grid}.acct-chip span{min-width:0;display:grid}.acct-chip b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.acct-chip small{color:var(--accent);font-size:12px;font-weight:600}.acct-chip.signed small{color:var(--muted)}.panel.acct{text-align:left;width:min(420px,100%)}.panel.acct h2{text-align:center}.a-lead{line-height:1.4;color:#c9cbd0!important;margin-bottom:4px!important}.btn.google{color:#1f1f1f;font-family:var(--body);text-transform:none;letter-spacing:0;background:#fff;border-color:#fff;gap:10px;width:100%;font-size:16px;font-weight:700}.btn.google:hover{background:#f2f2f2}.or{color:var(--muted);align-items:center;gap:10px;margin:4px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.a-form{gap:8px;display:grid}.a-form input,#a-name{border:1px solid var(--line);height:48px;color:var(--text);font:600 16px var(--body);-webkit-user-select:text;-moz-user-select:text;user-select:text;background:#121317;border-radius:10px;outline:none;min-width:0;padding:0 12px}.a-form input:focus,#a-name:focus{border-color:var(--accent)}.a-switch{text-align:center;font-size:13px}.a-switch .link{padding:4px}.a-who{background:var(--panel-2);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.a-who b{word-break:break-all;display:block}.a-who small{color:var(--muted);font-size:12px}.a-label{color:var(--muted);font-size:13px}.a-msg{text-align:center;min-height:0;font-size:14px}.a-msg:empty{display:none}.a-msg.err{color:var(--red)!important}.a-msg.ok{color:var(--green)!important}#stats,#leaderboard{padding:calc(12px + var(--sat)) calc(12px + var(--sar)) 0 calc(12px + var(--sal));background:#0f1014f0;flex-direction:column}.stats-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + var(--sab));flex:1;align-content:start;gap:12px;display:grid;overflow-y:auto}.tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px;display:grid}.empty-note{color:var(--muted);text-align:center;padding:30px 12px;font-size:15px;line-height:1.5}.history{gap:4px;margin:0;padding:0;list-style:none;display:grid}.history li{background:var(--panel-2);border-radius:8px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.history .pl{font:400 16px var(--display)}.history .pl.w{color:var(--accent)}.history .md{min-width:0;display:grid}.history .md b{font-weight:700}.history .md span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history .rw{text-align:right;font-weight:700;display:grid}.history .rw small{color:var(--muted);font-weight:600}.up{color:var(--green)}.down{color:var(--red)}.lb-you{background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:12px 14px;font-weight:600}.lb-table td .chip{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.lb-table td small{color:var(--muted);margin-left:6px}.lb-table tr.you td{background:#f2c2301f}.lb-table td:first-child{font:400 15px var(--display);color:var(--muted);width:3em}.lb-wrap{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:6px 8px;overflow-x:auto}.style h4{font:400 14px var(--display);color:var(--muted);text-transform:uppercase;margin:10px 0 6px}.style .hint.try{border:1px solid var(--accent);color:var(--text);background:#2d2814;border-radius:8px;padding:8px 10px}.ctargets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.ctargets button{background:var(--panel-2);border:1px solid var(--line);height:34px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.ctargets button.on{color:var(--text);border-color:var(--accent)}.ctargets i{background:var(--c);border-radius:4px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff40}.swatches .custom{aspect-ratio:1;cursor:pointer;background:conic-gradient(#f44,#fd4,#4f4,#4ff,#44f,#f4f,#f44);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.swatches .custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.swatches .custom span{font:400 20px var(--display);color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}.cosgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.cos{background:var(--panel-2);border:1px solid var(--line);text-align:left;border-radius:10px;align-content:start;gap:2px;min-height:54px;padding:9px 8px;display:grid}.cos b{font:400 13px var(--display);line-height:1.15}.cos em{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px;font-style:normal;font-weight:700}.cos em.eq{color:var(--green)}.cos em.cost{color:var(--accent)}.cos em.cost.poor{color:var(--red)}.cos em.buy{color:var(--accent);animation:.8s infinite alternate pulse}.cos.on{border-color:var(--green);background:#1f2a22}.cos.confirm{border-color:var(--accent);background:#2d2814}.numrow{align-items:center;gap:10px;margin:12px 0 4px;font-weight:600;display:flex}.numrow span{color:var(--muted);flex:1;font-size:14px}.numrow button{background:var(--panel-2);border:1px solid var(--line);width:40px;height:40px;font:400 20px var(--display);border-radius:10px}.numrow b{font:400 18px var(--display);text-align:center;min-width:3.2em}.link.danger{color:var(--red);justify-self:center;font-size:13px}.a-legal{text-align:center;font-size:13px}.a-legal a,.menu-foot a.link{color:var(--muted)}.gfx-warn{border:1px solid var(--red);color:#f1d5cf;background:#2d1a14;border-radius:10px;margin:-6px 0 16px;padding:10px 12px;font-size:14px;line-height:1.4}.gfx-warn .link{padding:6px 0 0;font-size:13px;display:block}.panel.settings{text-align:left;width:min(440px,100%)}.panel.settings h2{text-align:center}.opts{border:0;gap:6px;margin:0;padding:0;display:grid}.opts legend{font:400 14px var(--display);text-transform:uppercase;color:var(--muted);margin-bottom:6px}.opts label{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.opts label:has(input:checked){border-color:var(--accent)}.opts span{color:var(--muted);grid-column:2/4;font-size:13px}.opts input,.check input{accent-color:var(--accent);width:18px;height:18px}.check{cursor:pointer;align-items:center;gap:10px;padding:4px 2px;font-weight:600;display:flex}.s-info{word-break:break-word;font-size:12px;color:var(--muted)!important}#fps{right:calc(8px + var(--sar));bottom:calc(8px + var(--sab));z-index:30;pointer-events:none;color:#cfe8cf;white-space:pre;text-align:right;background:#0000008c;border-radius:6px;padding:4px 8px;font:600 12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed}.install-btn{border-color:var(--accent);color:var(--accent);background:0 0;gap:10px}.install-btn .ico,.panel.install .ico{flex-shrink:0;width:22px;height:22px}.nudge{text-align:left;border:1px solid var(--accent);color:#e9e4d4;background:#2d2814;border-radius:12px;gap:8px;padding:12px;font-size:14px;display:grid}.nudge .row{gap:8px;display:flex}.nudge .btn{flex:1}.panel.install{text-align:left;width:min(400px,100%)}.panel.install h2{text-align:center}.i-step{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:10px 0;display:grid}.i-step:last-child{border-bottom:0}.i-step .n{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);font:400 17px var(--display);border-radius:50%;place-items:center;display:grid}.i-step p{margin:0;line-height:1.4;color:#d5d7dc!important}.i-pill{color:#0a84ff;vertical-align:middle;background:#f2f2f7;border-radius:8px;align-items:center;gap:6px;margin:2px;padding:3px 9px;font-size:14px;font-weight:700;display:inline-flex}.i-pill.dark{color:#111}.i-arrow{z-index:6;color:var(--accent);text-shadow:0 2px 8px #000000b3;left:50%;bottom:calc(6px + var(--sab));pointer-events:none;font-size:44px;animation:.9s ease-in-out infinite alternate bob;position:fixed;transform:translate(-50%)}.i-arrow.top{bottom:auto;top:calc(4px + var(--sat));animation-name:bobup;left:auto;right:64px;transform:rotate(180deg)}.i-arrow[hidden]{display:none}@keyframes bob{0%{transform:translate(-50%,-10px)}to{transform:translate(-50%,4px)}}@keyframes bobup{0%{transform:rotate(180deg)translateY(-10px)}to{transform:rotate(180deg)translateY(4px)}}.arena-card{left:50%;top:calc(18% + var(--sat));border:1px solid var(--line);opacity:0;text-align:center;background:#14151acc;border-radius:12px;justify-items:center;gap:2px;max-width:calc(100% - 32px);padding:10px 18px;transition:opacity .35s,transform .35s;display:grid;position:absolute;transform:translate(-50%,-8px);pointer-events:none!important}.arena-card.on{opacity:1;transform:translate(-50%)}.arena-card small{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.arena-card b{font:400 26px var(--display);text-transform:uppercase}.arena-card span{color:#c9cbd0;font-size:14px;font-weight:600}.l-map{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.l-map:empty{display:none}.l-map>small{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.l-map button{border:1px solid var(--line);background:var(--panel-2,#262931);min-height:36px;color:var(--text);font:600 14px var(--body);cursor:pointer;border-radius:999px;padding:0 12px}.l-map button[aria-pressed=true]{border-color:var(--accent);color:#ffe08a;background:#3a3214}.l-map button:disabled{cursor:default;opacity:1}.opp .arena{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.daily-btn{text-align:left;background:linear-gradient(#2c2716,#221f14);border-color:#6b5a1c;justify-content:space-between;align-items:center;gap:10px;display:flex}.daily-btn span{min-width:0;display:grid}.daily-btn b{font:inherit}.daily-btn small{font:600 12px var(--body);color:#d9c78a;text-transform:none;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.daily-btn em{font:700 13px var(--body);color:#1a1505;background:var(--accent);border-radius:999px;flex-shrink:0;padding:2px 8px;font-style:normal}.panel.daily{text-align:left;width:min(480px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.panel.daily h2{margin:2px 0 4px}.kicker-sm{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.d-mod{color:#e7d9a8;margin:0 0 10px;font-weight:600}.d-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.d-grid>div{background:var(--panel-2,#262931);border:1px solid var(--line);border-radius:10px;min-width:0;padding:8px 10px}.d-grid .wide{grid-column:1/-1}.d-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800;display:block}.d-grid b{font-size:15px}.d-reward{color:var(--muted);margin:10px 0;font-size:13px}.d-board h3{font:400 15px var(--display);text-transform:uppercase;margin:4px 0 6px}.d-board ol{counter-reset:r;gap:4px;margin:0;padding:0;list-style:none;display:grid}.d-board li{counter-increment:r;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;font-size:14px;display:flex}.d-board li:before{content:counter(r);width:22px;color:var(--muted);font-weight:800}.d-board li.muted:before{content:none}.d-board li.muted{color:var(--muted)}.d-board li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.d-board li span i{color:#7ddc7a;font-style:normal}.d-board li.you{outline:1px solid var(--accent)}.d-you{margin:8px 0 12px;font-size:13px;font-weight:700}.d-you:empty{display:none}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.ach{border:1px solid var(--line);opacity:.75;background:#ffffff05;border-radius:10px;align-items:flex-start;gap:10px;padding:10px;display:flex}.ach.got{opacity:1;background:#2a2514;border-color:#6b5a1c}.ach>i{color:var(--muted);font-size:20px;font-style:normal;line-height:1.1}.ach.got>i{color:var(--accent)}.ach>div{flex:1;gap:2px;min-width:0;display:grid}.ach b{font-size:14px}.ach span{color:var(--muted);font-size:12.5px}.ach em{background:#ffffff14;border-radius:3px;height:5px;margin-top:3px;display:block;overflow:hidden}.ach em u{background:var(--accent);height:100%;display:block}.ach small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.ach>strong{color:var(--accent);white-space:nowrap;font-size:12px}.ach-toasts{top:calc(12px + var(--sat));z-index:60;pointer-events:none;gap:8px;width:min(380px,100% - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.ach-toast{border:1px solid var(--accent);opacity:0;background:#2a2514;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(-12px);box-shadow:0 10px 30px #00000080}.ach-toast.on{opacity:1;transform:none}.ach-toast>i{color:var(--accent);font-size:26px;font-style:normal}.ach-toast div{min-width:0;display:grid}.ach-toast small{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.ach-toast b{font:400 17px var(--display);text-transform:uppercase}.ach-toast span{color:#ddd;font-size:13px}.clip-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.clip-btn .ico{width:20px;height:20px}.clip-sheet{z-index:55;pointer-events:auto;background:#08080cbf;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.clip-sheet[hidden]{display:none}.clip-panel{text-align:center;gap:10px;width:min(380px,100%);max-height:calc(100dvh - 32px);display:grid;overflow-y:auto}.clip-panel h2{margin:0}.clip-panel video{aspect-ratio:9/16;object-fit:contain;border:1px solid var(--line);background:#000;border-radius:12px;width:100%;max-height:52dvh}.clip-note{color:var(--muted);margin:0;font-size:13px}.clip-panel a.btn{text-decoration:none}.clip-panel img{object-fit:contain;border:1px solid var(--line);background:#111;border-radius:12px;width:100%;height:auto;max-height:52dvh}.clip-panel .row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.clip-panel .row>[hidden]{display:none}.clip-panel .row:has(>[hidden]){grid-template-columns:1fr}.share-card{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.share-card .ico{width:18px;height:18px}.clip-panel a.btn{color:var(--text)}.portal-splash{z-index:100;text-align:center;background:#15161a;place-items:center;transition:opacity .5s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.portal-splash.off{opacity:0;pointer-events:none}.portal-splash div{gap:10px;padding:20px;display:grid}.portal-splash b{font:400 clamp(48px, 12vw, 96px) var(--display)}.portal-splash b i{color:var(--accent);font-style:normal}.portal-splash span{font-size:20px;font-weight:700}.portal-splash a{color:var(--accent)}.portal-splash small{color:var(--muted);font-size:14px}.portal #m-acct,.portal #reset{display:none!important}.grab-alert{left:50%;top:calc(30% + var(--sat));font:400 24px var(--display);text-transform:uppercase;text-align:center;white-space:nowrap;opacity:0;background:#78140ee6;border:2px solid #ff6a4a;border-radius:12px;padding:10px 18px;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-50%)scale(.9);pointer-events:none!important}.grab-alert span{font:700 14px var(--body);text-transform:none;color:#ffd9cf;display:block}.grab-alert.on{opacity:1;animation:.5s ease-in-out infinite alternate grab-pulse;transform:translate(-50%)scale(1)}@keyframes grab-pulse{to{border-color:#ffd0c0}}@media (max-width:340px){.menu-btns .row3 .btn{font-size:11.5px}.menu-btns .row2 .btn{font-size:15px}}@media (max-height:860px) and (min-width:521px) and (min-height:521px){.logo span{font-size:max(48px,min(5.4vw,64px));display:inline}.tag{margin:6px 0 14px}}.clip-panel{position:relative}.sheet-x{z-index:2;width:40px;height:40px;font:400 28px/1 var(--body);color:var(--text);border:1px solid var(--line);background:#ffffff14;border-radius:999px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.sheet-x:hover{background:#ffffff29}.clip-media{position:relative}.clip-media video{aspect-ratio:9/16;object-fit:contain;border:1px solid var(--line);cursor:pointer;background:#000;border-radius:12px;width:100%;max-height:52dvh;display:block}.clip-sound{pointer-events:none;background:#0009;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:52px;left:50%;transform:translate(-50%)}@media (max-height:520px) and (min-aspect-ratio:1){.clip-panel{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:16px;width:min(680px,100%);padding:14px 16px}.clip-panel>h2{grid-column:2;padding-right:40px;font-size:20px}.clip-panel>.clip-media,.clip-panel>img{grid-area:1/1/span 6}.clip-media video,.clip-panel>img{width:auto;height:calc(100dvh - 60px);max-height:calc(100dvh - 60px)}.clip-panel>:not(.clip-media):not(img):not(.sheet-x):not(h2){grid-column:2}}.match-id{color:var(--muted);text-align:center;margin:2px 0 0;font-size:13px}.match-id .mid{letter-spacing:.08em;color:var(--text);border:1px solid var(--line);background:#ffffff0f;border-radius:6px;padding:4px 6px;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.match-id .link{padding:4px 2px;font-size:13px}
