:root{--app-header:48px;--app-nav:calc(56px + env(safe-area-inset-bottom));--space:8px}
.app-header{position:fixed;inset:0 0 auto;z-index:30;height:var(--app-header);padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:#f5f8fc;border-bottom:1px solid #d6e0ea;color:#172a40}.app-brand{font-weight:900;letter-spacing:-.05em;font-size:23px;text-decoration:none;color:inherit;line-height:1}.app-brand span{display:block;font-size:8px;letter-spacing:.16em;margin-top:3px;font-weight:600}.app-header>div{display:flex;gap:2px}.app-header button{min-width:44px;min-height:44px;border:0;background:transparent;font-size:11px;font-weight:600;color:#253a50;padding:6px 8px;border-radius:8px}.app-nav{position:fixed;inset:auto 0 0;z-index:30;height:var(--app-nav);padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f5f8fc;border-top:1px solid #d6e0ea;box-shadow:none}.app-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:52px;color:#5a6c7d;text-decoration:none;font-size:10px;font-weight:600;line-height:1.3}.app-nav b{font-size:21px;line-height:23px;font-weight:500}.app-nav a[aria-current=page]{color:#0b648d;background:#e3eff6;border-radius:8px}.app-panel{position:fixed;inset:var(--app-header) 0 var(--app-nav);z-index:20;background:#edf3f8}.app-panel iframe{width:100%;height:100%;border:0;display:block}.panel-loading{font-size:13px;padding:16px}.app-panel iframe{position:absolute;inset:0}body[data-app-view=profile] #app-sound,body[data-app-view=ranking] #app-sound,body[data-app-view=profile] #app-help,body[data-app-view=ranking] #app-help{display:none}
.has-app-shell .am-app[data-phase=title]{margin-top:var(--app-header);height:calc(100dvh - var(--app-header) - var(--app-nav));min-height:0;max-width:none}.has-app-shell .am-app[data-phase=title] .am-top{display:none}.has-app-shell .am-app[data-phase=title] .am-arena,.has-app-shell .am-app[data-phase=title] .am-stage{height:100%;min-height:0;display:block}.has-app-shell .am-app[data-phase=title] .am-title-picture{height:100%;min-height:0;max-height:none}.has-app-shell .am-app[data-phase=title] .am-overlay{position:absolute;inset:0;align-items:flex-end;justify-content:center;padding:70px 16px 10px;background:linear-gradient(180deg,transparent 48%,#050b1c15 60%,#050b1cb8 76%,#050b1c 82%)}.has-app-shell .am-app[data-phase=title] .am-dialog{max-width:390px}.has-app-shell .am-app[data-phase=title] .am-title-note{font-size:10px;line-height:1.4;margin-bottom:6px}.has-app-shell .am-app[data-phase=title] .am-start,.has-app-shell .am-app[data-phase=title] .am-login-entry{min-height:44px;border-radius:9px;padding:10px 14px;margin-bottom:4px}.has-app-shell .am-app[data-phase=title].am-signed-in .am-login-entry{min-height:28px;padding:2px}.has-app-shell .am-app[data-phase=title] .am-legal-link{margin-top:4px;font-size:9px}.has-app-shell .am-app[data-phase=select]{padding-top:calc(var(--app-header) + 8px);padding-bottom:calc(var(--app-nav) + 8px)}.has-app-shell .am-app[data-phase=select] .am-top{display:none}body:is([data-game-phase=play],[data-game-phase=countdown],[data-game-phase=pause],[data-game-phase=finish],[data-game-phase=end]) .app-header,body:is([data-game-phase=play],[data-game-phase=countdown],[data-game-phase=pause],[data-game-phase=finish],[data-game-phase=end]) .app-nav{display:none}body:is([data-app-view=profile],[data-app-view=ranking]) .app-header,body:is([data-app-view=profile],[data-app-view=ranking]) .app-nav{display:flex}body:is([data-app-view=profile],[data-app-view=ranking]) .app-nav{display:grid}
.embedded body>main>header{display:none}.embedded main{padding-top:12px}.standalone-profile main{padding-bottom:calc(var(--app-nav) + 16px)}body[data-profile-view=ranking] #member,body[data-profile-view=ranking] #guest,body[data-profile-view=ranking] #heading,body[data-profile-view=ranking] main>.eyebrow,body[data-profile-view=ranking] #status{display:none}body[data-profile-view=profile] #ranking{display:none}
@media(min-width:900px){.app-header{padding-inline:max(24px,calc((100vw - 980px)/2))}.app-nav{padding-inline:max(12px,calc((100vw - 640px)/2))}}

.app-nav svg{width:22px;height:22px;display:block}
@media(max-width:600px) and (orientation:portrait){
.has-app-shell .am-app[data-phase=select]{padding:calc(var(--app-header) + 8px) 12px calc(var(--app-nav) + 8px)}
.has-app-shell .am-app[data-phase=select] .am-world{height:calc(100dvh - var(--app-header) - var(--app-nav) - 16px);min-height:0}
.has-app-shell .am-app[data-phase=select] .am-overlay{padding:10px;background:#edf3f8}
.has-app-shell .am-app[data-phase=select] .am-dialog{padding:8px;max-width:none;background:transparent}
.has-app-shell .am-app[data-phase=select] .am-title{font-size:22px;margin:4px 0}
.has-app-shell .am-app[data-phase=select] .am-caption{font-size:11px;letter-spacing:.03em}
.has-app-shell .am-app[data-phase=select] .am-kicker{font-size:9px}
.has-app-shell .am-app[data-phase=select] .am-select{margin:10px 0;gap:10px}
.has-app-shell .am-app[data-phase=select] .am-fighter-choice{height:clamp(145px,29dvh,215px);border-radius:10px}
.has-app-shell .am-app[data-phase=select] .am-portrait{height:calc(100% - 28px)}
.has-app-shell .am-app[data-phase=select] .am-choice-name{padding:25px 10px 10px}
.has-app-shell .am-app[data-phase=select] .am-choice-name b{font-size:22px}
.has-app-shell .am-app[data-phase=select] .am-choice-name small{font-size:10px}
.has-app-shell .am-app[data-phase=select] .am-select-options{margin:0;padding:6px 0 10px;font-size:11px}
.has-app-shell .am-app[data-phase=select] .am-start{min-height:44px;padding:10px;font-size:14px;border-radius:9px}
.has-app-shell .am-app[data-phase=select] .am-footer{display:none}
}

.app-brand{display:flex;align-items:center;gap:6px}.app-brand img{width:96px;height:40px;object-fit:contain;mix-blend-mode:normal}.app-brand span{display:none}

.am-title-logo{display:none}
.am-app[data-phase=title] .am-title-logo{display:block;position:absolute;top:12px;left:50%;transform:translateX(-50%);width:clamp(190px,60vw,250px);height:auto;z-index:4;pointer-events:none;filter:none;mix-blend-mode:normal}
.am-music-dialog{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #d6e0ea;border-radius:16px;padding:20px;background:#f5f8fc;color:#172a40;box-sizing:border-box}.am-music-dialog::backdrop{background:#030b20aa}.am-music-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.am-music-dialog h2{font-size:20px;margin:0}.am-music-dialog button,.am-music-dialog select{min-height:44px;border:1px solid #c5d3df;border-radius:8px;background:white;color:#172a40;padding:8px 12px;font:inherit}.am-music-dialog label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px}.am-music-dialog select,.am-music-dialog input[type=range]{width:100%;box-sizing:border-box}.am-music-dialog input{accent-color:#086788;min-height:32px}.am-music-dialog #music-toggle{background:#15384e;color:white;width:100%}.am-music-dialog #music-next{margin-top:10px;width:100%}.am-music-dialog #music-current{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.am-music-dialog #music-error{font-size:12px;color:#a0252c;margin-bottom:0}.am-music-dialog :disabled{opacity:.45}
.am-online-entry{display:block;width:100%;min-height:36px;border:1px solid #b7d6e766;border-radius:8px;background:#112d43;color:#fff;font-size:12px;margin:4px 0}.am-online-dialog #online-create,.am-online-dialog #online-join,.am-online-dialog #online-copy,.am-online-dialog #online-leave{display:block;width:100%;margin-top:10px}.am-online-dialog [hidden]{display:none!important}.am-online-dialog p{font-size:12px;line-height:1.6}.am-online-dialog input{box-sizing:border-box;width:100%;min-height:40px}.am-online-dialog #online-login{display:block;color:#086788}

.am-pvp-status{font-size:12px;line-height:1.5;margin:8px 0}.am-pvp-status:empty{display:none}