@font-face{font-family:Lilita;src:url(/assets/wheel-arena/fonts/LilitaOne-Regular.ttf) format("truetype");font-display:swap}:root{color:#eef7fb;background:#0a0d12;--bg: #090d12;--panel: rgba(13, 18, 24, .9);--panel-soft: rgba(18, 27, 36, .82);--panel-border: rgba(238, 247, 251, .14);--panel-border-strong: rgba(238, 247, 251, .22);--text: #eef7fb;--muted: #9db3bd;--gold: #ffc94b;--red: #ff4058;--red-soft: #ff8b9a;--blue: #2b80ff;--blue-soft: #89e9ff;--ease-out: cubic-bezier(.22, 1, .36, 1);--shadow-soft: 0 12px 34px rgba(0, 0, 0, .22);--shadow-hover: 0 18px 46px rgba(0, 0, 0, .32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:100vh;background:#0a0d12}.app-shell.in-game{grid-template-columns:minmax(0,1fr)}.play-surface{position:relative;min-width:0;overflow:hidden}.arena-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.poison-screen-effect{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:24;opacity:var(--poison-alpha, 0);background:radial-gradient(circle at 50% 50%,transparent 0,transparent var(--poison-inset, 48%),rgba(65,255,101,.16) calc(var(--poison-inset, 48%) + 10%),rgba(34,160,55,.38) 78%,rgba(8,48,16,.72) 100%);mix-blend-mode:screen;transition:opacity .18s var(--ease-out),background .18s var(--ease-out)}.poison-countdown{position:absolute;bottom:162px;left:50%;width:min(220px,calc(100% - 36px));display:grid;grid-template-columns:auto auto;gap:6px 12px;align-items:center;transform:translate(-50%);padding:8px 10px;border:1px solid rgba(117,255,132,.72);border-radius:8px;background:#062a0cf0;box-shadow:0 10px 34px #36ff5947;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.poison-countdown span,.poison-countdown strong{font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1}.poison-countdown span{color:#aaffb0;font-weight:800;text-transform:uppercase}.poison-countdown strong{justify-self:end;color:#eef7fb;font-weight:900}.poison-countdown i{grid-column:1 / -1;height:7px;overflow:hidden;border-radius:999px;background:#eef7fb29}.poison-countdown em{display:block;width:var(--poison-progress, 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#48ff65,#c4ff71);box-shadow:0 0 16px #54ff657a}.hud{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 28px));display:flex;justify-content:center;pointer-events:none;z-index:30}.match-strip{width:100%;min-height:70px;display:grid;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid rgba(238,247,251,.16);background:#090d12bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 8px 28px #0000003d}.match-strip.idle{display:flex;width:auto;min-height:42px;align-items:center;gap:14px;padding:0 16px}.match-strip.idle strong{font-family:Lilita,Inter,sans-serif;font-size:23px;font-weight:400}.match-strip.idle span{color:#9db3bd;font-size:13px}.team-panel,.phase-panel{min-width:0;display:grid;align-content:center}.team-panel{grid-template-columns:1fr auto;column-gap:12px;row-gap:3px;padding:10px 14px}.team-panel.red{border-right:1px solid rgba(238,247,251,.1)}.team-panel.blue{grid-template-columns:auto 1fr;border-left:1px solid rgba(238,247,251,.1);text-align:right}.team-name{color:#9db3bd;font-size:12px;text-transform:uppercase}.team-panel strong{grid-row:span 2;align-self:center;font-family:Lilita,Inter,sans-serif;font-size:38px;font-weight:400;line-height:1}.team-panel.blue strong{grid-column:1;grid-row:1 / span 2}.team-panel.blue .team-name,.team-panel.blue small{grid-column:2}.team-panel small{color:#eef7fb;font-size:13px}.team-panel.red strong,.team-panel.red .team-name{color:#ff8b9a}.team-panel.blue strong,.team-panel.blue .team-name{color:#89e9ff}.capture-track{grid-column:1 / -1;height:5px;overflow:hidden;border-radius:999px;background:#eef7fb1a}.capture-track i{display:block;height:100%;border-radius:inherit;background:currentColor}.phase-panel{justify-items:center;padding:9px 10px;text-align:center}.phase-panel strong{font-family:Lilita,Inter,sans-serif;font-size:25px;font-weight:400;line-height:1;text-transform:capitalize}.phase-panel span,.phase-panel .ready-count{color:#9db3bd;font-size:12px}.phase-panel .ready-count{margin-top:2px;color:#ffc94b}.phase-panel .hud-mode-status{max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-panel .poison-status{margin-top:2px;color:#8cff9a}.center-announcement{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;padding:18px 26px;pointer-events:none;text-align:center;text-shadow:0 6px 28px rgba(0,0,0,.55);z-index:92}.center-announcement strong{font-family:Lilita,Inter,sans-serif;font-weight:400;letter-spacing:0;line-height:.95}.center-announcement span{color:#d9ebf2;font-size:16px;text-transform:uppercase}.countdown-announcement strong{font-size:clamp(86px,14vw,164px);color:#ffc94b}.scored-announcement strong{font-size:clamp(46px,7vw,92px)}.scored-announcement.red strong{color:#ff8b9a}.scored-announcement.blue strong{color:#89e9ff}.notice-announcement strong{max-width:min(760px,calc(100vw - 44px));color:#ffc94b;font-size:clamp(34px,5vw,72px)}.match-summary-popup{width:min(460px,calc(100vw - 36px));gap:12px;padding:22px;border:1px solid rgba(238,247,251,.18);border-radius:8px;pointer-events:auto;background:#090d12db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 22px 70px #00000094;text-shadow:none}.match-summary-popup strong{font-size:clamp(42px,7vw,74px)}.match-summary-popup.red strong{color:#ff8b9a}.match-summary-popup.blue strong{color:#89e9ff}.summary-kicker{color:#ffc94b;font-size:12px;font-weight:800;text-transform:uppercase}.summary-score{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:10px 14px;border:1px solid rgba(238,247,251,.12);border-radius:8px;background:#eef7fb0f}.summary-score b{font-family:Lilita,Inter,sans-serif;font-size:44px;font-weight:400;line-height:1}.summary-score .red{justify-self:end;color:#ff8b9a}.summary-score .blue{justify-self:start;color:#89e9ff}.summary-score small,.match-summary-popup em,.summary-teams h3,.summary-teams p{font-style:normal;text-transform:none}.summary-score small,.match-summary-popup em,.summary-teams p{color:#9db3bd}.summary-teams{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-teams section{min-width:0;display:grid;gap:5px;padding:10px;border-radius:8px;background:#eef7fb0d}.summary-teams h3,.summary-teams p{margin:0}.summary-teams h3{color:#eef7fb;font-size:13px;text-transform:uppercase}.summary-teams p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.match-summary-popup em{font-size:16px;font-weight:800}.summary-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-actions button{min-width:0}.summary-actions.single-action{grid-template-columns:1fr}.duel-forfeit-popup{border-color:#ffc94b57}.duel-waiting-popup{border-color:#89e9ff47}.duel-waiting-popup strong{color:#89e9ff}.duel-waiting-popup .summary-actions{margin-top:2px}.ranked-fortress-waiting-popup{border-color:#ffc94b4d}.ranked-fortress-waiting-popup strong{color:#ffc94b}.instruments{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(220px,calc(100% - 36px));pointer-events:none;z-index:24}.instrument-panel{display:grid;justify-items:center;gap:10px;padding:12px 14px 14px;border:1px solid rgba(238,247,251,.16);background:#090d12bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 8px 28px #0000003d}.speed-meter{width:100%;height:86px;display:grid;place-items:end stretch}.speed-arc{position:relative;width:100%;height:76px;overflow:hidden;border-top:3px solid rgba(238,247,251,.28);border-left:3px solid rgba(238,247,251,.16);border-right:3px solid rgba(238,247,251,.16);border-radius:999px 999px 0 0}.speed-arc:before,.speed-arc:after{content:"";position:absolute;bottom:0;width:8px;height:8px;border-radius:50%;background:#89e9ff;opacity:.75}.speed-arc:before{left:8px}.speed-arc:after{right:8px;background:#ff8b9a}.speed-needle{position:absolute;left:50%;bottom:0;width:3px;height:65px;transform-origin:50% 100%;background:#ffc94b;border-radius:3px;box-shadow:0 0 12px #ffc94bb3}.speed-hub{position:absolute;left:calc(50% - 6px);bottom:-6px;width:12px;height:12px;border-radius:50%;background:#eef7fb}.instrument-readout{position:absolute;left:50%;bottom:7px;z-index:3;display:grid;place-items:center;transform:translate(-50%);pointer-events:none}.instrument-readout strong{font-family:Lilita,Inter,sans-serif;font-size:34px;font-weight:400;line-height:1;color:#eef7fb;text-shadow:0 0 14px rgba(137,233,255,.38),0 2px 8px rgba(0,0,0,.55)}.rubber-meter{width:100%;display:grid;gap:0}.rubber-track{height:12px;overflow:hidden;border:1px solid rgba(238,247,251,.18);border-radius:999px;background:#eef7fb14}.rubber-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#37d5ff,#ffc94b);box-shadow:0 0 14px #37d5ff73}.match-chat{position:absolute;right:18px;bottom:18px;width:min(340px,calc(100% - 36px));display:grid;gap:8px;pointer-events:auto;z-index:90}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:80}.game-overlay button{pointer-events:auto}.game-top-actions{position:absolute;top:16px;right:16px;display:grid;justify-items:end;gap:8px;pointer-events:auto;z-index:2}.leave-button{width:42px;min-height:42px;padding:0;border-color:#eef7fb2e;background:#090d12b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:800}.match-menu{width:164px;display:grid;gap:6px;padding:8px;border:1px solid rgba(238,247,251,.16);border-radius:8px;background:#090d12d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 34px #00000057}.match-menu button{width:100%;min-height:38px;border-color:#eef7fb1f;background:#263844d6;text-align:left}.match-menu button:hover:not(:disabled){border-color:#ffc94b75;background:#324652f0}.match-menu #match-menu-leave-button{color:#ffb0ba}.duel-wait,.matchmaking-wait{display:grid;gap:7px;min-width:0}.duel-wait div,.matchmaking-wait div{display:flex;justify-content:space-between;gap:10px;min-width:0}.duel-wait strong,.duel-wait span,.matchmaking-wait strong,.matchmaking-wait span{font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.2}.duel-wait strong,.matchmaking-wait strong{color:#eef7fb;font-weight:800}.duel-wait i,.matchmaking-wait i{height:6px;overflow:hidden;border-radius:999px;background:#eef7fb21}.duel-wait em,.matchmaking-wait em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8b9a,#ffc94b)}.duel-wait.compact{margin-top:7px}.duel-wait.large,.matchmaking-wait.large{width:100%;gap:10px;padding:12px;border:1px solid rgba(238,247,251,.12);border-radius:8px;background:#eef7fb0f}.duel-wait.large div,.matchmaking-wait.large div{align-items:center}.duel-wait.large strong,.matchmaking-wait.large strong{flex:0 0 auto;font-size:14px}.duel-wait.large span,.matchmaking-wait.large span{min-width:0;color:#b8cbd3;font-size:13px;text-align:right;text-transform:none}.duel-wait.large i,.matchmaking-wait.large i{height:10px}.spectate-actions{position:absolute;left:50%;bottom:154px;transform:translate(-50%);display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(360px,calc(100% - 32px));pointer-events:auto;z-index:2}.team-join.red{background:#d9364a}.team-join.blue{background:#2f80ff}.tab-info-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 36px));display:grid;gap:14px;padding:18px;border:1px solid rgba(238,247,251,.16);border-radius:8px;background:#090d12d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 60px #0000006b;pointer-events:none}.tab-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tab-panel-header strong{font-family:Lilita,Inter,sans-serif;font-size:28px;font-weight:400}.tab-panel-header span{color:#9db3bd}.tab-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tab-teams section{display:grid;align-content:start;gap:8px}.tab-teams h3{margin:0;color:#9db3bd;font-size:13px;text-transform:uppercase}.chat-log{min-height:124px;max-height:168px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:10px 12px;overflow:hidden;border:1px solid rgba(238,247,251,.14);background:linear-gradient(180deg,#090d126b,#090d12bd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 8px 28px #00000038}.chat-empty,.chat-line{margin:0}.chat-empty{color:#9db3bd;font-size:13px}.chat-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:baseline;font-size:13px;line-height:1.3}.chat-line strong{color:#eef7fb;font-size:12px;white-space:nowrap}.chat-line.red strong{color:#ff8b9a}.chat-line.blue strong{color:#89e9ff}.chat-line span{min-width:0;overflow-wrap:anywhere;color:#d7e7ee}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px}.chat-form input,.chat-form button{min-height:38px}.chat-form input{background:#0d1218e0}.chat-form button{padding:0 10px;background:#263844}.side-panel{display:flex;flex-direction:column;gap:18px;min-width:0;padding:24px;border-left:1px solid rgba(238,247,251,.12);background:#121820;overflow-y:auto}.brand{display:grid;gap:10px}.brand img{width:72px;height:72px;object-fit:contain}h1,h2{margin:0;font-family:Lilita,Inter,sans-serif;font-weight:400;letter-spacing:0}h1{font-size:44px}h2{font-size:26px}.stack{display:grid;gap:14px}label{display:grid;gap:6px;color:#9db3bd;font-size:14px}input,select{width:100%;min-height:42px;border:1px solid #2b3a44;border-radius:6px;padding:0 11px;color:#eef7fb;background:#0d1218}button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:6px;padding:0 14px;color:#eef7fb;cursor:pointer;overflow:hidden;transform:translateY(0);transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),background-color .18s var(--ease-out),box-shadow .18s var(--ease-out),color .18s var(--ease-out),opacity .18s var(--ease-out)}button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 48%);opacity:0;transition:opacity .18s var(--ease-out)}button:hover:not(:disabled){transform:translateY(-1px)}button:hover:not(:disabled):after,button:focus-visible:after{opacity:1}button:active:not(:disabled){transform:translateY(0);transition-duration:80ms}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(255,201,75,.72);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.ui-icon{flex:0 0 auto;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu-shell{height:100vh;padding:28px;overflow-y:auto;background:linear-gradient(135deg,rgba(55,213,255,.12),transparent 34%),linear-gradient(225deg,rgba(255,64,88,.1),transparent 32%),linear-gradient(rgba(238,247,251,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(238,247,251,.022) 1px,transparent 1px),#0a0d12;background-size:auto,auto,44px 44px,44px 44px,auto}.menu-shell.signed-out{display:grid;place-items:center}.menu-wrap{width:min(1120px,100%);margin:0 auto;display:grid;gap:18px}.menu-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#05080c9e}.menu-popup{width:min(420px,100%);display:grid;gap:12px;padding:22px;border:1px solid rgba(255,201,75,.34);border-radius:8px;background:#0d1218f5;box-shadow:0 24px 80px #0000007a}.menu-popup h2{margin:0;font-family:Lilita,Inter,sans-serif;font-size:34px;font-weight:400}.menu-popup p{margin:0;color:#d9ebf2;line-height:1.45}.menu-popup button{justify-self:end;min-width:96px}.menu-topbar,.menu-player,.menu-brand,.menu-tabs,.catalog-section-title,.menu-section-heading,.profile-layout,.servers-layout{display:flex}.menu-topbar{align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--panel-border);border-radius:8px;background:linear-gradient(180deg,rgba(238,247,251,.045),transparent 58%),#0d1218e0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.menu-brand{min-width:0;align-items:center;gap:12px}.menu-brand.centered{flex-direction:column;justify-content:center;align-items:center;text-align:center}.menu-brand img{width:54px;height:54px;object-fit:contain}.menu-brand h1{font-size:34px;line-height:.95}.menu-brand span,.menu-player span,.menu-card p,.item-meta,.catalog-section-title span,.empty-state span{color:#9db3bd}.menu-player{align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.menu-player strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-stat,.level-widget{min-height:42px;border:1px solid rgba(238,247,251,.12);border-radius:8px;background:linear-gradient(180deg,rgba(238,247,251,.035),transparent),#0d1218;box-shadow:inset 0 1px #ffffff09}.top-stat{display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:8px;row-gap:1px;min-width:76px;padding:6px 10px}.top-stat .ui-icon{grid-row:span 2;align-self:center;width:16px;height:16px;color:var(--gold)}.top-stat span,.level-widget span{color:#9db3bd;font-size:11px;text-transform:uppercase}.top-stat b,.level-widget strong{color:#eef7fb;font-size:14px}.level-widget{width:178px;display:grid;gap:5px;padding:6px 10px 7px}.level-widget div{display:flex;justify-content:space-between;gap:8px}.level-widget strong{display:inline-flex;align-items:center;gap:5px}.level-widget .ui-icon{width:14px;height:14px;color:var(--gold)}.level-widget i{height:6px;overflow:hidden;border-radius:999px;background:#eef7fb1a}.level-widget em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#37d5ff,#ffc94b);box-shadow:0 0 14px #37d5ff5c}.menu-tabs{gap:8px;padding:6px;border:1px solid var(--panel-border);border-radius:8px;background:#0d1218b8;box-shadow:inset 0 1px #ffffff08}.menu-tabs button{flex:1;border-color:transparent;background:transparent;color:#d9ebf2}.menu-tabs button.active{border-color:#ffc94b2e;background:linear-gradient(180deg,rgba(255,201,75,.12),transparent),#263844;color:#ffc94b;box-shadow:0 8px 22px #0000003d}.menu-tabs button:hover:not(:disabled){border-color:#eef7fb29;background-color:#26384494}.menu-content{min-width:0}.menu-card{min-width:0;border:1px solid var(--panel-border);border-radius:8px;background:linear-gradient(180deg,rgba(238,247,251,.035),transparent 44%),var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-panel{width:min(420px,100%);display:grid;gap:18px}.auth-form,.profile-form{display:grid;gap:14px;padding:22px}.auth-note{display:grid;gap:8px;padding:12px;border:1px solid rgba(112,211,255,.24);border-radius:8px;background:#162a38b8;color:#cfe8f2}.auth-note strong{color:#f4fbff}.auth-note span{color:#9db3bd;overflow-wrap:anywhere}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#607683;font-size:12px;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#9db3bd2e}.guest-button{width:100%}.servers-layout{display:grid;gap:18px}.mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mode-panel{position:relative;min-height:286px;display:grid;align-content:space-between;gap:18px;padding:24px;overflow:hidden;transition:transform .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out)}.mode-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.8}.mode-panel.duel:before{background:linear-gradient(135deg,rgba(255,139,154,.22),transparent 48%),linear-gradient(315deg,rgba(255,201,75,.08),transparent 42%)}.mode-panel.fortress:before{background:linear-gradient(135deg,rgba(55,213,255,.2),transparent 50%),linear-gradient(315deg,rgba(43,128,255,.1),transparent 42%)}.mode-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff0d}.mode-panel:hover{transform:translateY(-2px);border-color:var(--panel-border-strong);box-shadow:var(--shadow-hover)}.mode-panel>*{position:relative;z-index:1}.mode-panel h2,.menu-section-heading h2,.profile-form h2{font-size:34px}.mode-panel h2{display:inline-flex;align-items:center;gap:10px}.mode-panel h2 .ui-icon{width:26px;height:26px;color:var(--gold);filter:drop-shadow(0 0 10px rgba(255,201,75,.28))}.mode-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rank-tab{display:grid;gap:8px;padding:10px;border:1px solid rgba(238,247,251,.12);border-radius:8px;background:#090d1294;box-shadow:inset 0 1px #ffffff08}.rank-tab div,.rank-tab li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px}.rank-tab div{grid-template-columns:minmax(0,1fr) auto;color:#9db3bd;font-size:11px;font-weight:800;text-transform:uppercase}.rank-tab ol{display:grid;gap:5px;margin:0;padding:0;list-style:none}.rank-tab li{min-height:28px;padding:0 8px;border-radius:6px;background:#eef7fb0e;transition:background-color .18s var(--ease-out),transform .18s var(--ease-out)}.rank-tab li:hover{transform:translate(2px);background:#eef7fb14}.rank-tab li span{color:#ffc94b;font-size:12px;font-weight:800}.rank-tab li strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef7fb;font-size:13px}.rank-tab li b{color:#89e9ff;font-size:13px}.rank-tab li.empty{grid-template-columns:minmax(0,1fr) auto}.mode-status{grid-column:1 / -1;margin:-4px 0 0}.huge-button{min-height:58px;font-size:18px;font-weight:800}.room-browser-panel{flex:1;display:grid;align-content:start;gap:14px;padding:18px}.browser-heading,.menu-section-heading,.catalog-section-title{align-items:center;justify-content:space-between;gap:14px}.browser-heading h2,.catalog-section-title h2{font-size:26px}.empty-state{display:grid;place-items:center;gap:6px;min-height:120px;padding:20px;text-align:center;border:1px dashed rgba(238,247,251,.16);border-radius:8px;background:linear-gradient(180deg,#eef7fb0e,#eef7fb06)}.catalog-page{display:grid;gap:18px}.menu-section-heading{padding:20px}.menu-section-heading p,.mode-panel p{margin:8px 0 0;line-height:1.45}.eyebrow{color:#ffc94b;font-size:12px;font-weight:800;text-transform:uppercase}.catalog-section{display:grid;gap:16px;padding:18px}.catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.catalog-item{position:relative;min-width:0;display:grid;align-content:start;gap:8px;min-height:148px;padding:12px;border:1px solid rgba(238,247,251,.1);border-radius:8px;background:linear-gradient(180deg,rgba(238,247,251,.035),transparent),#0d1218;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),background-color .18s var(--ease-out)}.catalog-item:hover{transform:translateY(-2px);border-color:#eef7fb33;box-shadow:0 12px 28px #0000003d}.catalog-item .small-button{align-self:end;margin-top:auto}.catalog-item input{position:absolute;inset:10px 10px auto auto;width:18px;min-height:18px}.catalog-item.equipped{border-color:#ffc94b;box-shadow:0 0 0 1px #ffc94b14,0 14px 32px #0000003d}.catalog-item.locked{opacity:.72}.item-swatch,.item-token,.item-model-token{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(238,247,251,.14);border-radius:8px}.item-token{color:#eef7fb;background:#263844;font-family:Lilita,Inter,sans-serif;font-size:22px}.item-model-token{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef7fb14,#eef7fb05),#101821;background-position:center;background-repeat:no-repeat;background-size:contain}.item-model-token.ready{background-color:#101821;background-size:108% 108%}.item-model-token img{width:100%;height:100%;object-fit:contain;display:block}.item-model-token.loading:after{content:"";width:22px;height:22px;border:2px solid rgba(238,247,251,.16);border-top-color:#37d5ff;border-radius:50%;animation:thumbnail-spin .8s linear infinite}@keyframes thumbnail-spin{to{transform:rotate(360deg)}}.item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.item-meta,.item-badge{font-size:12px}.item-badge{width:max-content;padding:3px 7px;border-radius:999px;color:#0a0d12;background:#ffc94b;font-weight:800}.item-badge.owned{color:#0a0d12;background:#37d5ff}.item-badge.muted{color:#9db3bd;background:#eef7fb14}.cosmetics-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.cosmetics-sections{display:grid;gap:18px}.avatar-preview-card{position:sticky;top:0;display:grid;gap:18px;padding:18px}.avatar-preview-card h2{font-size:30px}.avatar-preview-card p{margin:5px 0 0}.avatar-preview-host{position:relative;height:260px;overflow:hidden;border:1px solid rgba(238,247,251,.1);border-radius:8px;background:radial-gradient(circle at 50% 58%,rgba(55,213,255,.1),transparent 34%),linear-gradient(180deg,rgba(238,247,251,.05),transparent 42%),#0a0d12}.avatar-preview-host canvas{display:block;width:100%;height:100%}.preview-actions{display:grid;gap:8px}.preview-actions span{color:#9db3bd;font-size:12px;line-height:1.35}.avatar-preview-stage{position:relative;min-height:230px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(238,247,251,.1);border-radius:8px;background:linear-gradient(180deg,rgba(238,247,251,.05),transparent 42%),#0a0d12}.preview-wheel{position:relative;z-index:2;width:144px;height:144px;display:grid;place-items:center;border:14px solid var(--wheel-color);border-radius:50%;box-shadow:0 0 24px color-mix(in srgb,var(--wheel-color),transparent 50%)}.preview-wheel:before{content:"";width:28px;height:28px;border-radius:50%;background:var(--wheel-color)}.preview-wheel i{position:absolute;width:92px;height:5px;border-radius:999px;background:var(--wheel-color)}.preview-wheel i:nth-child(2){transform:rotate(45deg)}.preview-wheel i:nth-child(3){transform:rotate(90deg)}.preview-wheel i:nth-child(4){transform:rotate(135deg)}.preview-animal{position:absolute;z-index:3;width:78px;height:92px;display:grid;place-items:center;border:3px solid rgba(10,13,18,.55);border-radius:38px 38px 30px 30px;color:#0a0d12;background:#f7d8a6;font-family:Lilita,Inter,sans-serif;font-size:28px;box-shadow:0 10px 22px #0000003d}.preview-trail{position:absolute;left:18px;width:152px;height:18px;border-radius:999px;opacity:.78;transform:skew(-16deg)}.preview-trail.back{top:82px}.preview-trail.front{top:126px}.preview-trail.jagged{clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%,10% 50%)}.preview-trail.pointy{clip-path:polygon(0 0,100% 50%,0 100%,12% 50%)}.preview-trail.wavy{border-radius:40% 60% 55% 45%/40% 45% 55% 60%}.preview-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-swatches span{display:grid;justify-items:center;gap:6px;color:#9db3bd;font-size:12px}.preview-swatches i{width:28px;height:28px;border:1px solid rgba(238,247,251,.14);border-radius:50%;box-shadow:inset 0 0 0 2px #0a0d1259,0 4px 12px #0003}.profile-layout{gap:18px;align-items:flex-start}.profile-form{flex:0 0 340px;align-content:start}.display-name-input{min-height:58px;padding:0 15px;font-family:Lilita,Inter,sans-serif;font-size:32px;font-weight:400;color:#eef7fb;letter-spacing:0}.account-recovery-panel{display:grid;gap:8px;margin-top:8px;padding:14px;border:1px solid rgba(238,247,251,.1);border-radius:8px;background:#eef7fb0b}.account-recovery-panel strong{color:#eef7fb;font-size:16px}.account-recovery-panel p{margin:0;color:#9db3bd;font-size:13px;line-height:1.45}.account-email{min-width:0;overflow:hidden;padding:9px 10px;border-radius:6px;color:#89e9ff;text-overflow:ellipsis;white-space:nowrap;background:#89e9ff14}.profile-google-link{min-height:40px}.profile-stats-panel{flex:1;display:grid;gap:16px;padding:18px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{display:grid;grid-template-columns:auto 1fr;gap:6px;padding:16px;border:1px solid rgba(238,247,251,.08);border-radius:8px;background:linear-gradient(180deg,rgba(238,247,251,.035),transparent),#0d1218}.stat-card .ui-icon{grid-row:span 2;align-self:center;width:24px;height:24px;color:var(--gold)}.stat-card span{color:#9db3bd;font-size:13px}.stat-card strong{font-family:Lilita,Inter,sans-serif;font-size:30px;font-weight:400}.profile-core-stats .stat-card{min-height:112px;align-content:center}.profile-core-stats .stat-card strong{font-size:clamp(38px,5vw,54px)}.ranked-profile-list{display:grid;gap:10px}.ranked-profile-row{display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1.6fr);align-items:center;gap:12px;padding:14px;border:1px solid rgba(238,247,251,.1);border-radius:8px;background:linear-gradient(180deg,rgba(238,247,251,.04),transparent),#0d1218db}.ranked-profile-row.fortress{border-color:#ffc94b2e}.ranked-profile-row.duel{border-color:#89e9ff2e}.ranked-profile-title{min-width:0;display:inline-flex;align-items:center;gap:10px}.ranked-profile-title .ui-icon{flex:0 0 auto;width:24px;height:24px;color:#ffc94b}.ranked-profile-row.duel .ranked-profile-title .ui-icon{color:#89e9ff}.ranked-profile-title strong{min-width:0;overflow:hidden;color:#eef7fb;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.ranked-profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ranked-profile-metrics span{min-width:0;display:grid;gap:3px;padding:10px;border-radius:8px;background:#eef7fb0e}.ranked-profile-metrics small{color:#9db3bd;font-size:11px;font-weight:800;text-transform:uppercase}.ranked-profile-metrics b{min-width:0;overflow:hidden;color:#eef7fb;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.primary{background:linear-gradient(180deg,#ff4e66,#e92f47);color:#fff;box-shadow:0 9px 20px #ff405838}.secondary{background:linear-gradient(180deg,#3689ff,#216ce4);color:#fff;box-shadow:0 9px 20px #2b80ff33}.ghost{border-color:#eef7fb26;background:#eef7fb06}.icon-button{width:42px;padding:0;border-color:#eef7fb26;background:#0d1218}.primary:hover:not(:disabled){border-color:#ffffff2e;box-shadow:0 14px 30px #ff40584d}.secondary:hover:not(:disabled){border-color:#ffffff2e;box-shadow:0 14px 30px #2b80ff47}.ghost:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:#ffc94b5c;background:#ffc94b14;color:#fff4c7}.status{min-height:20px;margin:0;color:#9db3bd}.panel-heading,.browser-heading,.match-actions,.browser-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading span,.browser-heading,.browser-card span,.match-result span{color:#9db3bd;font-size:13px}.small-button{min-height:34px;padding:0 11px;font-size:13px}.play-home{align-content:start}.profile-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.profile-row span{color:#9db3bd}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tabs button{border-color:#2b3a44;background:#0d1218}.tabs button.active{border-color:#ffc94b;color:#ffc94b}.room-card{display:grid;gap:5px;padding:14px;border:1px solid rgba(238,247,251,.13);border-radius:8px;background:linear-gradient(180deg,rgba(238,247,251,.035),transparent),#0d1218;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.room-card:hover{transform:translateY(-1px);border-color:#eef7fb38;box-shadow:0 12px 28px #00000038}.room-card span{color:#9db3bd}.room-browser{display:grid;gap:9px}.browser-card{grid-template-columns:minmax(0,1fr) auto auto}.browser-card>div:first-child{min-width:0;display:grid;gap:4px}.browser-card strong,.browser-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-score{min-width:56px;display:flex;justify-content:center;gap:5px;font-family:Lilita,Inter,sans-serif;font-size:22px}.room-score small{color:#59707b}.score-red{color:#ff8b9a}.score-blue{color:#89e9ff}.active-room-panel{align-content:start}.match-result{display:grid;gap:4px;padding:14px;border:1px solid rgba(238,247,251,.14);border-radius:8px;background:#0d1218}.match-result strong{font-family:Lilita,Inter,sans-serif;font-size:28px;font-weight:400}.match-result.red strong{color:#ff8b9a}.match-result.blue strong{color:#89e9ff}.team-lists{display:grid;gap:12px}.team-lists section{display:grid;gap:8px}.team-lists h3{margin:0;color:#9db3bd;font-size:13px;text-transform:uppercase}.player-list{display:grid;gap:8px}.player-pill{display:flex;justify-content:space-between;align-items:center;min-height:38px;padding:0 10px;border-left:4px solid #ff4058;background:#0d1218;border-radius:6px}.player-pill.team-1{border-left-color:#37d5ff}.player-pill small{color:#9db3bd}@media (max-width: 1180px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){body{overflow:auto}.menu-shell{padding:14px}.menu-topbar,.menu-player,.menu-section-heading,.catalog-section-title,.profile-layout,.servers-layout{display:grid}.menu-topbar,.menu-player{justify-items:stretch}.menu-player{grid-template-columns:1fr 1fr}.menu-player strong{grid-column:1 / -1;max-width:none}.level-widget{width:auto;grid-column:1 / -1}.menu-player .icon-button{grid-column:1 / -1;width:42px;justify-self:end}.menu-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mode-picker,.profile-form,.catalog-grid,.cosmetics-layout,.stats-grid,.ranked-profile-row,.ranked-profile-metrics{grid-template-columns:1fr}.avatar-preview-card{position:static}.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(52vh,1fr) auto;min-height:100vh;height:auto}.play-surface{min-height:52vh}.hud{top:10px;width:calc(100% - 20px)}.match-strip{min-height:58px;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr)}.team-panel{padding:8px 9px;column-gap:8px}.team-panel strong{font-size:30px}.phase-panel strong{font-size:20px}.instruments{left:50%;bottom:10px;transform:translate(-50%);width:204px}.poison-countdown{bottom:136px;width:204px}.instrument-panel{gap:8px;padding:9px 10px}.speed-meter{height:76px}.speed-arc{height:66px}.speed-needle{height:56px}.center-announcement{top:46%;width:calc(100% - 30px)}.summary-actions{grid-template-columns:1fr}.duel-wait.large div,.matchmaking-wait.large div{display:grid;justify-items:center}.duel-wait.large span,.matchmaking-wait.large span{text-align:center}.match-chat{right:10px;bottom:10px;width:min(300px,calc(100% - 220px))}.spectate-actions{bottom:126px}.tab-teams{grid-template-columns:1fr}.chat-log{min-height:92px;max-height:118px}.side-panel{border-left:0;border-top:1px solid rgba(238,247,251,.12)}.browser-card{grid-template-columns:minmax(0,1fr) auto}.browser-card .small-button{grid-column:1 / -1;width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}