@font-face{font-family:"Baloo 2";src:url(/assets/baloo2-latin-600-BXdMS4ep.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Baloo 2";src:url(/assets/baloo2-latin-800-BpGLLK-g.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--bg-deep: #0d1021;--bg-mid: #1b2245;--panel: #141a30;--panel-hi: #1d2647;--line: #2c3560;--text: #f0f0f5;--muted: #97a0c4;--p1: #35d07f;--p2: #ff5d73;--gold: #ffd166;--pitch: #215c33;--font-display: "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;--g-panel-grad: linear-gradient(180deg, #4593ec, #1e60c2);--g-panel-border: #10386e;--g-panel-inset: rgba(255, 255, 255, .4);--g-panel-edge: #0b2a55;--g-btn-primary-grad: linear-gradient(180deg, #97f166 0%, #52c92a 55%, #3aa81a 100%);--g-btn-primary-border: #1d6e0c;--g-btn-primary-edge: #175a08;--g-btn-attn-grad: linear-gradient(180deg, #ffb84d, #e07b12);--g-btn-attn-border: #8a4a00;--g-btn-attn-edge: #6e3a00;--g-badge-grad: linear-gradient(180deg, #ff6b5e, #e5271f);--g-badge-border: #8f0f0a;--g-badge-free-grad: linear-gradient(180deg, #ffe066, #f5a623);--g-badge-free-border: #a86a00;--g-text-shadow: 0 1.5px 0 rgba(9, 40, 90, .8);--kick-purple: #9945ff;--kick-green: #14f195;--kick-glow: 0 0 22px rgba(153, 69, 255, .35)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;height:100dvh;background:var(--bg-deep);color:var(--text)}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}input,textarea{user-select:text;-webkit-user-select:text}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:default}button:active{transform:scale(.96)}.screen-fade{height:100%;animation:screenFade .2s ease-out}@keyframes screenFade{0%{opacity:0}}.menu{position:relative;height:100%;overflow-y:auto;background-color:#0a0d1c;background-image:url(/assets/menu-bg-BEf9nLNL.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.menu:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(90% 55% at 12% -10%,rgba(255,209,102,.16),transparent 62%),radial-gradient(90% 55% at 88% -10%,rgba(255,209,102,.16),transparent 62%),radial-gradient(120% 46% at 50% 106%,rgba(33,92,51,.55),transparent 62%),linear-gradient(180deg,#080b1ad1,#0b0e20b3 46%,#060814e6)}.menu:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(88% 70% at 50% 38%,transparent 34%,rgba(0,0,0,.62) 100%)}.menu-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;padding:34px 16px 48px;min-height:100%}.brand{text-align:center}.logotype{display:flex;gap:.24em;justify-content:center;font-size:clamp(38px,7.5vw,74px);font-weight:900;font-style:italic;letter-spacing:.04em;line-height:1;transform:skew(-7deg);text-transform:uppercase}.logo-kick{color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.55),0 0 30px rgba(255,255,255,.28)}.logo-arena{color:var(--gold);text-shadow:0 4px 0 rgba(0,0,0,.55),0 0 32px rgba(255,209,102,.55)}.tagline{margin-top:10px;color:var(--muted);font-size:13px;letter-spacing:.22em;text-transform:uppercase}.step-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.step-title{font-size:20px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.step-title.is-p1{color:var(--p1);text-shadow:0 0 20px rgba(53,208,127,.45)}.step-title.is-p2{color:var(--p2);text-shadow:0 0 20px rgba(255,93,115,.45)}.step-title.is-done{color:var(--gold);text-shadow:0 0 20px rgba(255,209,102,.45)}.btn-back{font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.05em;padding:7px 14px;border-radius:11px;color:#dbe6ff;background:#14285aa6;border:2px solid var(--g-panel-border);box-shadow:inset 0 2px #ffffff26,0 3px 0 var(--g-panel-edge);transition:transform .12s ease,filter .12s ease}.btn-back:hover{color:#fff;filter:brightness(1.15)}.btn-back:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff26,0 1px 0 var(--g-panel-edge)}.roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:16px;width:100%;max-width:800px}.card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 12px;border:3px solid transparent;border-radius:18px;background:var(--panel);box-shadow:0 6px 18px #00000073;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0009}.card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.card.is-locked{filter:grayscale(.8) brightness(.6);cursor:default}.card.is-locked:hover{transform:none;box-shadow:0 6px 18px #00000073}.card-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:40px;opacity:.9;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.card-portrait{display:flex;align-items:flex-end;justify-content:center;width:100%;height:142px;padding:6px 0 2px;border-radius:14px;background:radial-gradient(60% 70% at 50% 46%,rgba(255,209,102,.16),transparent 70%)}.portrait-img{display:block;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}.card-name{font-size:17px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.class-badge{padding:3px 10px;border-radius:999px;background:#ffd16624;border:1px solid rgba(255,209,102,.4);color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.stats{list-style:none;width:100%;display:flex;flex-direction:column;gap:4px;margin-top:4px}.stat{display:grid;grid-template-columns:30px 1fr 16px;align-items:center;gap:6px}.stat-label{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-align:left}.stat-track{height:6px;border-radius:3px;background:#0a0d1c;box-shadow:inset 0 0 0 1px #ffffff0d;overflow:hidden}.stat-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#e0a93f,var(--gold));box-shadow:0 0 8px #ffd16673}.stat-value{font-size:10px;font-weight:700;color:#d6dcf5;text-align:right}.chips{display:flex;gap:6px;min-height:20px;margin-top:2px}.chip{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#08120c}.chip-p1{background:var(--p1);box-shadow:0 0 12px #35d07f8c}.chip-p2{background:var(--p2);color:#2a0710;box-shadow:0 0 12px #ff5d738c}.card.p1{border-color:var(--p1);box-shadow:0 0 0 1px #35d07f4d,0 10px 28px #35d07f47}.card.p2{border-color:var(--p2);box-shadow:0 0 0 1px #ff5d734d,0 10px 28px #ff5d7347}.card.p1.p2{border-color:transparent;background-image:linear-gradient(var(--panel),var(--panel)),linear-gradient(90deg,var(--p1) 0 50%,var(--p2) 50% 100%);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 10px 28px #35d07f38,0 10px 28px #ff5d7338}.hint{color:var(--muted);font-size:12px;text-align:center}.controls{width:100%;max-width:420px;padding:14px 18px 16px;border:1px solid var(--line);border-radius:16px;background:#10152ac7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.controls-title{margin-bottom:8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-align:center}.controls-table{width:100%;border-collapse:collapse}.controls-table th,.controls-table td{padding:5px 4px}.controls-table thead th{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.controls-table .col-p1{color:var(--p1)}.controls-table .col-p2{color:var(--p2)}.controls-table tbody th{text-align:left;font-size:12px;font-weight:600;color:var(--muted)}.controls-table td{text-align:center}.key{display:inline-block;min-width:26px;margin:0 2px;padding:3px 6px;border:1px solid #3d4778;border-bottom:3px solid #2a3160;border-radius:6px;background:linear-gradient(180deg,#2b3358,#1a2140);box-shadow:0 1px #ffffff14 inset;font:700 12px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dfe6ff}.key-btn{cursor:pointer;transition:filter .12s ease}.key-btn:hover{filter:brightness(1.25)}.key-btn.is-listening{border-color:var(--p1, #6ea8ff);color:#fff;box-shadow:0 0 8px #6ea8ff8c;animation:keybind-pulse .9s ease-in-out infinite alternate}@keyframes keybind-pulse{0%{filter:brightness(1)}to{filter:brightness(1.5)}}.keybind-foot{margin-top:8px;text-align:center}.keybind-hint{font-size:11px;color:var(--muted)}.keybind-error{margin-top:3px;font-size:11px;color:#ff8a8a}.keybind-reset{margin-top:7px;padding:4px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff0d;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer}.keybind-reset:hover{color:#dfe6ff;border-color:#3d4778}.btn-start{font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:.08em;padding:14px 46px;border-radius:16px;color:#fff;background:var(--g-btn-primary-grad);border:2.5px solid var(--g-btn-primary-border);box-shadow:inset 0 3px #ffffff80,0 6px 0 var(--g-btn-primary-edge),0 11px 20px #0006;text-shadow:0 1.5px 0 rgba(20,90,10,.85);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn-start:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.btn-start:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 3px #ffffff80,0 2px 0 var(--g-btn-primary-edge),0 5px 10px #0006}.btn-start:disabled{background:#263056;border-color:#1a2140;color:#6d76a0;box-shadow:none;text-shadow:none}.btn-primary,.btn-secondary{font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.05em;padding:10px 22px;border-radius:13px;color:#fff;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn-primary{background:var(--g-btn-primary-grad);border:2.5px solid var(--g-btn-primary-border);box-shadow:inset 0 2px #ffffff80,0 4px 0 var(--g-btn-primary-edge),0 8px 14px #00000059;text-shadow:0 1.5px 0 rgba(20,90,10,.85)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.btn-primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffffff80,0 1px 0 var(--g-btn-primary-edge)}.btn-secondary{background:var(--g-panel-grad);border:2.5px solid var(--g-panel-border);box-shadow:inset 0 2px 0 var(--g-panel-inset),0 4px 0 var(--g-panel-edge),0 8px 14px #00000059;text-shadow:var(--g-text-shadow)}.btn-secondary:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-secondary:active{transform:translateY(3px);box-shadow:inset 0 2px 0 var(--g-panel-inset),0 1px 0 var(--g-panel-edge)}.match-root{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:#05070f}.match-stage{width:100%;height:100%;min-width:0;min-height:0;line-height:0}.match-root canvas{display:block;width:100%!important;height:100%!important;object-fit:contain}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#080a16d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .28s ease-out both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.result-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 46px 30px;border-radius:22px;background:var(--g-panel-grad);border:2.5px solid var(--g-panel-border);box-shadow:inset 0 3px 0 var(--g-panel-inset),0 5px 0 var(--g-panel-edge),0 9px 16px #00000059;text-shadow:var(--g-text-shadow);animation:panel-in .42s cubic-bezier(.2,.9,.25,1) both}@keyframes panel-in{0%{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:none}}.result-portraits{display:flex;align-items:flex-end;gap:28px}.result-portrait{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:146px}.result-portrait.is-winner{min-height:190px;animation:winner-pop .5s .12s cubic-bezier(.2,1.5,.4,1) both,winnerBounce .6s .75s ease-in-out 2}@keyframes winner-pop{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}@keyframes winnerBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}.result-portrait.is-p1 .portrait-img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(53,208,127,.55))}.result-portrait.is-p2 .portrait-img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,93,115,.55))}.result-portrait.is-loser .portrait-img{filter:grayscale(.6) brightness(.85) drop-shadow(0 6px 10px rgba(0,0,0,.6))}.ribbon{padding:11px 48px;font-size:30px;font-weight:900;font-style:italic;letter-spacing:.24em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 50%,100% 100%,0 100%,20px 50%);text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 16px rgba(255,255,255,.4)}.ribbon-p1{background:linear-gradient(180deg,#4ee696,var(--p1));color:#06301d}.ribbon-p2{background:linear-gradient(180deg,#ff8091,var(--p2));color:#33060f}.ribbon-draw{background:linear-gradient(180deg,#ffe08a,var(--gold));color:#3a2a05}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-layer i{position:absolute;top:-20px;left:var(--x);width:8px;height:14px;border-radius:2px;background:var(--c);opacity:0;animation:confettiFall var(--t, 2.5s) cubic-bezier(.3,.35,.6,1) var(--d) forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(var(--r));opacity:.9}}.result-who{color:var(--muted);font-size:13px;letter-spacing:.22em;text-transform:uppercase}.result-score{display:flex;align-items:baseline;gap:14px;font-size:64px;font-weight:900;font-style:italic;line-height:1;color:#8f99c2}.result-score .win{color:#fff;text-shadow:0 0 26px rgba(255,209,102,.55)}.result-score .dash{font-size:40px;color:#4d568a}.result-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}.rotate-guard{display:none}@media(orientation:portrait)and (max-width:900px){.rotate-guard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:radial-gradient(70% 50% at 50% 40%,rgba(255,209,102,.1),transparent 70%),linear-gradient(180deg,#0b0e1d,#161c38)}.rotate-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.rotate-icon{font-size:64px;animation:rotate-hint 2.4s ease-in-out infinite}.rotate-inner h2{font-size:24px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.rotate-inner p{color:var(--muted);font-size:14px}}@keyframes rotate-hint{0%,45%{transform:rotate(0)}60%,90%{transform:rotate(90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--touchbar-h: 72px}.touch-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--touchbar-h) + env(safe-area-inset-bottom,0px));padding:8px calc(16px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#12162c,#0a0d1c);border-top:2px solid rgba(140,155,215,.25);touch-action:none}.touch-group{display:flex;align-items:center;gap:12px}.touch-btn{position:relative;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;display:grid;place-items:center;width:76px;height:54px;padding:0;border-radius:14px;border:1px solid rgba(140,155,215,.45);background:#222a4ae6;color:var(--text);font:inherit;box-shadow:0 3px #00000073;transition:transform .08s ease-out,background .12s ease-out}.touch-btn.is-held{transform:translateY(2px);box-shadow:0 1px #00000073;background:#788cdc80}.touch-btn svg{display:block}.touch-btn img{display:block;height:30px;width:auto;pointer-events:none}.touch-btn-jump{width:92px;background:#35d07f38;border-color:#35d07f8c}.touch-btn-shoot{width:92px;border-color:#ffd166a6;background:#ffd1663d}.touch-btn-shoot.is-held{background:#ffd16680}.skill-fabs{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));z-index:30;display:flex;gap:10px;touch-action:none}.touch-btn.skill-fab{width:56px;height:56px;border-radius:50%;border-width:2px;background:#0b0e1cc7;box-shadow:none;font-size:22px}.touch-btn.skill-fab img{height:38px;width:38px}.skill-fab-off{border-color:#ffd166bf;--fab-glow: rgba(255, 209, 102, .5)}.skill-fab-def{border-color:#35d07fbf;--fab-glow: rgba(53, 208, 127, .5)}.touch-btn.skill-fab:not(.is-locked){animation:skillFabPulse 1.7s ease-in-out infinite}@keyframes skillFabPulse{0%,to{box-shadow:0 0 0 0 var(--fab-glow, rgba(255, 209, 102, .5))}55%{box-shadow:0 0 0 9px #0000}}.touch-btn.skill-fab.lock-used .touch-btn-inner{filter:grayscale(1);opacity:.5}.skill-fab.lock-used:after{content:"";position:absolute;left:14%;right:14%;top:50%;height:3px;border-radius:2px;background:#ff6b6bd9;transform:rotate(-45deg);z-index:2;pointer-events:none}.touch-btn.skill-fab.lock-locked{background:#04060ed1}.touch-btn.skill-fab.lock-locked .touch-btn-inner{opacity:.32;filter:grayscale(.9)}.skill-fab.lock-locked:after{content:"🔒";position:absolute;right:-2px;bottom:-2px;font-size:17px;line-height:1;z-index:2;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.touch-btn.skill-fab.lock-empty{background:#04060ed1}.touch-btn.skill-fab.lock-empty .touch-btn-inner{opacity:.5;filter:grayscale(.9)}.skill-fabs .skill-warn{bottom:auto;top:calc(100% + 8px)}.emote-fabs{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));z-index:30;display:flex;align-items:center;gap:8px}.touch-btn.emote-fab{width:56px;height:56px;border-radius:50%;border-width:2px;border-color:#8c9bd799;background:#0b0e1cc7;box-shadow:none;font-size:24px;cursor:pointer}.touch-btn.emote-fab.is-open{border-color:#ffd166bf;background:#222a4ae6}.emote-palette{display:flex;gap:4px;padding:5px 8px;border-radius:30px;border:1px solid rgba(140,155,215,.45);background:#0b0e1ce0;animation:emotePaletteIn .14s ease-out}@keyframes emotePaletteIn{0%{opacity:0;transform:translate(-8px) scale(.92)}to{opacity:1;transform:none}}.emote-item{width:46px;height:46px;padding:0;border:none;border-radius:50%;background:transparent;font-size:26px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.emote-item:hover{background:#8c9bd738}.emote-item:active{background:#ffd1664d}.touch-btn-inner{position:relative;z-index:1;display:grid;place-items:center}.touch-btn-inner.is-shaking{animation:skillDenyShake .3s ease}@keyframes skillDenyShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.touch-btn.is-locked{background:#282e4a59;border-color:#8c9bd738;box-shadow:none}.touch-btn.is-locked .touch-btn-inner{opacity:.4;filter:grayscale(.85)}.skill-warn{position:absolute;bottom:calc(100% + 10px);left:50%;z-index:40;white-space:nowrap;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.4px;background:#060812eb;color:#ffb4a2;border:1px solid rgba(255,107,107,.55);pointer-events:none;animation:skillWarnPop 1.1s ease forwards}@keyframes skillWarnPop{0%{opacity:0;transform:translate(-50%) translateY(5px)}12%{opacity:1;transform:translate(-50%) translateY(0)}72%{opacity:1}to{opacity:0}}.match-root.with-touchbar{padding-bottom:calc(var(--touchbar-h) + env(safe-area-inset-bottom,0px))}@media(max-height:520px){.skill-fabs{top:calc(6px + env(safe-area-inset-top,0px));gap:8px}.touch-btn.skill-fab{width:48px;height:48px;font-size:19px}.touch-btn.skill-fab img{height:32px;width:32px}}@media(max-height:480px){:root{--touchbar-h: 60px}.touch-bar{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}.touch-btn{width:66px;height:46px;border-radius:12px}.touch-btn svg{width:24px;height:24px}.touch-btn img{height:25px}.touch-btn-shoot,.touch-btn-jump{width:82px}.touch-group{gap:8px}}.boot-inner{justify-content:center;gap:10px}.auth-stage{justify-content:center;gap:clamp(18px,4vh,40px);min-height:100%}.menu.auth-scene .menu-inner{padding-top:24px}.auth-brand .logotype{font-size:clamp(46px,9.5vw,92px)}.auth-tagline{margin-top:14px;font-size:15px;letter-spacing:.24em;color:#cdd5f5}.auth-podium{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,4vw,42px);padding-bottom:24px}.auth-podium-base{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:min(560px,94vw);height:58px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(10,40,110,.72),rgba(10,40,110,.12) 65%,transparent 80%);pointer-events:none}.auth-podium-art{position:relative;z-index:1;height:clamp(118px,26vh,208px);filter:drop-shadow(0 14px 16px rgba(0,0,0,.5));animation:gBob 3.2s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}.auth-podium-art:nth-child(3){height:clamp(136px,30vh,236px)}.auth-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.btn-connect{width:284px;height:112px;border:none;cursor:pointer;background:center / 100% 100% no-repeat;color:#fff;font-family:var(--font-display);font-size:25px;font-weight:800;font-style:italic;letter-spacing:.05em;text-shadow:0 3px 0 rgba(15,80,10,.85);padding-bottom:12px;filter:drop-shadow(0 0 10px rgba(153,69,255,.55)) drop-shadow(0 0 18px rgba(20,241,149,.32)) drop-shadow(0 10px 16px rgba(0,0,0,.35));animation:gBreathe 2.4s ease-in-out infinite}.btn-connect small{display:block;font-size:10px;font-style:normal;letter-spacing:.16em;opacity:.9}.btn-connect:active{transform:scale(.96)}.btn-connect:disabled{filter:grayscale(.5) brightness(.8);animation:none;cursor:default}.auth-install{color:#ab9ff2;font-size:13px;font-weight:700;text-decoration:none}.auth-install:hover{text-decoration:underline}.auth-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#161d38,#0e1226);box-shadow:0 14px 32px #00000073;animation:panel-in .2s ease both}.auth-picker-chip{border:1px solid var(--line);border-radius:999px;padding:8px 18px;background:#ffffff0f;color:#fff;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer}.auth-picker-chip:hover{background:#ffffff24}.auth-picker-chip:active{transform:scale(.96)}.auth-powered{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#04060e9e;animation:overlay-in .2s ease both}.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:18px;padding:24px 26px 26px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(80% 60% at 50% 0%,rgba(255,209,102,.1),transparent 70%),linear-gradient(180deg,#161d38,#0e1226);box-shadow:0 26px 70px #000000a6;animation:panel-in .36s cubic-bezier(.2,.9,.25,1) both}.auth-heading{font-size:18px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.auth-sub{font-size:13px;color:var(--muted);line-height:1.5}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field-input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:#060916b8;color:var(--text);font:inherit;font-size:15px;transition:border-color .16s ease,box-shadow .16s ease}.field-input:focus{outline:none;border-color:var(--p1);box-shadow:0 0 0 3px #35d07f2e}.field-hint{font-size:11px;color:#6f79a6}.auth-error{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,93,115,.45);background:#ff5d731f;color:#ffb4be;font-size:13px;line-height:1.4}.auth-submit{padding:13px 0;width:100%;font-size:16px;letter-spacing:.12em}.auth-back{align-self:center}.hud-bar{position:absolute;top:12px;left:14px;right:14px;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.hud-bar>*{pointer-events:auto}.hud-player{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 8px}.hud-player-meta{display:flex;flex-direction:column;gap:2px}.hud-name{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.1}.hud-level{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800}.hud-xpbar{width:74px;height:6px;border-radius:4px;overflow:hidden;background:#00000073;box-shadow:inset 0 1px 2px #00000080}.hud-xpfill{display:block;height:100%;background:linear-gradient(90deg,#ffe066,#ffb020);transition:width .4s ease}.hud-right{display:flex;align-items:center;gap:8px}.hud-chip{display:flex;align-items:center;gap:6px;padding:7px 14px;font-family:var(--font-display);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}@media(max-height:520px){.hud-bar{top:6px;left:8px;right:8px}.hud-player.ui-chip-bg{min-width:180px;min-height:40px;gap:8px;padding:4px 16px 6px 8px}.hud-player img{width:auto!important;height:27px!important}.hud-xpbar{width:56px;height:5px}.hud-name{font-size:12px}.hud-level{font-size:10px}.rating-chip{font-size:11px;padding:2px 8px}}.rating-chip{padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#ffd166,#f0a92c);color:#3a2a05;font-size:12px;font-weight:900}.user-logout{padding:5px 10px;font-size:11px}.audio-toggle{font-size:15px;line-height:1;padding:2px 3px;transition:opacity .15s ease,transform .16s ease}.audio-toggle.is-muted{opacity:.4}.net-hud{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#080b18b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;letter-spacing:.06em;pointer-events:none}.net-mode{padding:2px 8px;border-radius:999px;background:#ffffff1a;font-weight:900;text-transform:uppercase;color:#cdd5f5}.net-mode.is-ranked{background:linear-gradient(135deg,#ffd166,#f0a92c);color:#3a2a05}.net-opponent{color:var(--muted);font-weight:700}.net-ping{font-variant-numeric:tabular-nums;font-weight:800;color:var(--p1)}.net-audio{pointer-events:auto;font-size:13px}.net-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:4;padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:#080b18db;font-size:13px;font-weight:700;color:#cdd5f5;animation:overlay-in .2s ease-out both}.net-banner.is-warn{border-color:#ffd1668c;background:#3c2a08db;color:#ffe3a3}.rating-delta{font-size:18px;font-weight:900;letter-spacing:.08em}.rating-delta.is-up{color:var(--p1);text-shadow:0 0 18px rgba(53,208,127,.45)}.rating-delta.is-down{color:var(--p2);text-shadow:0 0 18px rgba(255,93,115,.45)}.queue-inner{justify-content:center;gap:28px}.queue-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 48px 30px;border-radius:22px;background:var(--g-panel-grad);border:2.5px solid var(--g-panel-border);box-shadow:inset 0 3px 0 var(--g-panel-inset),0 5px 0 var(--g-panel-edge),0 9px 16px #00000059;text-shadow:var(--g-text-shadow);animation:panel-in .4s cubic-bezier(.2,.9,.25,1) both}.queue-portrait{position:relative;display:grid;place-items:center;min-height:120px}.queue-pulse{position:absolute;width:132px;height:132px;border-radius:50%;border:2px solid rgba(53,208,127,.55);animation:queue-pulse 1.8s ease-out infinite}@keyframes queue-pulse{0%{transform:scale(.75);opacity:.85}to{transform:scale(1.35);opacity:0}}.queue-status{font-size:14px;color:var(--muted);letter-spacing:.06em}.queue-timer{font-size:38px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--gold)}.vs-splash{--vs-head: 140px;display:flex;align-items:center;gap:40px}.vs-side{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:160px}.vs-side-left{animation:vsSlideL .3s ease-out both}.vs-side-right{animation:vsSlideR .3s ease-out both}.vs-name{font-size:16px;font-weight:900;letter-spacing:.06em;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-power{padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#ffd166,#f0a92c);color:#3a2a05;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.vs-chips{display:flex;gap:6px;align-items:center;justify-content:center}.vs-level{padding:3px 10px;border-radius:999px;background:#4ea3ff38;border:1px solid rgba(78,163,255,.5);color:#cfe4ff;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.vs-mode-badge{padding:6px 18px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;color:#cdd5f5;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;animation:panel-in .4s cubic-bezier(.2,.9,.25,1) both}.vs-mode-badge.is-cup{border-color:#ffd16673;background:#ffd1661a;color:var(--gold)}.vs-mark{font-size:54px;font-weight:900;letter-spacing:.06em;color:var(--gold);text-shadow:0 0 30px rgba(255,209,102,.55);animation:vsPunch .35s cubic-bezier(.2,.9,.25,1) .2s backwards}@keyframes vsSlideL{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vsSlideR{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vsPunch{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}@media(max-height:520px){.vs-splash{--vs-head: 96px;gap:26px}.vs-side{min-width:120px}.vs-name{font-size:14px;max-width:120px}.vs-mark{font-size:42px}.vs-mode-badge{font-size:11px;padding:4px 14px}}.econ-screen{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:10px}.econ-subhead{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.econ-note{font-size:11px;color:var(--muted);text-align:center}.econ-error{font-size:12px;color:#ffb3bd;padding:5px 12px;border-radius:10px;border:1px solid rgba(255,93,115,.45);background:#ff5d731f}.econ-ok{font-size:12px;color:#9ff0c4}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn-primary:disabled{filter:grayscale(.65) brightness(.72);box-shadow:none;transform:none}.btn-primary:disabled:hover{transform:none;filter:grayscale(.65) brightness(.72)}.card-portrait{position:relative}.lv-badge{position:absolute;top:4px;left:4px;padding:1px 6px;border-radius:999px;background:var(--g-btn-primary-grad);border:2px solid var(--g-btn-primary-border);color:#fff;text-shadow:0 1px 0 rgba(20,90,10,.85);box-shadow:inset 0 1px #ffffff73,0 2px 4px #00000059;font-size:10px;font-weight:900;letter-spacing:.04em}.power-chip{padding:1px 8px;border-radius:999px;border:1px solid rgba(255,209,102,.5);background:#ffd16629;color:#ffe3a3;font-size:11px;font-weight:900}.power-chip.is-muted{opacity:.4}.lock-badge{position:absolute;top:2px;right:2px;padding:2px 4px 3px;border-radius:999px;background:#0a0d1cbf;box-shadow:inset 0 0 0 1px #ffffff1a;font-size:11px;line-height:1}.card-power{position:absolute;top:4px;right:4px}.shop-grid{display:flex;gap:26px;align-items:stretch;align-content:center;justify-content:center;flex-wrap:wrap;min-height:60vh}.pack-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:140px;min-height:320px;padding:10px 10px 12px;background:center / 100% 100% no-repeat;background-image:var(--ui-panel-url);border:none;box-shadow:none;text-shadow:0 1.5px 0 rgba(0,0,20,.8)}.pack-card-art{width:140px;height:120px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.pack-badge{position:absolute;top:-8px;right:-6px;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#4ee696,var(--p1));color:#06301d;font-size:9px;font-weight:900;letter-spacing:.1em}.pack-name{font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.pack-cost{font-size:15px;font-weight:900;color:var(--gold)}.pack-sub{font-size:10px;color:var(--muted);text-align:center;line-height:1.35}.pack-buy{width:100%;padding:6px 12px;font-size:12px}.pack-rates-spacer{display:block;height:14px}.rates-toggle{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rates-toggle:hover{color:var(--text)}.tier-basic{box-shadow:0 0 14px #cbd5e12e}.tier-rare{box-shadow:0 0 16px #60a5fa47}.tier-epic{box-shadow:0 0 18px #9945ff52}.tier-legendary{box-shadow:0 0 22px #ffd16652}.rates-pop{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:6;width:200px;max-height:190px;overflow-y:auto;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#080b18f7;box-shadow:0 18px 40px #000000b3;text-align:left}.rates-head{margin-bottom:4px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.rates-list{list-style:none;display:flex;flex-direction:column;gap:3px}.rates-list li{display:flex;align-items:center;gap:6px;font-size:11px}.rates-pct{font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.rates-amount{margin-left:auto;color:#d6dcf5}.rate-dot{flex:none;width:7px;height:7px;border-radius:50%}.rate-dot.is-common{background:#94a3b8}.rate-dot.is-rare{background:#60a5fa}.rate-dot.is-epic{background:#a855f7;box-shadow:0 0 5px #9945ff99}.rate-dot.is-legendary{background:var(--gold);box-shadow:0 0 6px #ffd166b3}.rates-pity{margin-top:6px;font-size:10px;line-height:1.35;color:#ffe3a3}.rates-skill{margin-top:6px;font-size:10px;line-height:1.35;color:#c7b3f5}.rates-skill-part{white-space:nowrap}.rates-note{margin-top:4px;font-size:9px;color:var(--muted)}.pack-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px 16px 148px;overflow:hidden;background:#04050cf0;animation:overlay-in .28s ease-out both}.pack-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 50% 42%,var(--tier-glow, rgba(96, 165, 250, .22)),transparent 70%);animation:tierPulse 2.6s ease-in-out infinite}@keyframes tierPulse{0%,to{opacity:.7}50%{opacity:1}}.pack-scene.is-tier-welcome,.pack-scene.is-tier-starter,.pack-scene.is-tier-basic{--tier-glow: rgba(96, 165, 250, .22)}.pack-scene.is-tier-rare{--tier-glow: rgba(125, 211, 252, .25)}.pack-scene.is-tier-epic{--tier-glow: rgba(153, 69, 255, .28)}.pack-scene.is-tier-legendary{--tier-glow: rgba(255, 209, 102, .3)}.pack-scene-ribbon{font-size:20px;padding:6px 34px;font-family:var(--font-display)}.is-tier-rare .pack-scene-ribbon{color:#7dd3fc}.is-tier-epic .pack-scene-ribbon{color:#c79bff}.is-tier-legendary .pack-scene-ribbon{color:#ffd166}.pack-scene-case{position:relative;display:grid;place-items:center}.pack-scene-img{height:260px;width:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6))}.pack-scene-case .pack-badge{top:6px;right:6px;font-size:12px;padding:3px 12px}.pack-scene-case.is-enter .pack-scene-img{animation:packEnter .4s cubic-bezier(.2,1.4,.4,1) both}.pack-scene-case.is-shake .pack-scene-img{animation:packShake 1s ease-in-out both}.pack-scene-case.is-burst .pack-scene-img{animation:packBurstOut .5s ease-in both}@keyframes packEnter{0%{opacity:0;transform:translateY(60px) scale(.6)}to{opacity:1;transform:none}}@keyframes packShake{0%{transform:rotate(0)}15%{transform:rotate(-2deg) translate(-2px)}30%{transform:rotate(2deg) translate(2px)}45%{transform:rotate(-4deg) translate(-4px)}60%{transform:rotate(4deg) translate(4px)}72%{transform:rotate(-7deg) translate(-7px) scale(1.02)}84%{transform:rotate(7deg) translate(7px) scale(1.05)}94%{transform:rotate(-9deg) translate(-9px) scale(1.07)}to{transform:rotate(0) scale(1.08)}}@keyframes packBurstOut{0%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.7)}}.pack-burst{position:absolute;width:480px;height:480px;max-width:96vw;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(rgba(255,224,138,.55) 0deg 5deg,transparent 5deg 22deg);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 68%);mask-image:radial-gradient(circle,#000 0%,transparent 68%);animation:packRays .5s ease-out both}@keyframes packRays{0%{opacity:0;transform:scale(.2) rotate(-30deg)}40%{opacity:1}to{opacity:0;transform:scale(1.4) rotate(10deg)}}.pack-burst-flash,.pack-scene-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#fff;animation:packFlash .5s ease-out both}@keyframes packFlash{0%{opacity:.85}to{opacity:0}}.pack-reveal-row{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:860px;min-height:200px}.pack-flip{position:relative;width:150px;aspect-ratio:3 / 4;padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer;perspective:700px;flex:none}.pack-flip:disabled{cursor:default}.pack-flip:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pack-flip-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,1.4,.4,1)}.pack-flip.is-flipped .pack-flip-inner{transform:rotateY(180deg)}.pack-flip-side{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pack-flip-face{transform:rotateY(180deg);position:relative;padding:10px;border-radius:14px}.pack-flip .card-back{width:100%;height:100%}.pack-face{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:14px 6px 12px;gap:5px}.pack-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:10px;background:center / 100% 100% no-repeat;background-image:var(--ui-card-frame-url)}.pack-face-art{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.pack-face-icon{max-width:82px;max-height:64px;object-fit:contain}.pack-face-emoji{font-size:44px;line-height:1}.pack-face-head{max-width:none}.pack-face-name{position:relative;z-index:1;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.45)}.pack-face-badge{position:relative;z-index:1;padding:3px 10px;border-radius:999px;border:1px solid var(--g-badge-free-border);background:var(--g-badge-free-grad);font-family:var(--font-display);font-size:10px;font-weight:900;color:#6b3c00;white-space:nowrap}.pack-face-rarity{position:absolute;z-index:1;top:3px;left:5px;padding:1px 5px;border-radius:4px;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.rarity-tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#e6ecf5;background:#94a3b859;border:1px solid rgba(203,213,225,.5)}.rarity-tag.is-r-rare{color:#dbeafe;background:#2563eb73;border-color:#60a5fa99}.rarity-tag.is-r-epic{color:#f3e8ff;background:#9333ea73;border-color:#c084fc99}.rarity-tag.is-r-legendary{color:#1a1206;background:#ffd166d9;border-color:#ffe294e6}.gear-stat{display:inline-block;padding:1px 5px;border-radius:4px;font-size:9px;font-weight:900;letter-spacing:.08em;color:#bff5cf;background:#35d07f2e;border:1px solid rgba(53,208,127,.45);font-variant-numeric:tabular-nums}.gear-stat+.gear-stat{margin-left:3px}.pack-flip.is-flipped .pack-flip-face>*{animation:cardPop .4s cubic-bezier(.2,1.5,.4,1)}@keyframes cardPop{0%{transform:scale(.7)}to{transform:scale(1)}}.pack-flip.is-flipped:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:18px;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%);animation:flipFlash .45s ease-out forwards;pointer-events:none}@keyframes flipFlash{0%{opacity:1}to{opacity:0}}.pack-flip.is-r-common .pack-face:before{filter:saturate(.5) brightness(.92)}.pack-flip.is-r-common .pack-face-rarity{color:#e6ecf5;background:#94a3b866;border:1px solid rgba(203,213,225,.55)}.pack-flip.is-r-rare .pack-face-rarity{color:#ffe3a3;background:#2563eb80;border:1px solid rgba(255,209,102,.6)}.pack-flip.is-r-epic .pack-face:before{filter:hue-rotate(40deg)}.pack-flip.is-r-epic .pack-flip-face{box-shadow:0 0 26px #9945ff8c}.pack-flip.is-r-epic .pack-face-rarity{color:#f3e8ff;background:#9333ea80;border:1px solid rgba(216,180,254,.6)}.pack-flip.is-r-legendary .pack-face:before{filter:saturate(1.3) drop-shadow(0 0 16px rgba(255,209,102,.85))}.pack-flip.is-r-legendary .pack-flip-face{box-shadow:0 0 26px #ffd1668c,0 0 46px #ffd1664d}.pack-flip.is-r-legendary .pack-face-rarity{color:#3a2a05;background:linear-gradient(180deg,#ffe08a,var(--gold));border:1px solid #fff3c4;box-shadow:0 0 10px #ffd16699}.pack-flip.is-r-epic:before,.pack-flip.is-r-legendary:before{content:"";position:absolute;top:-46px;right:-46px;bottom:-46px;left:-46px;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,209,102,.35) 0deg 14deg,transparent 14deg 36deg);border-radius:50%;animation:rayspin 6s linear infinite;z-index:-1}@keyframes rayspin{to{transform:rotate(360deg)}}.pack-summary{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:min(92vw,640px);animation:overlay-in .3s ease-out both}.pack-summary-line{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pack-sum-chip{padding:8px 18px;border-radius:999px;border:1px solid var(--g-badge-free-border);background:var(--g-badge-free-grad);font-family:var(--font-display);font-size:15px;font-weight:900;color:#6b3c00;animation:cardPop .4s cubic-bezier(.2,1.5,.4,1)}.pack-sum-chip--link{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;transition:transform .15s ease,filter .15s ease}.pack-sum-chip--link:hover,.pack-sum-chip--link:focus-visible{transform:translateY(-1px);filter:brightness(1.08)}.pack-sum-chip--link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pack-summary-balance{font-size:13px;color:var(--muted);font-family:var(--font-display)}.pack-summary-pity{font-size:12px;color:#ffe3a3}.pack-summary .btn-primary{font-size:17px;padding:13px 34px}@media(prefers-reduced-motion:reduce){.pack-scene:before,.pack-flip.is-flipped .pack-flip-face>*,.pack-flip.is-flipped:after,.pack-flip.is-r-epic:before,.pack-flip.is-r-legendary:before,.pack-scene .confetti-layer i,.pack-sum-chip{animation:none}}.squad-grid{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.squad-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:124px;padding:8px;background:center / 100% 100% no-repeat;background-image:var(--ui-panel-url);border:none}.squad-card.is-locked:not(.char-card){filter:grayscale(.8) brightness(.6)}.squad-card.is-celebrating{box-shadow:0 0 26px #ffd16680;animation:winner-pop .5s cubic-bezier(.2,1.5,.4,1) both}.squad-portrait{position:relative;height:72px;display:flex;align-items:flex-end;justify-content:center}.squad-name{font-size:11px;font-weight:900;letter-spacing:.06em}.squad-progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.squad-track{width:100%;height:6px;border-radius:3px;background:#0a0d1c;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.squad-fill{display:block;height:100%;background:linear-gradient(90deg,#35d07f,#ffd166)}.squad-cards{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.squad-upgrade{width:100%;padding:5px 4px;font-size:10px;letter-spacing:.02em}.squad-reason{min-height:11px;font-size:9px;color:var(--muted);text-align:center}.mascot-badge{display:inline-block;width:100%;padding:6px 4px;border-radius:8px;border:1px solid rgba(255,209,102,.45);background:#ffd1661a;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.04em;text-align:center;text-transform:uppercase}.locked-glyph{align-self:center;height:34px;font-size:34px;opacity:.7}button.char-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;font:inherit;color:inherit;cursor:pointer}button.char-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.char-card{border:none;box-shadow:none;border-radius:12px;padding:10px 10px 12px}.char-card.is-selected{box-shadow:0 0 0 1px #ffd16659,0 0 20px #ffd16659}.char-card.is-locked .portrait-img{filter:brightness(.22) saturate(.4)}.char-card--sm{width:96px;padding:12px 9px 10px;gap:2px;border-radius:10px}.char-card.char-card--sm{min-height:130px}.char-card--sm .squad-portrait{height:56px}.char-card--sm .squad-name{font-size:10px}.char-card--sm .power-chip{font-size:9px;padding:0 6px}.char-card--sm .lv-badge{font-size:8px;padding:0 5px}.char-card--sm .squad-cards{font-size:9px}.char-card--sm .mascot-badge{padding:3px 2px;font-size:8px;border-radius:6px}.card-back{display:flex;align-items:center;justify-content:center;width:96px;aspect-ratio:3 / 4;border-radius:10px;border:2px solid var(--line);background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,transparent 2px 13px),linear-gradient(180deg,#131c3f,#090d22);box-shadow:inset 0 0 0 1px #ffffff0d,0 8px 20px #00000073}.card-back-logo{display:flex;gap:.24em;font-size:13px;font-weight:900;font-style:italic;letter-spacing:.04em;line-height:1;transform:skew(-7deg);text-transform:uppercase}.mission-list{list-style:none;width:100%;max-width:640px;display:flex;flex-direction:column;gap:10px}.mission-row{display:grid;grid-template-columns:130px minmax(0,1fr) 46px 62px 88px;align-items:center;gap:10px;min-height:74px;padding:14px 34px;background:center / 100% 100% no-repeat;background-image:var(--ui-plaque-url);border:none;box-shadow:none;text-shadow:var(--g-text-shadow)}.mission-row.is-claimed{opacity:.6}.mission-title{font-size:12px;font-weight:800}.mission-track{height:8px;border-radius:4px;background:#0a0d1c;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.mission-fill{display:block;height:100%;background:linear-gradient(90deg,#4a5590,#7c8ad6)}.mission-fill.is-done{background:linear-gradient(90deg,#35d07f,#4ee696)}.mission-count{font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.mission-reward{font-size:12px;font-weight:900;color:var(--gold);text-align:right}.mission-claim{padding:5px 10px;font-size:11px}.wallet-screen{max-width:860px}.wallet-warn{padding:4px 12px;border-radius:999px;border:1px solid rgba(255,209,102,.55);background:#3c2a08b3;color:#ffe3a3;font-size:11px}.wallet-balance{display:flex;flex-direction:column;align-items:center;padding:12px 34px 20px;box-shadow:none}.wb-value{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.wallet-balance.is-diamond .wb-value{color:#bfdbfe}.wallet-balance.is-reward .wb-value{color:#e9d5ff}.wb-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.wallet-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;align-items:start}.wallet-block{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.wallet-block .wallet-form{width:100%;max-width:300px}.wallet-note{font-size:10px;color:var(--muted);text-align:center}.wallet-form{display:flex;flex-direction:column;gap:4px}.wallet-input-row{display:flex;gap:6px}.wallet-input-row .field-input{width:100%;padding:6px 10px;font-size:13px}.wallet-input-row .btn-primary{padding:6px 12px;font-size:12px;white-space:nowrap}.field-hint.is-error{color:#ff9c9c}.cup-screen{max-width:880px}.cup-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;width:100%;align-items:start}.cup-main{display:flex;flex-direction:column;align-items:center;gap:8px}.cup-head{display:flex;align-items:center;gap:10px}.cup-budget{padding:2px 9px;border-radius:999px;border:1px solid rgba(192,132,252,.5);background:#a855f72e;color:#e9d5ff;font-size:11px;font-weight:900}.cup-explain{max-width:420px;font-size:11px;line-height:1.45;color:var(--muted);text-align:center}.cup-picker{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.cup-mini{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;border-radius:10px;border:1px solid var(--line);background:#0c1022b3}.cup-mini.is-active{border-color:var(--gold);background:#ffd1661f}.cup-mini-name{font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--muted)}.cup-join{padding:8px 24px;font-size:13px}.cup-status{display:flex;gap:14px;align-items:baseline}.cup-stat{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cup-stat strong{font-size:18px;color:var(--text)}.cup-stat.is-win strong{color:var(--p1)}.cup-stat.is-loss strong{color:var(--p2)}.cup-yesterday{font-size:11px;color:#e9d5ff}.cup-standings{display:flex;flex-direction:column;gap:4px;min-width:0}.cup-table-scroll{max-height:148px;overflow-y:auto;border-radius:10px;border:1px solid var(--line);background:#0c1022b8}.cup-table{width:100%;border-collapse:collapse;font-size:11px}.cup-table thead th{position:sticky;top:0;padding:4px 6px;background:#10152c;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left}.cup-table td{padding:3px 6px;border-top:1px solid rgba(44,53,96,.6)}.cup-user{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cup-table tr.is-top1 td{background:#ffd16617}.cup-table tr.is-top1 td:first-child{box-shadow:inset 3px 0 0 var(--gold);color:var(--gold);font-weight:900}.cup-table tr.is-top2 td{background:#cbd5e112}.cup-table tr.is-top2 td:first-child{box-shadow:inset 3px 0 #cbd5e1;color:#e6ecf5;font-weight:900}.cup-table tr.is-top3 td{background:#d68a4e14}.cup-table tr.is-top3 td:first-child{box-shadow:inset 3px 0 #d08a4e;color:#e8a86f;font-weight:900}.compete-empty{padding:14px 8px 12px}.empty-ico{display:block;margin:0 auto 4px;height:24px;opacity:.35;filter:grayscale(.7)}.compete-tabs{display:flex;gap:6px;justify-content:center}.compete-tab{padding:5px 16px;border-radius:999px;border:1.5px solid rgba(44,53,96,.8);background:#0a0d1ca6;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-shadow:var(--g-text-shadow)}.compete-tab.is-active{color:#fff;background:var(--g-panel-grad);border-color:var(--g-panel-border);box-shadow:inset 0 2px 0 var(--g-panel-inset),0 2px 0 var(--g-panel-edge)}.compete-surface{display:flex;flex-direction:column;gap:8px;width:100%;max-width:560px;margin:0 auto;min-width:0}.compete-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.compete-pot{display:inline-flex;align-items:center;gap:6px;padding:12px 30px 14px;border:none;background:center / 100% 100% no-repeat;background-image:var(--ui-plaque-url);color:#fff;font-size:14px;font-weight:900;font-variant-numeric:tabular-nums;text-shadow:var(--g-text-shadow)}.compete-timer{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.compete-table tr.is-me td{background:#ffd1661f;color:var(--gold);font-weight:800}.compete-me{font-size:11px;color:var(--text)}.compete-payouts{font-size:10px;color:var(--muted)}.milestone-list{max-width:none}.milestone-row{display:grid;grid-template-columns:130px minmax(0,1fr) 60px 62px 88px;align-items:center;gap:10px;padding:12px 30px;background:center / 100% 100% no-repeat;background-image:var(--ui-plaque-url);border:none;box-shadow:none;text-shadow:var(--g-text-shadow)}.milestone-row.is-claimed{opacity:.6}.milestone-row.is-celebrate{animation:milestonePop .5s ease}@keyframes milestonePop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.milestone-row.is-celebrate{animation:none}}.transparency-inner{justify-content:center;gap:12px}.transparency-lede{max-width:620px}.transparency-grid{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:940px}.tp-card{display:flex;flex-direction:column;gap:3px;width:172px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#1d2647d9,#0e1226e6)}.tp-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tp-diamond{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.tp-kick{font-size:11px;font-weight:800;color:var(--muted)}.tp-explain{font-size:9px;line-height:1.4;color:#7f88b4}.tp-card.tone-reward .tp-diamond{color:#e9d5ff}.tp-card.tone-diamond .tp-diamond{color:#bfdbfe}.tp-card.tone-burn .tp-diamond{color:#ff9aa8}.tp-card.tone-neutral .tp-diamond{color:var(--gold)}.menu-footer{margin-top:auto;padding-top:4px}.footer-link{font-size:11px;letter-spacing:.08em;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.footer-link:hover{color:var(--gold)}.net-power{font-weight:900;color:var(--gold)}.net-power.is-opp{color:#ffe3a3}.net-you{color:#e6ecf5;font-weight:700}.net-level{padding:1px 6px;border-radius:999px;background:#4ea3ff38;border:1px solid rgba(78,163,255,.45);color:#cfe4ff;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}.net-mode.is-cup{background:linear-gradient(135deg,#a855f7,#6d28d9);color:#f5e9ff}.net-skill{padding:2px 8px;border-radius:999px;border:1px solid rgba(192,132,252,.6);background:#a855f740;color:#e9d5ff;font-size:10px;font-weight:900;letter-spacing:.12em}.reward-chips{display:flex;align-items:center;gap:8px}.reward-chip{padding:4px 13px;border-radius:999px;border:1px solid rgba(255,209,102,.45);background:#ffd1661f;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.06em;white-space:nowrap;animation:rewardIn .35s cubic-bezier(.2,.9,.3,1.2) backwards}.reward-chip.is-cup{border-color:#c084fc99;background:#a855f740;color:#e9d5ff}@keyframes rewardIn{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.bridge-zone{display:flex;flex-direction:column;gap:7px;width:100%;min-width:280px;animation:rewardIn .35s 1s cubic-bezier(.2,.9,.3,1.2) backwards}.xp-bridge{display:flex;align-items:center;gap:9px;position:relative}.xp-bridge-level{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--gold);white-space:nowrap}.xp-bridge-track{flex:1;height:9px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);overflow:hidden}.xp-bridge-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd166,#ff9f43);transition:width .6s cubic-bezier(.25,.8,.3,1)}.levelup-pop{position:absolute;left:50%;top:-6px;transform:translate(-50%,-100%);padding:3px 14px;border-radius:999px;background:linear-gradient(180deg,#ffd166,#ff9f43);color:#1a1206;font-size:12px;font-weight:900;letter-spacing:.08em;white-space:nowrap;box-shadow:0 4px 18px #ffd16673;animation:levelupPunch .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes levelupPunch{0%{transform:translate(-50%,-100%) scale(.4);opacity:0}60%{transform:translate(-50%,-100%) scale(1.18);opacity:1}to{transform:translate(-50%,-100%) scale(1);opacity:1}}.bridge-mission{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-dim, #b7c0dd)}.bridge-mission-label{white-space:nowrap}.bridge-delta{padding:1px 8px;border-radius:999px;background:#35d07f2e;border:1px solid rgba(53,208,127,.45);color:#6ee7a8;font-weight:800;font-size:11px}.bridge-claim{margin-left:auto;padding:2px 11px;border:1px solid rgba(255,209,102,.7);border-radius:999px;background:#ffd16624;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.07em;cursor:pointer;animation:claimGlow 1.4s ease-in-out infinite}@keyframes claimGlow{0%,to{box-shadow:0 0 4px #ffd16640}50%{box-shadow:0 0 14px #ffd166b3}}.bridge-nudge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#e9d5ff}.bridge-nudge-label{white-space:nowrap}.bridge-shop{margin-left:auto;padding:2px 11px;border:1px solid rgba(192,132,252,.7);border-radius:999px;background:#a855f738;color:#e9d5ff;font-size:11px;font-weight:900;letter-spacing:.07em;cursor:pointer}.bridge-shop:hover,.bridge-claim:hover{filter:brightness(1.15)}.cere-step{display:flex;flex-direction:column;align-items:center;gap:8px;animation:cereIn .4s cubic-bezier(.2,.9,.3,1.15) backwards}@keyframes cereIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.reward-chip.is-first{border-color:#4ee69699;background:#35d07f2e;color:#4ee696}.cere-rating{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.04em}.cere-rating-arrow{color:var(--muted);font-size:16px}.cere-rating.is-up .cere-rating-after,.cere-rating.is-up .cere-rating-delta{color:var(--p1);text-shadow:0 0 18px rgba(53,208,127,.45)}.cere-rating.is-down .cere-rating-after,.cere-rating.is-down .cere-rating-delta{color:var(--p2);text-shadow:0 0 18px rgba(255,93,115,.45)}.cere-rating-delta{font-size:15px}.cere-line{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.cere-line.is-milestone{color:var(--gold)}.cere-pot{font-size:13px;font-weight:800;letter-spacing:.06em}.cere-bridge{display:flex;align-items:center;gap:14px;padding:9px 16px;border-radius:14px;font-size:12px;font-weight:800}.cere-bridge .bridge-claim,.cere-bridge .bridge-shop{margin-left:0}@media(prefers-reduced-motion:reduce){.cere-step,.reward-chip{animation:none}}@media(pointer:coarse){.controls{display:none}}@media(max-height:520px){.menu{overflow:hidden}.menu-inner{padding:6px 10px 10px;gap:5px;justify-content:center;min-height:100%}.brand{margin:0}.logotype{font-size:22px}.tagline,.hint,.controls{display:none}.step-bar{margin:0;min-height:0}.step-title{font-size:11px}.roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:620px}.card{padding:4px 4px 6px;gap:2px;border-radius:10px;border-width:2px}.card-portrait{height:46px;padding:0;border-radius:8px}.card-portrait .portrait-img{width:auto!important;height:100%!important}.card-name{font-size:11px;margin:1px 0 0}.class-badge{font-size:8px;padding:1px 6px;letter-spacing:.08em}.stats{display:none}.chips{margin:0;min-height:14px}.chip{font-size:8px;padding:1px 6px}.btn-start{padding:8px 26px;font-size:13px}.auth-stage{gap:8px}.menu.auth-scene .menu-inner{padding-top:8px}.auth-brand .logotype{font-size:30px}.auth-tagline{display:block;margin-top:4px;font-size:10px}.auth-podium{padding-bottom:10px}.auth-podium-art{height:74px}.auth-podium-art:nth-child(3){height:86px}.auth-podium-base{height:30px}.btn-connect{width:200px;height:82px;font-size:18px;padding-bottom:8px}.btn-connect small{font-size:8px}.auth-install{font-size:11px}.auth-powered{font-size:9px}.auth-card{padding:8px 14px 10px;max-width:460px}.field{gap:1px}.field-label{font-size:9px}.field-input{padding:5px 10px;font-size:13px}.auth-submit{padding:6px;font-size:12px;margin-top:2px}.auth-error{padding:4px 8px;font-size:10px}.queue-inner{gap:12px}.queue-card{padding:16px 24px 14px;gap:8px}.queue-portrait{min-height:72px}.queue-portrait .portrait-img{width:auto!important;height:64px!important}.queue-pulse{width:84px;height:84px}.queue-timer{font-size:26px}.queue-status{font-size:12px}.result-panel{padding:12px 20px;gap:6px}.result-portrait img,.result-portraits img{height:64px!important;width:auto!important}.result-portrait,.result-portrait.is-winner{min-height:0}.ribbon{padding:6px 30px;font-size:18px}.result-score{font-size:30px}.reward-chip{font-size:11px;padding:3px 10px}.bridge-zone{gap:3px;min-width:240px}.xp-bridge{gap:6px}.xp-bridge-track{height:6px}.xp-bridge-level,.bridge-mission,.bridge-nudge{font-size:10px}.bridge-delta,.bridge-claim,.bridge-shop{font-size:9px;padding:1px 7px}.levelup-pop{font-size:10px;padding:2px 10px;top:-3px}.cere-step{gap:4px}.cere-rating{font-size:16px}.cere-rating-delta{font-size:12px}.cere-line{font-size:9px}.cere-pot{font-size:10px}.cere-bridge{padding:6px 12px;font-size:10px;gap:10px}.menu-footer{margin-top:0;padding-top:0}.footer-link{font-size:9px}.econ-screen{gap:6px}.econ-note{font-size:9px}.econ-error,.econ-ok{font-size:10px;padding:3px 8px}.econ-subhead{font-size:10px}.shop-grid{gap:7px}.pack-card{width:108px;padding:6px 6px 8px;gap:3px;border-radius:10px}.pack-name{font-size:11px}.pack-cost{font-size:12px}.pack-sub{font-size:9px}.pack-buy{padding:4px 6px;font-size:10px}.rates-toggle{font-size:9px}.rates-pop{width:176px;max-height:150px}.pack-scene{gap:8px;padding:10px 10px 84px}.pack-scene-ribbon{font-size:14px;padding:4px 24px}.pack-scene-img{height:180px}.pack-burst{width:320px;height:320px}.pack-reveal-row{display:grid;grid-template-columns:repeat(3,72px);justify-content:center;align-content:center;gap:8px;max-width:none;min-height:0}.pack-flip{width:72px}.pack-flip-face{padding:5px}.pack-face{padding:8px 3px 6px;gap:2px}.pack-face-art{height:34px;flex:none}.pack-face-head{width:auto!important;height:100%!important}.pack-face-icon{max-height:30px}.pack-face-emoji{font-size:26px}.pack-face-name{font-size:8px}.pack-face-badge{font-size:8px;padding:2px 6px}.pack-face-rarity{font-size:6px;padding:1px 3px}.pack-summary{gap:4px;bottom:6px}.pack-sum-chip{font-size:11px;padding:2px 9px}.pack-summary-balance{font-size:11px}.pack-summary-pity{font-size:10px}.squad-grid{gap:6px}.squad-card{width:96px;padding:5px;gap:2px;border-radius:10px}.squad-portrait{height:46px}.squad-portrait .portrait-img{width:auto!important;height:100%!important}.squad-name{font-size:10px}.power-chip{font-size:9px;padding:0 6px}.lv-badge{font-size:8px;padding:0 5px}.card-power{top:2px;right:2px}.card .lv-badge{top:2px;left:2px}.squad-cards{font-size:9px}.squad-upgrade{font-size:9px;padding:4px 2px}.squad-reason{font-size:8px;min-height:9px}.locked-glyph{font-size:24px;height:24px}.char-card.char-card--sm{min-height:0}.lock-badge{font-size:9px;padding:2px 3px}.char-card--sm .mascot-badge{font-size:7px;padding:2px}.mission-list{gap:5px}.mission-row{grid-template-columns:104px minmax(0,1fr) 40px 52px 74px;min-height:54px;padding:6px 24px;gap:7px}.mission-title,.mission-count,.mission-reward{font-size:10px}.mission-claim{padding:3px 6px;font-size:10px}.wallet-warn{font-size:9px;padding:2px 9px}.wallet-balance{padding:3px 12px}.wb-value{font-size:16px}.wb-label{font-size:8px}.wallet-cols{gap:8px}.wallet-note{font-size:9px}.wallet-input-row .field-input{padding:4px 8px;font-size:11px}.wallet-input-row .btn-primary{padding:4px 8px;font-size:10px}.cup-cols{gap:10px}.cup-main{gap:5px}.cup-explain{font-size:9px;max-width:340px}.cup-budget{font-size:9px}.cup-mini{padding:3px 5px}.cup-mini .portrait-img{width:auto!important;height:32px!important}.cup-mini-name{font-size:8px}.cup-join{padding:5px 16px;font-size:11px}.cup-stat{font-size:9px}.cup-stat strong{font-size:14px}.cup-yesterday{font-size:9px}.cup-table-scroll{max-height:104px}.cup-table{font-size:10px}.compete-tab{padding:4px 12px;font-size:9px}.compete-pot{font-size:11px;padding:7px 16px 9px;gap:4px}.compete-timer,.compete-me{font-size:9px}.compete-payouts{font-size:8px}.milestone-row{grid-template-columns:96px minmax(0,1fr) 50px 48px 70px;padding:6px 24px;gap:7px}.transparency-inner,.transparency-grid{gap:6px}.tp-card{width:138px;padding:6px 8px;gap:1px}.tp-label{font-size:8px}.tp-diamond{font-size:14px}.tp-kick{font-size:9px}.tp-explain{font-size:8px}}.fullscreen-hint{color:var(--muted);font-size:11px;letter-spacing:.04em}@media(max-height:520px){.fullscreen-hint{font-size:9px}}.welcome{display:flex;flex-direction:column}.welcome-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;text-align:center}.welcome-logo{font-size:clamp(30px,6vw,54px)}.welcome-title{font-size:24px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.45),0 0 24px rgba(255,209,102,.3)}.welcome-sub{color:var(--muted);font-size:14px;letter-spacing:.04em}.welcome-claim{font-size:19px;padding:16px 40px}.welcome-score{font-size:44px;font-weight:800;letter-spacing:.06em;color:var(--gold, #ffd166);text-shadow:0 3px 0 rgba(0,0,0,.45);font-variant-numeric:tabular-nums}.welcome-podium{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.welcome-podium-pick{display:flex;flex-direction:column;align-items:center;gap:8px;width:128px;padding:12px 8px;border-radius:16px;border:2px solid transparent;background:#0a0d1c59;transition:transform .15s ease,border-color .15s ease,background .15s ease}.welcome-podium-pick:hover{transform:translateY(-3px);background:#ffffff0f}.welcome-podium-pick.is-selected{border-color:var(--gold);background:#ffd1661f;box-shadow:0 0 0 4px #ffd1662e}.welcome-podium-art{width:100%;height:128px;object-fit:contain;pointer-events:none}.welcome-podium-name{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff}.welcome-podium-pick.is-selected .welcome-podium-name{color:var(--gold)}.welcome-ladder-lines{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;text-align:left;color:#ccd3f0;font-size:14px;font-weight:700}.welcome-pot{font-size:13px;font-weight:800;letter-spacing:.06em;color:#ccd3f0}.welcome-meet-art{height:200px;width:auto;margin:6px auto 16px;display:block}.welcome-train{position:relative;height:100%}.welcome-train-band{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:25;padding:5px 16px;border-radius:999px;border:1px solid var(--line);background:#060812b8;color:#ccd3f0;font-size:12px;font-weight:700;letter-spacing:.06em;white-space:nowrap;pointer-events:none}.tutorial-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:20;padding:8px 20px;border-radius:999px;background:#060812c7;border:1px solid rgba(255,209,102,.35);color:#ffe9b8;font-size:14px;font-weight:700;letter-spacing:.05em;white-space:nowrap;pointer-events:none;animation:hint-in .25s ease-out both}.match-root.with-touchbar .tutorial-hint{bottom:calc(var(--touchbar-h) + env(safe-area-inset-bottom,0px) + 14px)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}}@media(max-height:520px){.welcome-inner{gap:10px;padding:14px 12px}.welcome-logo{font-size:24px}.welcome-title{font-size:17px}.welcome-sub{font-size:11px}.welcome-podium{gap:10px}.welcome-podium-pick{width:92px;padding:8px 6px;gap:5px}.welcome-podium-art{height:80px}.welcome-podium-name{font-size:11px}.welcome-claim{font-size:15px;padding:11px 28px}.welcome-ladder-lines{font-size:11px;gap:5px}.welcome-pot{font-size:10px}.welcome-meet-art{height:130px}.welcome-train-band{font-size:10px;padding:4px 12px}.tutorial-hint{font-size:11px;padding:6px 14px;bottom:14px}}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060e8c;animation:sheetDim .22s ease-out}.section-sheet{position:relative;width:min(100%,980px);height:86%;border-radius:18px 18px 0 0;overflow:hidden;background:#10142a;border:1px solid rgba(255,255,255,.08);border-bottom:none;animation:sheetUp .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.sheet-venue-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.5}.sheet-venue-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a168c,#080a16d1 70%,#080a16eb)}.sheet-head{position:relative;z-index:1;display:flex;align-items:baseline;gap:12px;padding:10px 16px 6px}.sheet-grab{position:absolute;top:6px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:2px;background:#ffffff47}.sheet-title{margin:8px 0 0;font-size:1.05rem;font-family:var(--font-display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-shadow:var(--g-text-shadow)}.sheet-venue{font-size:.72rem;opacity:.75;letter-spacing:.08em}.sheet-close{margin-left:auto;background:#ffffff14;border:none;color:inherit;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.9rem;position:relative}.sheet-close:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%}.sheet-body{position:relative;z-index:1;flex:1;overflow-y:auto;padding:6px 16px 16px}@keyframes sheetUp{0%{transform:translateY(24%);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes sheetDim{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.section-sheet,.sheet-backdrop{animation:none}}.object-dock{display:flex;gap:10px;justify-content:center;align-items:stretch}.dock-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 14px 9px;min-width:92px;transition:transform .15s ease}.dock-card:hover{transform:translateY(-4px)}.dock-card:active{transform:translateY(1px)}.dock-vis{height:32px;display:flex;align-items:flex-end;justify-content:center;font-size:22px}.dock-pack{height:30px;width:auto}.dock-label{font-family:var(--font-display);font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.dock-sub{font-size:.6rem;opacity:.65}@media(max-height:460px){.dock-card{min-width:52px;padding:4px 6px}.dock-vis{height:24px;font-size:17px}.dock-pack{height:22px}}.menu-scene{background-position:center bottom}.menu-scene:before,.menu-scene:after{content:none}.squad-grid--compact{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.equip-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#04050cf0;animation:overlay-in .28s ease-out both}.equip-close{position:absolute;top:14px;right:16px;z-index:2}.equip-body{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,64px);width:100%;max-height:100%;padding:20px 16px;overflow-y:auto}.equip-hero{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}.equip-full{display:block;height:clamp(220px,48vh,380px);filter:drop-shadow(0 16px 18px rgba(0,0,0,.5));animation:gBob 2.8s ease-in-out infinite}.equip-full.is-locked{filter:brightness(.22) saturate(.4) drop-shadow(0 16px 18px rgba(0,0,0,.5))}.equip-name{font-family:var(--font-display);font-size:24px;font-weight:900;letter-spacing:.04em}.equip-cols{display:flex;flex-direction:column;gap:10px;width:min(340px,92vw);flex:none}.equip-block{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-radius:12px;border:1px solid var(--line);background:#090e20eb}.equip-block.is-dim{opacity:.45;pointer-events:none}.equip-block-title{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.equip-slots{display:flex;gap:8px}.equip-slot-wrap{position:relative;flex:1;min-width:0}.equip-slot{width:100%;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;border:1px dashed rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.equip-slot:hover{background:#ffffff1a}.equip-slot.is-on{border-style:solid;border-color:#ffd1668c}.equip-slot.is-empty{border-style:dashed;opacity:.55;filter:grayscale(.6)}.equip-slot kbd{font-family:var(--font-display);font-size:9px;opacity:.75}.equip-slot .sp-ico{height:24px;max-width:32px}.equip-slot-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equip-slot-wrap .loadout-pop{top:calc(100% + 6px);bottom:auto;left:0;right:auto}.equip-level-row{display:flex;align-items:center;justify-content:center;gap:8px}.equip-lv{padding:1px 8px;border-radius:999px;background:var(--g-btn-primary-grad);border:2px solid var(--g-btn-primary-border);color:#fff;text-shadow:0 1px 0 rgba(20,90,10,.85);font-size:11px;font-weight:900;letter-spacing:.04em}.equip-play{padding:12px 16px;font-family:var(--font-display);font-size:15px;font-weight:900;letter-spacing:.08em}.equip-cols .econ-error{text-align:center}@media(max-height:520px){.equip-scene{align-items:stretch}.equip-body{flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:12px 12px 16px}.equip-close{top:8px;right:10px}.equip-full{height:118px}.equip-name{font-size:16px}.equip-cols{gap:8px;width:min(400px,94vw)}.equip-block{padding:8px 10px;gap:6px}.equip-slot{padding:6px 8px;font-size:10px}.equip-slot .sp-ico{height:18px}.equip-play{padding:8px 12px;font-size:13px}}@media(max-height:420px){.equip-full{height:84px}.equip-name{font-size:13px}.equip-hero .class-badge{display:none}}.menu-scene .menu-inner{padding-top:72px}.gpanel{background:var(--g-panel-grad);border:2.5px solid var(--g-panel-border);border-radius:16px;box-shadow:inset 0 3px 0 var(--g-panel-inset),0 5px 0 var(--g-panel-edge),0 9px 16px #00000059;color:#fff;text-shadow:var(--g-text-shadow)}.gbadge{position:absolute;top:-7px;right:-5px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;font-weight:800;color:#fff;background:var(--g-badge-grad);border:2px solid var(--g-badge-border);box-shadow:0 3px 6px #0006;text-shadow:none;animation:gPulse 1.6s ease-in-out infinite}.gbadge.is-free{background:var(--g-badge-free-grad);border-color:var(--g-badge-free-border);color:#6b3c00}@keyframes gPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes gBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.gbadge,.hud-xpfill{animation:none;transition:none}.dock-card,.lobby-banner,.btn-start,.btn-primary,.btn-secondary,.btn-asset-blue,.btn-back{transition:none}.btn-play-asset,.hero-full,.auth-podium-art,.btn-connect,.equip-full,.equip-scene{animation:none}}.kick-accent-text{text-shadow:none;background:linear-gradient(90deg,var(--kick-purple),var(--kick-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.lobby-banners .lobby-banner.ui-chip-bg,.hud-player.ui-chip-bg,.mode-chip.ui-chip-bg,.loadout-chip.ui-chip-bg{background-image:var(--ui-banner-url)}.lobby-banner.is-weekly .banner-sub{white-space:nowrap}.lobby-banner.is-weekly{align-items:center}.lobby-banners{position:absolute;left:22px;top:108px;z-index:2;display:flex;flex-direction:column;gap:10px;width:272px}.lobby-banner{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;text-align:left;transition:transform .12s ease}.lobby-banner:hover{transform:translateY(-2px)}.banner-main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.banner-title{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.04em}.banner-sub{font-size:11px;opacity:.85}.banner-reward{font-size:11px;font-weight:800;color:#ffe066}.banner-timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800;color:#ffe066}.lobby-banner.is-calendar .banner-title{color:#ffe066}.lobby-banner.is-dim{opacity:.55;cursor:default}.lobby-banner.is-dim:hover{transform:none}.lobby-banner.is-dim .banner-timer{color:#ffffffbf}.lobby-banner.is-flash{justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:800;color:#ffe066}@media(max-height:520px){.menu-scene .menu-inner{padding-top:48px}}.menu.is-stage{overflow:hidden}.menu.is-stage .menu-inner{max-width:none;padding:0;height:100%}.lobby-canvas{position:relative;width:100%;height:100dvh}.brand-mini{position:absolute;left:24px;top:64px;z-index:3;font-size:20px;font-weight:900;font-style:italic;letter-spacing:.02em}.brand-mini .logo-kick{color:#fff;text-shadow:0 2px 0 rgba(0,0,30,.7)}.brand-mini .logo-arena{color:var(--gold);text-shadow:0 2px 0 rgba(80,50,0,.6)}.ui-chip-bg{background:center / 100% 100% no-repeat;border:none;color:#fff;text-shadow:0 1.5px 0 rgba(0,0,20,.8);font-family:var(--font-display)}.ui-chip-bg{background-image:var(--ui-chip-url)}.lobby-arrow{position:absolute;top:44%;z-index:4;width:54px;height:54px;font-size:24px;font-weight:900;cursor:pointer;transition:transform .12s ease}.lobby-arrow.is-left{left:calc(50% - 265px)}.lobby-arrow.is-right{right:calc(50% - 265px)}.lobby-arrow:hover{transform:scale(1.08)}.hero-zone{position:absolute;left:50%;bottom:clamp(180px,34%,240px);transform:translate(-50%);z-index:3;display:grid;place-items:center}.hero-spotlight{position:absolute;bottom:-14px;width:380px;height:480px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(200,225,255,.12) 55%,rgba(200,225,255,.24));clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}.hero-podium{position:absolute;bottom:-14px;width:290px;height:54px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(10,40,110,.72),rgba(10,40,110,.12) 65%,transparent 80%)}.hero-figure{position:relative;z-index:1;animation:heroSwap .32s ease-out}@keyframes heroSwap{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.hero-full{height:clamp(200px,40vh,320px);display:block;filter:drop-shadow(0 16px 18px rgba(0,0,0,.5));animation:gBob 2.8s ease-in-out infinite}.hero-plaque{position:absolute;left:50%;bottom:clamp(96px,19%,140px);transform:translate(-50%);z-index:4;width:360px;height:92px;background-size:100% 100%;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;text-shadow:0 1.5px 0 rgba(0,0,20,.8);padding:0 32px 6px}.plaque-name{font-family:var(--font-display);font-size:23px;font-weight:800}.plaque-sub{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.92}.hero-plaque.is-button{border:none;font:inherit;color:#fff;cursor:pointer}.hero-plaque.is-button:hover{filter:drop-shadow(0 0 12px rgba(255,209,102,.6))}.hero-plaque.is-button:active{transform:translate(-50%) scale(.98)}.hero-plaque.is-button:hover .plaque-gear{opacity:1;transform:translateY(-50%) scale(1.12)}.plaque-gear{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:20px;opacity:.8;transition:opacity .15s,transform .15s;filter:drop-shadow(0 2px 2px rgba(0,0,20,.6))}.play-block{position:absolute;right:26px;bottom:clamp(120px,24%,170px);z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.mode-row{display:flex;gap:8px}.mode-chip{padding:11px 24px 13px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:center;cursor:pointer}.mode-chip.is-on{filter:drop-shadow(0 0 10px rgba(255,209,102,.8))}.mode-chip.is-locked{filter:grayscale(.7) brightness(.75);cursor:default}.btn-play-asset{width:236px;height:100px;border:none;cursor:pointer;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35));background:center / 100% 100% no-repeat;color:#fff;font-family:var(--font-display);font-size:36px;font-weight:800;font-style:italic;letter-spacing:.06em;text-shadow:0 3px 0 rgba(15,80,10,.85);padding-bottom:12px;animation:gBreathe 2.4s ease-in-out infinite}.btn-play-asset small{display:block;font-size:10.5px;font-style:normal;letter-spacing:.16em;opacity:.9}.btn-play-asset:active{transform:scale(.96)}@keyframes gBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.side-row{display:flex;gap:8px}.energy-chip{padding:5px 16px 7px;font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.06em;color:#ffe3a3;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.energy-chip:hover{transform:scale(1.05)}.energy-chip.is-dim{opacity:.55}.energy-chip.is-low{color:#ff9c9c}.refill-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#04060ea8}.refill-pop{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(360px,calc(100vw - 40px));padding:18px 20px;border-radius:14px;border:1px solid var(--line);background:#090e20f5;text-align:center}.refill-current{font-size:12px;color:var(--muted)}.refill-current strong{color:#ffe3a3;font-variant-numeric:tabular-nums}.refill-warn{font-size:11px;color:#ffd166}.refill-confirm{padding:8px 14px;font-size:12px}.refill-close{align-self:center}.btn-asset-blue{background:center / 100% 100% no-repeat;background-image:var(--ui-btn-blue-url);border:none;padding:12px 20px 14px;color:#fff;font-family:var(--font-display);font-size:12.5px;font-weight:800;letter-spacing:.05em;text-shadow:0 1.5px 0 rgba(0,0,20,.8);cursor:pointer;transition:transform .12s ease,filter .12s ease}.btn-asset-blue:hover{filter:brightness(1.1)}.btn-asset-blue:active{transform:translateY(2px)}.controls-fab{position:absolute;right:20px;bottom:16px;z-index:5;width:40px;height:40px;font-size:17px;cursor:pointer}.controls-pop{position:absolute;right:20px;bottom:64px;z-index:6;background:#090e20eb;border:1px solid var(--line);border-radius:12px;padding:14px}.menu.is-stage .menu-footer{position:absolute;left:20px;bottom:14px;z-index:5;margin:0}.menu.is-stage .fullscreen-hint{position:absolute;left:50%;bottom:4px;transform:translate(-50%);z-index:5}.neon-glow{filter:drop-shadow(0 0 8px rgba(153,69,255,.6)) drop-shadow(0 0 14px rgba(20,241,149,.35))}.ui-chip-neon-bg{background:center / 100% 100% no-repeat;background-image:var(--ui-chip-neon-url);border:none;color:#fff;text-shadow:0 1.5px 0 rgba(0,0,20,.8);font-family:var(--font-display)}.hud-ico{height:20px;vertical-align:-5px}.hud-player{min-height:48px;padding:6px 20px 8px 10px}.hud-chip{min-height:44px;padding:7px 20px 9px;border-radius:0}.banner-img{height:30px}.ui-card-bg{background:center / 100% 100% no-repeat;background-image:var(--ui-card-url);border:none;color:#fff;text-shadow:0 1.5px 0 rgba(0,0,20,.8);box-shadow:none}.dock-card.ui-card-bg{width:104px;height:104px;padding:12px 8px;justify-content:center}.dock-card.is-wallet{filter:drop-shadow(0 0 9px rgba(153,69,255,.55)) drop-shadow(0 0 16px rgba(20,241,149,.3))}.dock-img{height:38px}.menu.is-stage .object-dock{position:absolute;left:0;right:0;bottom:12px;z-index:5}@media(max-width:900px){.lobby-banners{left:10px;top:96px;width:210px}.lobby-arrow.is-left{left:calc(50% - 215px)}.lobby-arrow.is-right{right:calc(50% - 215px)}.play-block{right:12px;bottom:118px}.btn-play-asset{width:200px;height:92px;font-size:28px}.hero-plaque{width:300px;height:80px}.plaque-name{font-size:19px}.dock-card.ui-card-bg{width:88px;height:88px}.dock-img{height:30px}}@media(max-height:520px){.brand-mini,.hero-plaque{display:none}.side-row{gap:6px;justify-content:center}.btn-asset-blue{font-size:10px;padding:6px 10px;min-width:0}.lobby-banners{top:56px;left:8px;width:188px;gap:6px}.lobby-banners .lobby-banner{padding:6px 10px;border-radius:10px;gap:6px}.lobby-banners .banner-title{font-size:11px}.lobby-banners .banner-sub{display:none}.lobby-banners .banner-img{height:18px}.lobby-banners .banner-timer{font-size:10.5px}.lobby-banners .banner-reward{display:none}.hero-zone{bottom:150px}.hero-full{height:42vh}.play-block{bottom:88px}.btn-play-asset{width:170px;height:78px;font-size:24px}.mode-chip{padding:6px 12px;font-size:10px}.dock-card.ui-card-bg{width:72px;height:72px;padding:6px 4px}.dock-img{height:24px}.menu.is-stage .object-dock{bottom:6px}}.powers-heading{margin-top:10px;font-family:var(--font-display);font-size:13px;font-weight:900;letter-spacing:.14em;text-align:center;color:var(--muted)}.roster-heading{margin-top:0}.roster-grid{gap:12px 14px}.power-card{cursor:default}.power-portrait{align-items:center;justify-content:center}.power-emoji{font-size:32px;line-height:1}.power-icon{max-width:100%;max-height:40px}.power-card.is-locked .power-emoji,.power-card.is-locked .power-icon{filter:grayscale(1);opacity:.6}.sp-ico{height:16px;max-width:28px;object-fit:contain;vertical-align:-3px}.loadout-row{display:flex;gap:8px;justify-content:flex-end}.loadout-slot{position:relative}.loadout-chip{display:flex;align-items:center;gap:5px;padding:7px 14px 9px;font-size:11px;font-weight:800;letter-spacing:.04em;cursor:pointer}.loadout-chip kbd{font-family:var(--font-display);font-size:9px;opacity:.75}.loadout-chip.is-on{filter:drop-shadow(0 0 8px rgba(255,209,102,.7))}.loadout-chip.is-empty{opacity:.55;filter:grayscale(.6)}.loadout-auto{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.loadout-pop{position:absolute;bottom:calc(100% + 8px);right:0;z-index:7;display:flex;flex-direction:column;gap:4px;padding:10px;min-width:172px}.loadout-opt{display:flex;align-items:center;gap:6px;padding:6px 8px;border:none;border-radius:8px;background:#ffffff0f;color:#fff;font:inherit;font-size:11px;font-weight:700;text-align:left;cursor:pointer;white-space:nowrap}.loadout-opt:hover{background:#ffffff24}.loadout-opt.is-on{outline:2px solid var(--gold)}.loadout-opt.is-locked{opacity:.45;cursor:default;filter:grayscale(.5)}.loadout-opt.is-locked:hover{background:transparent}.loadout-opt small{margin-left:auto;font-size:9px;color:var(--muted)}.loadout-empty{font-size:10px;color:var(--muted);padding:2px 4px}@media(max-height:520px){.loadout-chip{padding:5px 10px 7px;font-size:10px}.section-sheet{height:calc(100% - 8px);border-radius:14px 14px 0 0}.sheet-head{padding:6px 12px 4px;gap:8px}.sheet-grab{top:4px}.sheet-title{margin:4px 0 0;font-size:.9rem}.sheet-venue{font-size:.62rem}.sheet-close{width:30px;height:30px;font-size:.85rem}.sheet-close:after{top:-10px;right:-10px;bottom:-10px;left:-10px}.sheet-body{padding:4px 12px 12px}.squad-grid--compact,.roster-grid{gap:6px}.char-card--sm .squad-portrait{height:46px}.shop-grid{min-height:0}}@media(max-height:420px){.hud-player.ui-chip-bg{min-width:150px;min-height:34px;padding:3px 12px 4px 6px}.hud-player img{height:22px!important}.lobby-banners{top:44px;width:156px;gap:4px}.lobby-banners .lobby-banner{padding:4px 8px}.lobby-banners .banner-title{font-size:10px}.hero-zone{bottom:108px}.hero-full{height:36vh}.play-block{bottom:58px;gap:6px}.btn-play-asset{width:150px;height:66px;font-size:20px}.btn-play-asset small{font-size:9px}.mode-chip{padding:5px 11px 6px;font-size:10px}.loadout-chip{padding:5px 11px 6px;font-size:10px;gap:4px}.loadout-chip kbd{font-size:8.5px}.side-row{gap:5px}.btn-asset-blue{font-size:9.5px;padding:5px 9px}.dock-card.ui-card-bg{width:62px;height:62px;padding:4px 3px;gap:1px}.dock-img{height:21px}.dock-card{font-size:8.5px}.dock-sub{font-size:7.5px}.menu.is-stage .object-dock{bottom:3px;gap:6px}.lobby-arrow.is-left{left:calc(50% - 190px)}.lobby-arrow.is-right{right:calc(50% - 190px)}.menu.is-stage .menu-footer{bottom:2px}}