@import url('./touch.css');
.game-screen{height:100dvh;min-height:400px;display:flex;flex-direction:column;background:#071326;overflow:hidden}.game-screen[hidden]{display:none!important}.game-header{height:60px;min-height:60px;padding:0 22px;border:0;background:#081426;gap:18px}.game-header .header-right{gap:18px}.game-header button{min-height:36px;font-size:12px;color:#d2dfec}.game-header .icon-button{min-width:36px}.game-header .text-button span{font-size:12px}.game-stage{font-size:12px;color:#9eb9ce;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto}.game-header .account-link{display:none}.game-main{padding:0;width:100%;max-width:none;flex:1;min-height:0;display:flex}.game-main .arena-shell{border:0;aspect-ratio:auto;flex:1;width:100%;height:100%;min-height:0}.game-main .arena-top{top:22px;left:24px}.game-main .session-chip>span{font-family:inherit;font-size:10px;border:0;background:#07142699;letter-spacing:1px;border-radius:8px;padding:8px 12px}.game-main .session-chip small{font-family:inherit;font-size:12px;color:#c6d9e5}.game-main .arena-hud{bottom:24px;left:24px;right:24px}.game-main .fighter-hud{min-width:230px;padding:12px 16px;gap:14px}.game-main .fighter-meta>strong{font-size:16px;max-width:180px}.game-main .damage strong{font-size:38px}.game-main .player-label{font-size:9px}.game-main .resource-dots{font-size:10px}.game-footer{height:42px;min-height:42px;margin:0;padding:0 22px;align-items:center;gap:20px;background:#081426;font-family:inherit;font-size:11px;color:#8da9bf;letter-spacing:0}.game-footer .text-button{font-family:inherit;font-size:11px;color:#bdcedb;min-height:36px}.game-footer #controller-status{font-family:inherit;font-size:10px;letter-spacing:0;color:#7e9bb4}.game-footer .keyboard-hint{margin-right:auto}.match-settings{width:460px}.match-settings .dialog-header h2{font-size:28px}.match-settings .fighter-selects{gap:14px}.match-settings .fighter-selects label,.game-field{font-size:13px;color:#acbed0}.match-settings select{font-family:inherit;font-size:13px;min-height:44px;border-radius:9px;padding:10px;background:#0e1829;border:1px solid #445569;color:#e3eff7;width:100%}.game-field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.match-settings .segmented button{font-size:12px;min-height:44px}.match-settings .field-note{font-size:12px}.match-settings .toggle-row{font-size:13px;padding:12px 0}.match-settings .range-label{font-size:12px}.match-settings #moves-button{margin-top:18px}.game-screen:fullscreen{height:100%;width:100%}
@media(max-width:760px){.game-header{height:52px;min-height:52px;padding:0 12px;gap:12px}.game-header .smashup-wordmark{display:none}.game-stage{display:none}.game-header .header-right{margin-left:auto;gap:12px}.game-header #fullscreen-button{display:none}.game-main .arena-top{top:12px;left:12px}.game-main .arena-hud{bottom:12px;left:12px;right:12px;gap:8px}.game-main .fighter-hud{min-width:0;width:44%;padding:8px;gap:6px;border-radius:10px}.game-main .portrait{display:none}.game-main .fighter-meta>strong{font-size:12px;max-width:110px;margin:3px 0}.game-main .damage strong{font-size:25px}.game-main .damage>span{font-size:11px;margin-left:1px}.game-main .player-label{font-size:7px}.game-main .resource-dots{font-size:8px}.game-main .hud-center{display:none}.game-footer{height:38px;min-height:38px;padding:0 12px;gap:16px}.game-footer .keyboard-hint{display:none}.game-footer #controller-status{margin-right:auto}.game-main .arena-overlay h2{font-size:36px}.game-main .overlay-actions{gap:10px;flex-wrap:wrap;justify-content:center}.game-main .arena-overlay p{font-size:13px}.game-main .toast{font-size:12px;padding:10px 12px}.game-main .session-chip small{font-size:10px}}
