.login-screen{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;background:radial-gradient(ellipse at 15% 40%,#264344b0,transparent 65%),linear-gradient(110deg,#05131aec,#050e16d9),url('assets/stages/prambanan.png') center/cover;padding:clamp(22px,5vw,80px);gap:6vw;align-items:center}
.login-art h1{font-size:clamp(65px,8vw,130px);line-height:.8;margin:25px 0;color:#eee7d5;letter-spacing:-3px}.login-art h1 span{display:block;color:#eec477}.login-art p{font-size:22px;color:#a9c5c6}.login-art small{font-size:10px;letter-spacing:3px;color:#bdbe9d}.login-legends{display:flex;gap:10px;margin:25px 0}.login-legends img{width:clamp(100px,13vw,205px);aspect-ratio:1;object-fit:cover;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);border-bottom:3px solid #c7aa6c}
.login-card{width:100%;max-width:470px;justify-self:center;background:#071820ee;border:1px solid #66735d;padding:clamp(24px,3vw,42px);box-shadow:0 30px 80px #0008}.login-card h2{font-size:34px;margin:10px 0 22px}.auth-tabs{display:flex;gap:8px;margin-bottom:22px}.auth-tabs button{flex:1;padding:10px;border:0;border-bottom:2px solid #334747;background:#11252a}.auth-tabs button[aria-pressed=true]{border-color:#eec477;color:#f5d397}#auth-form .primary-button{width:100%;margin:8px 0}.google-login{display:block;border:1px solid #718079;text-align:center;padding:12px;color:#e4ded0;text-decoration:none;font-size:14px}.google-login[aria-disabled=true]{opacity:.45;cursor:not-allowed}.login-note{font-size:12px;color:#93aba9;line-height:1.5}#verification-panel p{line-height:1.5;color:#b2c9c6}#verification-panel button{margin:8px 0}#local-mail{margin-top:20px;padding:15px;border:1px dashed #8e8c64;font-size:12px}#local-mail strong{color:#e6bc79}#email-preview{padding:10px;background:#163137}.season-banner{margin-top:15px;padding:11px 16px;border-left:3px solid #debd7b;background:#102b35c9;color:#e5cea1;font-size:13px;letter-spacing:1px}.season-banner.ending-soon{border-color:#ff937e;background:#472727c9}.auth-locked #main-menu,.auth-locked #game-shell{display:none!important}
.main-menu.selecting{padding:20px clamp(15px,3vw,50px)}.setup-panel{width:min(1380px,100%);padding:25px;margin:25px auto;background:linear-gradient(110deg,#42221cd9,#102730ed 50%,#172e48e6);border-color:#857453}.setup-panel h2{text-align:center;font-size:27px;margin:0}.setup-panel>.eyebrow,.setup-panel>#setup-description{text-align:center}.versus-select{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:20px;align-items:center;margin-top:22px}.legend-preview{min-width:0;position:relative;text-align:center;background:linear-gradient(145deg,#af69372b,#14191e);border:1px solid #b27a46;clip-path:polygon(0 0,96% 0,100% 100%,4% 100%);padding:12px 0}.legend-preview>span{font-size:13px;letter-spacing:4px;color:#f5c583}.legend-preview>img{display:block;width:100%;height:clamp(180px,25vw,345px);object-fit:cover;object-position:50% 35%;margin-top:12px;mask-image:linear-gradient(black 78%,transparent)}.legend-preview h3{margin:8px 0;font-size:clamp(16px,2.2vw,32px);color:#ffdaa1}.legend-preview p{font-size:12px;color:#bfccbf;margin:5px 8px}.enemy-preview{background:linear-gradient(215deg,#448ac52b,#14191e);border-color:#608fba}.enemy-preview h3,.enemy-preview>span{color:#aad7ff}.select-center{text-align:center}.select-crest{font-size:30px;font-weight:700;letter-spacing:3px}.select-crest span{color:#e8be73}.setup-roster{grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0}.setup-card img{height:clamp(85px,10vw,140px)}.setup-card strong{font-size:11px;text-align:center;padding:7px 2px}.setup-card.locked:after{font-size:10px;padding:5px;top:42%}.versus-emblem{font-size:48px;font-style:italic;color:#ffc976;line-height:1;text-shadow:0 3px #572d18}.selection-tip{font-size:9px;letter-spacing:2px;color:#94aaa9}.setup-options{grid-template-columns:repeat(3,1fr);margin-top:20px}.stage-cards{display:flex;justify-content:center;gap:12px;margin:20px auto 10px;max-width:760px}.stage-cards button{flex:1;position:relative;padding:0;border:1px solid #576467;background:#0e2730;overflow:hidden}.stage-cards button img{display:block;width:100%;height:100px;object-fit:cover;opacity:.7}.stage-cards button span{display:block;background:#0a1a23;padding:8px;font-size:11px;letter-spacing:1px}.stage-cards button.selected{border:2px solid #f4cd84;box-shadow:0 0 18px #e7c27133}.stage-cards button.selected img{opacity:1}#stage-random{max-width:140px}#stage-random b{display:block;height:100px;line-height:100px;font-size:55px;color:#eac47d}
.shell{max-width:1640px;padding:16px 24px}.arena-wrap{overflow:hidden;width:100%;container-type:inline-size}.arena-frame{width:100%!important;height:auto!important;aspect-ratio:16/9;transform:none!important;position:relative;container-type:inline-size}#game{width:100%!important;height:100%!important}#game canvas{width:100%!important;height:100%!important;max-width:100%!important}.fight-hud{grid-template-columns:1fr 13% 1fr;padding:1.5cqw 2cqw;background:linear-gradient(#010a11ec,transparent);height:24%;pointer-events:none}.combatant{gap:1cqw}.combatant>img{width:5.3cqw;height:6cqw}.name-row{height:2.3cqw;gap:.5cqw}.name-row strong{font-size:1.65cqw}.side-label{font-size:.8cqw;line-height:1.2cqw;padding:0 .35cqw}.health-track{height:1.6cqw;padding:.2cqw}.health-meta{font-size:.8cqw;margin-top:.3cqw}.match-center strong,.versus-mode #match-clock{font-size:4cqw;line-height:4cqw}.match-center>span{font-size:.7cqw}.match-center small{font-size:1cqw}
#moves{display:flex;gap:.6cqw;margin-top:.6cqw;pointer-events:auto;flex:none;order:unset;width:max-content}#moves .move{padding:.25cqw;min-width:0;width:4.3cqw;height:4.3cqw;display:block;border:1px solid #af915c;background:#071920;position:relative}#moves .skill-icon{width:100%;height:100%}#moves .skill-copy,#moves kbd{display:none}#moves .cooldown-number{font-size:1.1cqw}#moves .ultimate-ready{box-shadow:0 0 10px #edc6796b}#moves .move:hover:after{content:attr(aria-label);position:absolute;top:110%;left:0;white-space:nowrap;padding:5px;background:#071920;font-size:11px;z-index:10}.fullscreen-toggle{position:absolute;bottom:1.2cqw;right:1.4cqw;z-index:20;background:#071820d9;border:1px solid #7a8271;padding:.5cqw .8cqw;color:#e6d09c;font-size:1cqw}.arena-wrap:fullscreen{display:flex;align-items:center;justify-content:center;background:#02070b;width:100vw;height:100dvh;border:0}.arena-wrap:fullscreen .arena-frame{width:min(100vw,177.7778dvh)!important;height:auto!important;max-height:100dvh}.arena-caption{bottom:1.5cqw;font-size:.8cqw;pointer-events:none}.arena-rule{margin-left:auto;font-size:12px;color:#9fb6b3}.team-hud{position:absolute;bottom:4cqw;left:2cqw;right:2cqw;display:flex;justify-content:space-between;pointer-events:none}.team-member{width:22%;padding:.7cqw;background:#06141bdd;border:1px solid #679d8c;display:grid;grid-template-columns:3cqw 1fr;gap:.5cqw;align-items:center;font-size:.9cqw}.team-member.enemy-team{border-color:#b57872}.team-member img{width:3cqw;height:3cqw;object-fit:cover;grid-row:span 2}.team-member progress{width:100%;height:.6cqw;accent-color:#7fd9c7}.team-member.enemy-team progress{accent-color:#ef9a80}.team-member b{white-space:nowrap}#player-combo,#enemy-combo{display:none!important}
@media(max-width:750px){.login-screen{grid-template-columns:1fr;padding:22px;gap:20px}.login-art{text-align:center}.login-art h1{font-size:55px;margin:12px}.login-art h1 span{display:inline}.login-art>p,.login-legends,.login-art>small{display:none}.login-art>.eyebrow{font-size:9px}.login-card{max-width:470px}.versus-select{gap:7px;grid-template-columns:1fr 1.2fr 1fr}.legend-preview>img{height:165px}.legend-preview>span{font-size:9px;letter-spacing:1px}.legend-preview h3{font-size:12px}.legend-preview p{display:none}.select-crest{font-size:16px;letter-spacing:0}.setup-card img{height:65px}.setup-card strong{font-size:8px}.setup-card.locked:after{font-size:7px}.selection-tip{display:none}.setup-options{grid-template-columns:1fr 1fr}.setup-panel{padding:12px}.stage-cards{gap:6px}.stage-cards button img,#stage-random b{height:65px;line-height:65px}.stage-cards button span{font-size:9px}.shell{padding:8px}.arena-rule{font-size:10px}.season-banner{font-size:11px}.legend-preview{padding:8px 0}.setup-roster{gap:5px}.versus-emblem{font-size:30px}.setup-panel h2{font-size:22px}}
#moves .move{min-height:0;aspect-ratio:1}#moves .skill-icon{aspect-ratio:1;object-fit:cover}