/* Size to the visible browser viewport, including Android browser bars. */
.lobby-ranking{display:flex;flex-direction:column;gap:3px;width:100%;padding:10px 14px;text-align:left;background:linear-gradient(120deg,#71501c,#172d45);border-color:#e9c578;color:#ffedb2}
.lobby-ranking>span{font-size:11px}.lobby-ranking>strong{font-size:24px}.lobby-ranking>small{font-size:10px;color:#d6d8d8}
.result-rank{display:flex;align-items:center;justify-content:center;gap:14px;background:#112a41;border:1px solid #e5c178;border-radius:10px;padding:12px;margin:12px 0}.result-rank>strong{font-size:28px;color:#ffe095}.result-rank>span{font-size:12px}.result-rank button{font-size:12px}
.ranking-backdrop{z-index:100;backdrop-filter:none}.ranking-panel{display:flex;flex-direction:column;width:min(100%,1050px);height:min(740px,calc(var(--game-height,100dvh) - 24px));background:linear-gradient(130deg,#15364c,#0d1b32);border:1px solid #c8ae73;border-radius:14px;padding:18px;overflow:hidden;color:#e4eff5}
.ranking-panel>header{display:flex;align-items:center;justify-content:space-between;flex:none}.ranking-panel h2{margin:4px 0 10px;color:#ffe3a0}.ranking-panel>header small{font-size:9px;letter-spacing:3px;color:#9fdce6}.ranking-panel>header button{font-size:24px;padding:4px 12px}.ranking-tabs{display:flex;gap:8px;margin-bottom:12px}.ranking-tabs button{min-height:40px;padding:6px 14px;font-size:12px}.ranking-tabs [aria-pressed=true]{background:#6b5428;color:#ffedb3;border-color:#efcd7c}
.ranking-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-height:0;flex:1}.ranking-columns>section{display:flex;flex-direction:column;min-height:0;overflow:hidden}.ranking-columns h3{font-size:14px;margin:4px 0 9px;color:#eddfba}.ranking-columns h3 small{font-size:10px;color:#a5c3d8;margin-left:8px}.ranking-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0}.ranking-row{display:flex;align-items:center;gap:10px;min-height:58px;background:#173e5f;border:1px solid #3e6d8d;border-radius:7px;padding:8px 12px;margin-bottom:7px}.ranking-row>b{width:35px;font-size:22px;text-align:center;color:#ffe5a5}.ranking-row>div{flex:1;min-width:0}.ranking-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.ranking-row small{display:block;font-size:10px;margin-top:3px;color:#b9d2e3}.ranking-row em{font-style:normal;color:#ffdf86;font-size:19px;text-align:right}.ranking-row.is-me{background:linear-gradient(100deg,#795b28,#29384c);border-color:#ffe293;box-shadow:inset 0 0 0 1px #dfb765}.ranking-me{flex:none}.ranking-panel>footer{flex:none;font-size:10px;color:#aac4d5;line-height:1.6;padding-top:10px}.ranking-columns p{font-size:12px;color:#bacbd5}
.landscape-game{overflow:hidden}.landscape-game #app{height:var(--game-height,100dvh)}
.landscape-game .shell:not(.battle-shell){height:var(--game-height,100dvh);width:100%;max-width:none;display:flex;flex-direction:column;overflow:hidden;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));gap:6px}
.landscape-game .shell>.topbar{flex:none;height:30px;min-height:30px;padding:0;flex-wrap:nowrap;gap:8px}.landscape-game .brand{font-size:17px;white-space:nowrap}.landscape-game .brand small{display:none}.landscape-game .profilebar{font-size:10px;gap:7px;flex-wrap:nowrap}.landscape-game .profilebar .tag{font-size:9px}.landscape-game .profilebar button{min-height:28px;font-size:10px;padding:3px 8px}.landscape-game .profilebar .gold{padding:4px 8px}.landscape-game .shell>footer{display:none}
.landscape-game .game-lobby{flex:1;height:auto;min-height:0;max-height:none;border-radius:10px}.landscape-game .lobby-banner{top:7px}.landscape-game .lobby-banner>span{display:none}.landscape-game .lobby-banner h1{font-size:28px;margin:0}.landscape-game .lobby-banner p{font-size:10px;margin:0}.landscape-game .lobby-left{left:8px;top:58px;gap:7px}.landscape-game .game-shortcut{min-width:114px;min-height:44px;padding:6px 9px;gap:7px}.landscape-game .game-shortcut svg{width:24px;height:24px}.landscape-game .game-shortcut span{font-size:12px}.landscape-game .game-shortcut small{font-size:8px}
.landscape-game .lobby-right{right:8px;top:10px;width:145px;gap:6px}.landscape-game .lobby-ranking{padding:6px 9px;min-height:56px}.landscape-game .lobby-ranking>strong{font-size:19px;line-height:20px}.landscape-game .lobby-ranking>span,.landscape-game .lobby-ranking>small{font-size:9px}.landscape-game .record-medal{display:none}.landscape-game .daily-crate{min-height:44px;padding:5px 7px;gap:5px}.landscape-game .daily-crate svg{width:24px;height:24px}.landscape-game .daily-crate span{font-size:10px}.landscape-game .daily-crate small{font-size:8px}.landscape-game .webtoon-replay{font-size:9px;min-height:28px;padding:3px}
.landscape-game .lobby-base{top:auto;bottom:27px;width:min(38%,320px);max-height:calc(100% - 55px);left:48%}.landscape-game .base-plaque{font-size:10px;padding:2px 8px}.landscape-game .lobby-champion{bottom:52px;left:54%;width:115px}.landscape-game .lobby-champion .portrait{height:115px}.landscape-game .champion-bubble{display:none}.landscape-game .champion-caption{padding:3px 8px}.landscape-game .champion-caption b{font-size:13px}.landscape-game .champion-caption small{display:none}
.landscape-game .lobby-bottom{left:8px;right:8px;bottom:6px;display:flex;justify-content:center;gap:8px}.landscape-game .captain-name{display:none}.landscape-game .lobby-cta{width:auto;display:flex;gap:8px}.landscape-game .lobby-cta button{flex:none;min-width:148px;min-height:44px;padding:5px 12px;gap:8px}.landscape-game .lobby-cta button svg{width:24px;height:24px}.landscape-game .lobby-cta button span{font-size:18px}.landscape-game .lobby-cta button small{font-size:8px}
.landscape-game .game-nav{flex:none;min-height:40px;height:40px;margin:0;gap:5px}.landscape-game .game-nav button{flex-direction:row;min-height:40px;padding:5px;gap:6px;font-size:10px}.landscape-game .game-nav svg{width:19px;height:19px}
.landscape-game[data-page=setup] .section-head{flex:none;margin:0;display:flex;align-items:center;gap:12px}.landscape-game[data-page=setup] .section-head .eyebrow{font-size:9px;letter-spacing:1px;margin:0}.landscape-game[data-page=setup] .section-head h1{font-size:19px;margin:0}.landscape-game[data-page=setup] .section-head p{display:none}.landscape-game .factions{flex:none;display:flex;gap:8px;margin:0}.landscape-game .faction{flex:1;min-height:40px;padding:4px 10px;display:flex;align-items:center;gap:10px;border-radius:8px}.landscape-game .faction strong{font-size:16px;margin:0}.landscape-game .faction small{font-size:8px}.landscape-game .faction span{font-size:9px}
.landscape-game .setup-grid{flex:1;min-height:0;grid-template-columns:1.1fr 1fr;gap:8px}.landscape-game .setup-grid>.panel{padding:7px;min-height:0;overflow-y:auto;border-radius:8px}.landscape-game .setup-grid>.panel:first-child{display:flex;flex-direction:column;overflow:hidden}.landscape-game .setup-grid h3{font-size:12px;margin:0}.landscape-game .setup-grid>.panel>.row{flex:none;min-height:27px}.landscape-game .setup-grid .roster-grid{overflow-y:auto;min-height:0;margin-top:5px;gap:5px}.landscape-game .setup-grid .member-card .pick{padding:3px;min-height:64px}.landscape-game .setup-grid .member-card .portrait{width:42px;height:42px;margin:auto}.landscape-game .setup-grid .member-card .name{font-size:10px}.landscape-game .setup-grid .member-card .term{font-size:8px}.landscape-game .setup-grid .member-card .remove,.landscape-game .setup-grid .member-card .info{min-height:28px;width:28px;font-size:12px}
.landscape-game .placement-house{margin:5px 0 0;padding:4px;border-width:1px;border-radius:6px}.landscape-game .house-sign{display:none}.landscape-game .rooms{gap:3px}.landscape-game .room{min-height:44px;padding:1px;display:flex;align-items:center;justify-content:center;gap:2px}.landscape-game .room .portrait{width:32px;height:34px}.landscape-game .room small{font-size:8px}.landscape-game .room.empty>span{padding:0!important;font-size:17px}.landscape-game .setup-grid .supporting,.landscape-game .setup-grid .tag{display:none}.landscape-game .setup-footer{position:sticky;bottom:-7px;margin-top:5px;padding:4px 0;background:#10263c;gap:5px}.landscape-game .setup-footer button{flex:1;font-size:12px;min-height:40px;padding:5px}.landscape-game .setup-footer select{width:110px;min-height:40px;font-size:11px;padding:5px}
.landscape-game[data-page=versus] .topbar{display:none}.landscape-game[data-page=versus] .battle-shell{padding:5px}.landscape-game .arena-intro{height:100%;min-height:0;padding:8px 12px;display:flex;flex-direction:column;overflow:hidden;border-radius:10px}.landscape-game .arena-heading{flex:none;text-align:center;margin:0 0 5px}.landscape-game .arena-heading>.eyebrow,.landscape-game .arena-heading p{display:none}.landscape-game .arena-heading h1{font-size:23px;margin:0}.landscape-game .arena-versus{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:5px;align-items:stretch}.landscape-game .arena-contestant{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;border-radius:8px}.landscape-game .arena-team{flex:none;min-height:30px;padding:3px 9px;gap:8px}.landscape-game .arena-team>span{display:none}.landscape-game .arena-team strong{font-size:19px}.landscape-game .arena-team em{font-size:8px;padding:3px;margin-left:auto}.landscape-game .arena-fighter{flex:none;grid-template-columns:64px 1fr;min-height:0;padding:3px 9px;gap:8px;text-align:left}.landscape-game .arena-avatar{height:60px;width:60px}.landscape-game .arena-profile h2{font-size:15px;margin:3px 0}.landscape-game .arena-level{font-size:8px}.landscape-game .arena-record strong{font-size:13px}.landscape-game .arena-record span{font-size:8px;min-height:0;margin-top:1px}.landscape-game .arena-lineup{flex:1;min-height:0;padding:4px 7px;overflow:auto}.landscape-game .arena-lineup h3{font-size:10px;margin:0}.landscape-game .arena-lineup .row>span{display:none}.landscape-game .arena-lineup .roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:4px}.landscape-game .arena-lineup .member-card .portrait{width:31px;height:31px;margin:auto}.landscape-game .arena-lineup .member-card .name{font-size:8px;margin:0}.landscape-game .arena-lineup .member-card .term{display:none}.landscape-game .arena-lineup .pick{padding:2px;min-height:44px}.landscape-game .arena-vs{display:flex;align-items:center;justify-content:center}.landscape-game .arena-vs b{font-size:43px}.landscape-game .arena-vs small,.landscape-game .arena-vs>span{display:none}.landscape-game .arena-intro-footer{flex:none;grid-template-columns:1fr auto 1fr;gap:7px;margin-top:5px;min-height:27px}.landscape-game .arena-intro-footer p{display:none}.landscape-game .arena-lock{font-size:10px}.landscape-game .arena-rules{grid-column:auto;font-size:9px;line-height:1.4}.landscape-game .arena-intro-footer .intro-count{padding:2px 10px;min-width:120px;display:flex;align-items:center;gap:5px}.landscape-game .intro-count small{font-size:8px}.landscape-game .intro-count b{font-size:20px;min-width:20px}.landscape-game .intro-count>span{font-size:8px;letter-spacing:0}
.landscape-game .game-room{min-height:0;flex:1;overflow:auto}.landscape-game .result{flex:1;min-height:0;overflow-y:auto;padding:12px}.landscape-game .result h1{font-size:25px;margin-bottom:5px}.landscape-game .result .eyebrow{margin-bottom:5px}.landscape-game .result-rank{position:sticky;top:0;z-index:10;margin:7px 0;padding:5px 10px;gap:12px;box-shadow:0 4px 12px #0008}.landscape-game .result-rank strong{font-size:22px}.landscape-game .result-rank button{min-height:36px;padding:5px 10px}.landscape-game .modal-backdrop{padding:6px}.landscape-game .modal-backdrop>section{max-height:calc(var(--game-height,100dvh) - 12px)}
.landscape-game .ranking-panel{height:calc(var(--game-height,100dvh) - 12px);padding:10px 14px}.landscape-game .ranking-panel h2{font-size:21px;margin:0}.landscape-game .ranking-tabs{margin-bottom:6px}.landscape-game .ranking-tabs button{min-height:34px}.landscape-game .ranking-columns{gap:12px}.landscape-game .ranking-columns h3{font-size:12px;margin:3px 0 5px}.landscape-game .ranking-row{min-height:44px;padding:4px 8px;margin-bottom:4px;gap:6px}.landscape-game .ranking-row>b{font-size:18px;width:27px}.landscape-game .ranking-row strong{font-size:11px}.landscape-game .ranking-row small{font-size:8px}.landscape-game .ranking-row em{font-size:16px}.landscape-game .ranking-panel>footer{font-size:9px;padding-top:4px}
.landscape-game .battle-active,.landscape-game .battle-shell{height:var(--game-height,100dvh);max-height:var(--game-height,100dvh)}
.arena-compact .mobile-combat-dock{left:50%;transform:translateX(-50%);max-width:calc(100% - 104px);bottom:max(4px,env(safe-area-inset-bottom))}.arena-compact .mobile-combat-dock .arena-member{max-width:136px}.arena-compact .arena-skill{min-width:100px}.arena-compact .field-view-toggle{top:61px;min-height:36px;font-size:10px}.arena-compact .timing-meter .needle{will-change:transform}
.battle-shell .arena-compact .battle-side{line-height:14px}.battle-shell .arena-compact .battle-head .hp-track{height:6px;margin:2px 0}.battle-shell .arena-compact .battle-head .hp-text{font-size:9px;line-height:10px}
.landscape-game .portrait{filter:none}.landscape-game .modal-backdrop,.landscape-game .login-form{backdrop-filter:none}
.landscape-game .login{height:var(--game-height,100dvh);min-height:0;margin:0;border-radius:0;grid-template-columns:1fr 1.2fr;overflow-y:auto}.landscape-game .login-art{min-height:0;padding:18px}.landscape-game .login-art h1{font-size:36px;margin:8px 0}.landscape-game .login-copy{padding:9px;font-size:12px}.landscape-game .login-art .tag{font-size:8px}.landscape-game .login-form{margin:8px;padding:13px}.landscape-game .login-form .eyebrow{font-size:9px;margin-bottom:5px}.landscape-game .login-form h2{font-size:22px;margin-bottom:7px}.landscape-game .login-form p{font-size:11px;line-height:1.5;margin-bottom:8px}.landscape-game .login-form input{min-height:36px;padding:7px}.landscape-game .login-form .primary{min-height:40px;font-size:14px;margin-top:7px;padding:7px}.landscape-game .login-form .login-note{font-size:9px;margin:8px 0 0}
.landscape-game .lobby-left{top:50px}.landscape-game .game-shortcut{height:44px;max-height:44px;padding:3px 7px;border-bottom-width:2px;transform:none}.landscape-game .game-shortcut span{line-height:13px}.landscape-game .game-shortcut small{line-height:10px;margin-top:1px}.landscape-game .lobby-cta button{height:48px;min-height:48px;padding:4px 12px}.landscape-game .lobby-cta button span{line-height:20px}.landscape-game .lobby-cta button small{line-height:10px;margin-top:1px}
@media(max-width:600px){.ranking-columns{grid-template-columns:1fr}.ranking-columns>section:first-child{max-height:42%}.ranking-panel{padding:12px}.ranking-panel h2{font-size:20px}.ranking-tabs button{font-size:11px}}
.arena-compact .battle-field[data-view="interior"] .wind{top:6px;left:auto;right:60px}.arena-compact .arena-member:disabled{opacity:1;color:#ffe1a1}
.arena-compact .battle-field[data-view="aim"] .field-status{max-width:52%}.arena-compact .battle-field[data-aiming="true"] .mobile-aim-readout{display:flex}.arena-compact .battle-field[data-aiming="true"] .mobile-combat-dock{opacity:0;pointer-events:none}
.arena-compact .aim-wrap:not([data-position]){visibility:hidden}
.arena-compact .battle-field[data-view="aim"] .aim-handle{border:0;box-shadow:none;background:transparent}.arena-compact .battle-field[data-view="aim"] .aim-handle:after{content:"";position:absolute;inset:12px;border:1px solid #ffe39a;border-radius:50%;box-shadow:0 0 8px #ffcf6580;pointer-events:none}