.top-actions{display:flex;align-items:center;gap:14px}.account-button{border:1px solid #6e603d;background:#1b1e27;color:#e6d5a9;border-radius:4px;padding:8px 12px;font:11px var(--mono);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-button:hover{background:#29251e;border-color:var(--gold)}
.account-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:#05060bd9;backdrop-filter:blur(8px);animation:account-fade .2s ease-out}.account-dialog{position:relative;width:min(100%,410px);padding:28px;background:linear-gradient(145deg,#22242d,#15171e);border:1px solid #756442;box-shadow:0 24px 90px #0009,0 0 42px #d8b77a12;animation:account-rise .26s cubic-bezier(.2,.8,.2,1)}.account-dialog h2{margin:8px 0 4px;font-size:24px}.account-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#afb1bb;font-size:25px}.account-intro,.account-footnote{font-size:12px;color:#b5b5bb;line-height:1.7}.account-form{display:grid;gap:13px;margin-top:18px}.account-form label{display:grid;gap:5px;color:#dfd7c6;font-size:12px}.account-form input{width:100%;background:#101218;border:1px solid #40434d;border-radius:3px;padding:11px;color:#f5eee0;outline:none}.account-form input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d8b77a22}.account-submit{width:100%;margin-top:4px}.account-links{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.account-links button{border:0;background:transparent;color:#c9b274;font-size:11px;text-decoration:underline}.account-footnote{margin:18px 0 0;font-size:10px;color:#8d909b}.recovery-code{display:block;margin:18px 0;padding:14px 10px;background:#101218;border:1px dashed var(--gold);color:#f1d48b;text-align:center;font:16px var(--mono);letter-spacing:.11em;overflow-wrap:anywhere}
.online-arena-panel{padding:19px;background:linear-gradient(140deg,#1c2029,#14161d);border:1px solid #514832;border-radius:5px;box-shadow:inset 0 1px #fff1}.online-arena-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.online-entry{margin-top:8px}.online-meters{display:flex;gap:8px}.online-meter{min-width:95px;padding:9px 12px;text-align:center;background:#0e1016;border:1px solid #353741;border-radius:4px}.online-meter span,.online-meter b{display:block}.online-meter span{font-size:10px;color:#aeb2bf}.online-meter b{font:19px var(--mono);color:#f2dfb4}.online-meter small{font-size:10px;color:#8d909b}.online-arena-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.muted{color:var(--muted)}
.growth-panel{margin:12px 0 16px;padding:12px 14px;background:linear-gradient(135deg,#1c211f,#171916);border:1px solid #485546;border-radius:5px}.growth-heading{display:flex;align-items:baseline;justify-content:space-between;color:#dce8d9;font-size:12px}.growth-heading strong{font:16px var(--mono);color:#b6d7a7}.growth-heading small{font-size:10px;color:#8f9b8a}.growth-track{height:5px;margin-top:8px;overflow:hidden;background:#30372f;border-radius:8px}.growth-track i{display:block;height:100%;background:linear-gradient(90deg,#78a970,#c4d49a);border-radius:inherit;transition:width .5s ease}.growth-panel p{margin:7px 0 0;color:#aab2a6;font-size:10px;line-height:1.5}.growth-reset{margin-top:8px;padding:5px 9px;color:#e4c4a7;border-color:#705744;font-size:10px}.growth-reset:hover{border-color:#ca9470;background:#37251c}.growth-reset:disabled{opacity:.55}.growth-value{color:#95c483;font-size:9px;font-weight:700}.battle-progression{display:grid;gap:4px;margin:0 0 12px;padding:11px 14px;background:linear-gradient(100deg,#263126,#1b211c);border:1px solid #68815f;border-left:3px solid #a6cb91;border-radius:4px;animation:account-rise .35s ease-out}.battle-progression b{color:#d4e8cb;font-size:12px}.battle-progression span{color:#c2d2b9;font-size:11px}.battle-progression strong{color:#efd89c;font-size:11px}
.battle-progression[hidden]{display:none}
.account-button{display:inline-flex;align-items:center;gap:7px}.account-avatar,.account-avatar-fallback{width:23px;height:23px;flex:0 0 23px;border-radius:50%;object-fit:cover;background:#383a42;color:#eee1c3;display:grid;place-items:center;font:11px var(--mono)}.account-button>span:last-child{overflow:hidden;text-overflow:ellipsis}
.public-identity{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:1px 4px;border:0;background:transparent;color:#c9b274;font-size:10px;text-align:left;cursor:pointer}.public-identity:hover{color:#f2dfb4;text-decoration:underline}.public-avatar{width:18px;height:18px;flex:0 0 18px;overflow:hidden;border:1px solid #676052;border-radius:50%;background:#393a40;color:#e2d4b5;font:9px var(--mono);font-style:normal;display:grid;place-items:center}.public-avatar img{width:100%;height:100%;object-fit:cover}.fighter-owner{margin-top:3px}.profile-backdrop{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:16px;background:#05060bd9;backdrop-filter:blur(7px);animation:account-fade .16s ease-out}.profile-dialog{position:relative;min-width:190px;max-width:min(90vw,280px);padding:24px 34px 20px;display:flex;align-items:center;gap:12px;background:#202229;border:1px solid #685b40;box-shadow:0 20px 60px #0009;animation:account-rise .2s ease-out}.profile-dialog strong{max-width:190px;overflow:hidden;color:#f1eadb;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.profile-avatar{width:42px;height:42px;flex:0 0 42px;overflow:hidden;display:grid;place-items:center;border:1px solid #74664d;border-radius:50%;background:#363840;color:#e3d3b0;font:18px var(--mono);font-style:normal}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-current{display:flex;align-items:center;gap:10px;color:#dfd7c6;font-size:12px}.public-name-editor{margin-top:16px}.public-name-editor .account-form{gap:8px;margin-top:13px}.public-name-editor .account-footnote{margin:0}.account-divider{height:1px;margin:17px 0;background:#ffffff18}.avatar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.avatar-upload,.avatar-reset{width:auto;margin:0;padding:8px 10px;font-size:11px;cursor:pointer}.avatar-actions input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.avatar-reset:disabled{opacity:.45;cursor:not-allowed}
@keyframes account-fade{from{opacity:0}to{opacity:1}}@keyframes account-rise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){.topbar{gap:8px}.top-actions{gap:8px}.top-status{display:none}.account-button{padding:7px 9px;max-width:118px}.online-arena-top{grid-template-columns:1fr;gap:13px}.online-meters{justify-content:stretch}.online-meter{flex:1;min-width:0}.account-dialog{padding:23px 19px}}
.account-dialog{max-height:min(90dvh,720px);overflow-y:auto}.account-dialog h2{margin-bottom:12px}.account-form .account-footnote{margin:-8px 0 0;font-size:10px}.account-transfer{display:grid;gap:7px;margin-top:24px;padding-top:17px;border-top:1px solid #ffffff20}.account-transfer h3{margin:0;color:#eee2c7;font-size:14px}.account-transfer p{margin:0;color:#b5b5bb;font-size:11px;line-height:1.6}.account-transfer .account-form{margin-top:4px}.account-login-link{justify-self:start;margin-top:4px;padding:4px 0;border:0;background:transparent;color:#c9b274;font-size:11px;text-decoration:underline;cursor:pointer}.account-signed-in{display:flex;align-items:center;justify-content:space-between;color:#aeb0b7;font-size:11px}.account-signed-in .account-submit{width:auto;padding:7px 12px}.profile-form{gap:10px}.profile-form .profile-current{margin-bottom:2px}.avatar-actions{margin-top:3px}.profile-dialog{display:grid;grid-template-columns:42px auto;align-items:center;gap:9px 12px;padding-top:33px}.profile-dialog>span{position:absolute;top:9px;left:16px;color:#aeb0b7;font-size:11px}
.account-delete-section{display:grid;gap:8px;margin-top:20px;padding:15px;border:1px solid #9f545455;background:#391e1d38}.account-delete-section h3{margin:0;color:#efb1a9;font-size:14px}.account-delete-section>p{margin:0;color:#c2b5b2;font-size:11px;line-height:1.7}.account-delete-section .account-form{margin-top:3px}.account-delete-section .account-submit{margin-top:2px}.account-delete-section .account-submit:disabled{opacity:.55;cursor:wait}
.bottom-nav{gap:clamp(16px,6vw,54px)}.roster-rank-strip{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:12px 15px;text-align:left;background:linear-gradient(110deg,#22251f,#1b1d1b);border:1px solid #545242;color:var(--text);cursor:pointer}.roster-rank-strip b{color:#d9c27f;font-size:11px;white-space:nowrap}.roster-rank-strip span{flex:1;color:#b8b8b1;font-size:11px;white-space:nowrap}.roster-rank-strip span strong{color:#eee2c7}.roster-rank-strip span i{margin:0 5px;color:#777}.roster-rank-strip em{color:#b5a77e;font-size:10px;font-style:normal;white-space:nowrap}.ranking-page .section-head{margin-top:4px}.ranking-tabs{display:flex;gap:6px;margin:12px 0 8px;padding:4px;background:#131510;border:1px solid #35382e}.ranking-tabs button{flex:1;padding:8px;border:0;background:transparent;color:#97998f;font-size:12px}.ranking-tabs button.active{background:#333428;color:#eddfa9;box-shadow:inset 0 0 0 1px #6d6242}.ranking-caption{margin:0 0 15px;color:#8f9188;font-size:10px}.leaderboard-list{display:grid;gap:7px}.leaderboard-row{display:grid;grid-template-columns:42px minmax(130px,1fr) minmax(135px,.8fr) auto;align-items:center;gap:8px 12px;padding:11px 13px;background:#1b1d1a;border:1px solid #363831}.leaderboard-row.is-self{border-color:#a78d56;background:#25251e}.leaderboard-place{color:#d8c17b;font:18px var(--mono);text-align:center}.leaderboard-place small{margin-left:2px;font:9px var(--serif);color:#a7a393}.leaderboard-fighter{display:flex;align-items:center;gap:9px;min-width:0}.leaderboard-fighter>.portrait-art,.leaderboard-fighter>.arena-avatar-fallback{width:40px;height:40px;flex:none;overflow:hidden;border:1px solid #57574f;background:#292a25}.leaderboard-fighter>div:last-child{display:grid;min-width:0}.leaderboard-fighter b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-fighter small{overflow:hidden;color:#92948a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player{display:flex;align-items:center;gap:6px;min-width:0}.leaderboard-avatar{width:21px;height:21px;flex:none;overflow:hidden;display:grid;place-items:center;border:1px solid #5d5d54;border-radius:50%;background:#32342e;color:#e3d3b0;font-size:10px;font-style:normal}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-player button{overflow:hidden;padding:2px;border:0;background:transparent;color:#c7bc9b;font-size:10px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.leaderboard-score{text-align:right;white-space:nowrap}.leaderboard-score b{display:block;font:14px var(--mono)}.leaderboard-score small{color:#888b80;font-size:9px}.leaderboard-score.positive b{color:#a9d09a}.leaderboard-score.negative b{color:#e09586}.leaderboard-score.neutral b{color:#d2c7a9}.leaderboard-details{grid-column:2/-1;border-top:1px solid #ffffff12;padding-top:4px;color:#aaa99f}.leaderboard-details summary{width:max-content;color:#aaa17e;font-size:10px;cursor:pointer}.leaderboard-details .stat-bars{margin:8px 0}.leaderboard-skills{display:flex;flex-wrap:wrap;gap:6px}.leaderboard-skills span{display:flex;gap:6px;padding:4px 7px;background:#141613;border:1px solid #30332c;font-size:9px}.leaderboard-skills small{color:#c8b678}.leaderboard-resist{display:block;margin-top:7px;color:#92948a;font-size:9px}.ranking-own-label{margin:12px 0 5px;color:#c7bc9b;font-size:10px}.ranking-end{text-align:center;color:#8f9188;font-size:10px}.leaderboard-row .arena-avatar-fallback{display:grid;place-items:center;color:var(--gold)}
@media(max-width:560px){.bottom-nav{gap:12px}.bottom-nav button{min-width:58px;font-size:9px}.roster-rank-strip{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;padding:10px 12px}.roster-rank-strip span{font-size:10px}.roster-rank-strip em{grid-column:2}.leaderboard-row{grid-template-columns:34px minmax(0,1fr) auto;gap:7px 9px;padding:9px}.leaderboard-place{font-size:15px}.leaderboard-fighter>.portrait-art,.leaderboard-fighter>.arena-avatar-fallback{width:35px;height:35px}.leaderboard-player{grid-column:2;grid-row:2}.leaderboard-score{grid-column:3;grid-row:1}.leaderboard-details{grid-column:2/-1}.ranking-page .section-head{margin-bottom:12px}}
.ultimate-card{margin:14px 0;padding:16px 18px;background:radial-gradient(ellipse at 100% 0,#6f4b2424,transparent 55%),linear-gradient(135deg,#201d19,#15171c);border:1px solid #9a7746;border-left:3px solid #e0b955;box-shadow:inset 0 1px #ffffff12,0 8px 24px #0003;position:relative;overflow:hidden}.ultimate-card:after{content:"✦";position:absolute;right:14px;top:6px;color:#e5c36d88;font-size:36px}.ultimate-card .meta{color:#e2c471;font-size:10px;letter-spacing:.08em}.ultimate-card h3{margin:5px 34px 5px 0;color:#f0d99d;font-family:var(--serif);font-size:17px}.ultimate-card p{margin:5px 0;color:#d0c8b7;font-size:11px;line-height:1.65}.ultimate-card small{color:#aaa08c;font-size:9px;line-height:1.55}.leaderboard-ultimate{display:grid;gap:3px;margin:7px 0;padding:7px 9px;background:#2b241a;border-left:2px solid #d1a84d}.leaderboard-ultimate b{color:#e4c674;font-size:10px}.leaderboard-ultimate small{color:#aaa18c;font-size:9px;line-height:1.5}.log-line.ultimate-event,.log-line.action-ultimate{position:relative;color:#ffe4a0;font-weight:800;text-shadow:0 0 18px #e8b94877;animation:ultimate-log-flash .85s ease-out both}.log-line.ultimate-event:before{content:"✦ 必殺技 ✦";display:block;margin-bottom:3px;color:#f1c75e;font:700 9px var(--mono);letter-spacing:.14em}.fighter-a.combat-ultimate,.fighter-b.combat-ultimate{animation:ultimate-caster 1.25s cubic-bezier(.18,.7,.2,1)}.fighter-a.impact-ultimate,.fighter-b.impact-ultimate{animation:ultimate-impact .85s ease-out}@keyframes ultimate-caster{0%{filter:brightness(1);transform:scale(1)}22%{filter:brightness(1.65) drop-shadow(0 0 20px #f3d073);transform:scale(1.08)}55%{filter:brightness(1.35) drop-shadow(0 0 15px #e96d46);transform:scale(.98)}100%{filter:brightness(1);transform:scale(1)}}@keyframes ultimate-impact{0%{filter:brightness(1)}25%{filter:brightness(2.4) drop-shadow(0 0 22px #ffd76d);transform:translateX(-5px) scale(1.05)}60%{filter:brightness(1.3) drop-shadow(0 0 14px #db694e);transform:translateX(4px)}100%{filter:brightness(1);transform:none}}@keyframes ultimate-log-flash{0%{background:#8b62265c;box-shadow:0 0 24px #e3ae3b55}100%{background:transparent;box-shadow:none}}
@media(max-width:560px){.ultimate-card{padding:13px}.ultimate-card h3{font-size:15px}.ultimate-card p{font-size:10px}}
.free-battle-panel{margin:22px 0;padding:18px;background:linear-gradient(150deg,#20231f,#191b18);border:1px solid #45493e;border-top:2px solid #87936b}.free-battle-panel .section-head{margin:0 0 12px}.free-battle-panel .section-head h2{margin:0;font-size:18px}.free-battle-panel .section-head p{margin:3px 0 0;color:#989b8f;font-size:10px}.free-battle-count{color:#b9c49d;font-size:10px;white-space:nowrap}.free-battle-select-label,.free-search-form>label{display:block;margin:10px 0 5px;color:#c2c3b7;font-size:10px}.free-battle-select{width:100%;padding:10px 12px;background:#131512;color:#e7e4d8;border:1px solid #484b41;font:inherit}.free-search-form>div{display:flex;gap:7px}.free-search-form input{flex:1;min-width:0;padding:10px 12px;background:#131512;color:#eee;border:1px solid #484b41;font:inherit}.free-search-form input:focus,.free-battle-select:focus{outline:2px solid #87936b;outline-offset:1px}.free-battle-note,.free-battle-empty{margin:8px 0;color:#999b91;font-size:10px;line-height:1.5}.free-opponents{display:grid;gap:7px;margin-top:12px}.free-opponent{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;background:#171916;border:1px solid #383b34}.free-opponent-avatar{width:48px;height:48px;overflow:hidden;border:1px solid #53564d;background:#252821}.free-opponent-avatar .portrait-art,.free-opponent-avatar>span{width:100%;height:100%}.free-opponent-copy{display:grid;min-width:0;gap:2px}.free-opponent-copy>b{overflow:hidden;color:#e5e1d5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.free-opponent-copy>small{color:#999b91;font-size:9px}.free-opponent-copy>.public-identity{width:max-content;max-width:100%;margin:0;padding:0;border:0;background:none}.free-opponent-copy>.public-identity>span{font-size:9px}.free-opponent-copy .free-opponent-count{color:#aeba9b}.free-opponent>.button{padding:8px 12px;font-size:10px;white-space:nowrap}.free-search-state{padding:16px;text-align:center;color:#96988f;font-size:11px}.match-free{color:#c1d19f;font-size:9px}

/* UX states and clearer reading on narrow screens */
.archive-panel{margin-top:18px;padding:12px 14px;border:1px solid #44464a;background:#17191f}
.archive-panel>summary{display:flex;justify-content:space-between;cursor:pointer;color:#ded8ca;font-size:13px}
.archive-panel>summary span,.archive-panel .roster-meta{color:#a5a6aa;font-size:11px}
.archive-panel .list{margin-top:10px}.archive-row{align-items:center}.archive-row>div{display:grid;gap:4px}.archive-row small{color:#a8a9ad;font-size:11px}
.inline-error,.arena-inline-error{display:block;color:#f1a69b;font-size:12px;line-height:1.5}.arena-inline-error{margin-top:12px;padding:9px 11px;border:1px solid #784e4a;background:#381f20}
.away-report{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border-left:3px solid #93b77c;background:#20271f;color:#d9e7d1}.away-report b{font-size:12px}.away-report span{font-size:12px;color:#c6d2bd;text-align:right}
.battle-highlight{display:grid;gap:5px;margin:0 0 12px;padding:10px 13px;border-left:3px solid #d4ae59;background:#29251d}.battle-highlight b{color:#e7cb82;font-size:11px}.battle-highlight span{color:#e4ded0;font-size:12px;line-height:1.55}
.account-nudge{position:relative;display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 38px 9px 12px;border:1px solid #48483d;background:#1d201c;color:#d5ddce;font-size:12px}.account-nudge .button{margin-left:auto;padding:6px 10px;font-size:11px}.nudge-dismiss{position:absolute;right:8px;top:6px;border:0;background:none;color:#a9aaad;font-size:17px}
.ranking-challenge,.match-rematch{padding:6px 9px;font-size:11px}.ranking-error small{display:block;margin:0 0 12px;color:#f1a69b;font-size:12px}
.roster-meta,.arena-hint,.free-battle-note,.free-battle-empty,.free-battle-select-label,.free-search-form>label,.free-battle-count,.free-opponent-copy>small,.leaderboard-resist,.ranking-caption,.ranking-own-label,.ranking-end{font-size:11px;line-height:1.55}
.online-meter span{font-size:11px}.online-meter small{font-size:11px}.online-meter{min-width:104px}
.rank-progress{display:grid;gap:6px;margin:12px 0 2px}.rank-progress>div{display:flex;justify-content:space-between;gap:10px;color:#e1d3a7;font-size:12px}.rank-progress>div span{color:#d2c08b;font-variant-numeric:tabular-nums}.rank-progress>i{display:block;height:6px;overflow:hidden;border-radius:5px;background:#0c0d11}.rank-progress>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c6d43,#e0c477);transition:width .5s ease}.rank-progress small{color:#a9a69a;font-size:11px;line-height:1.45}
@media(max-width:560px){.away-report{align-items:flex-start;flex-direction:column;gap:4px}.away-report span{text-align:left}.account-nudge{flex-wrap:wrap}.account-nudge .button{margin-left:0}}
@media(max-width:560px){.free-battle-panel{padding:13px}.free-opponent{grid-template-columns:40px minmax(0,1fr) auto;gap:7px;padding:8px}.free-opponent-avatar{width:40px;height:40px}.free-opponent>.button{padding:7px 8px}}
.match-meta .match-type{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid #57584d;border-radius:2px;color:#c5c2b5;font-size:9px;font-style:normal;line-height:1.5;white-space:nowrap}.match-meta .match-type-challenge{border-color:#665a3d;color:#e1cb8b;background:#d1ae4310}.match-meta .match-type-defense{border-color:#49635a;color:#a9d4bc;background:#6ca88910}.match-meta .match-type-free{border-color:#566345;color:#c1d19f;background:#a6bf7810}.match-meta .match-type-practice{border-color:#555b66;color:#b9c3d1;background:#8994a310}.roster-row>.match-type{align-self:center;justify-self:center}

/* Character rank belongs to the registered fighter card. */
.online-entry-rank{display:flex;align-items:center;gap:5px;margin:3px 0 5px;color:#d5c18a;font-size:10px;line-height:1.2}.online-entry-rank-icon{width:20px;height:20px;object-fit:contain}.online-entry-rank>span{margin-left:3px;color:#aeb0a6;font:10px var(--mono)}
/* Fixed square crops prevent uploaded avatars from expanding leaderboard rows. */
.leaderboard-avatar{position:relative;box-sizing:border-box;width:21px;height:21px;min-width:21px;max-width:21px;min-height:21px;max-height:21px;aspect-ratio:1;flex:0 0 21px;padding:0}.leaderboard-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:none}.leaderboard-fighter>.portrait-art,.leaderboard-fighter>.arena-avatar-fallback{box-sizing:border-box;display:block;width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;aspect-ratio:1;flex:0 0 40px}.leaderboard-fighter>.portrait-art{background-size:400% 400%}
.bottom-nav{justify-content:space-around;gap:4px}.bottom-nav button{flex:1;min-width:0;max-width:94px;white-space:nowrap}
.free-page .free-battle-panel{margin:0;padding:20px}.free-page .arena-page-heading{margin-bottom:18px}
@media(max-width:560px){.bottom-nav{justify-content:space-around;gap:2px;padding-left:5px;padding-right:5px}.bottom-nav button{flex:1;min-width:0;max-width:none;padding:0 1px;font-size:9px}.bottom-nav button span{font-size:17px}.leaderboard-fighter>.portrait-art,.leaderboard-fighter>.arena-avatar-fallback{width:35px;height:35px;min-width:35px;max-width:35px;min-height:35px;max-height:35px;flex-basis:35px}.free-page .free-battle-panel{padding:13px}}

/* Open a match snapshot directly from either fighter name in the history. */
.match-stat-details{position:relative;min-width:0}.match-stat-details>summary{display:flex;align-items:baseline;gap:5px;min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;list-style:none}.match-stat-details>summary::-webkit-details-marker{display:none}.match-stat-details>summary:after{content:"⌄";flex:none;color:#c9b274;font-size:11px}.match-stat-details>summary small{flex:none;color:#bfae7d;font-size:9px;font-weight:500}.match-fighter.foe .match-stat-details>summary{justify-content:flex-end}.match-stat-popover{position:absolute;z-index:12;top:calc(100% + 7px);left:0;width:min(290px,78vw);padding:12px;background:#171a18;border:1px solid #77704e;box-shadow:0 12px 28px #000a;text-align:left}.match-fighter.foe .match-stat-popover{left:auto;right:0}.match-stat-popover> b{display:block;margin-bottom:8px;color:#d4c9a9;font-size:10px}.match-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.match-stat-row{display:grid;grid-template-columns:36px 25px minmax(30px,1fr);align-items:center;gap:5px;color:#a9aa9f;font-size:9px}.match-stat-row b{color:#eee5d1;font:10px var(--mono);text-align:right}.match-stat-row>i{height:4px;overflow:hidden;background:#32342e}.match-stat-row>i em{display:block;height:100%;background:linear-gradient(90deg,#738b69,#d6bf78)}.match-stat-skills{display:grid;gap:4px;margin-top:9px;padding-top:8px;border-top:1px solid #ffffff1b}.match-stat-skills span{display:flex;justify-content:space-between;gap:8px;color:#e2d4ad;font-size:10px}.match-stat-skills small{color:#abb0a2;font-size:9px}.match-stat-ultimate{margin-top:7px;color:#e8ca75;font-size:9px}
@media(max-width:560px){.match-stat-details>summary{font-size:11px}.match-stat-details>summary small{font-size:8px}.match-stat-popover{width:min(260px,76vw);padding:10px}.match-stat-grid{gap:5px 7px}}

.leaderboard-row>.ranking-challenge{grid-column:2/-1;justify-self:start}
.ranking-caption{font-size:12px}
.leaderboard-fighter small,.leaderboard-player button{font-size:11px}
.leaderboard-score small,.leaderboard-details summary,.leaderboard-resist{font-size:11px}
.leaderboard-skills span{font-size:10px}
@media(max-width:560px){.leaderboard-fighter small,.leaderboard-player button,.leaderboard-score small,.leaderboard-details summary{font-size:11px}}

.challenge-reset-notice{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:10px 13px;border:1px solid #84713c;border-left:3px solid #e2c46d;background:linear-gradient(100deg,#302a1c,#1c1d1a);color:#e9dfc4}.challenge-reset-notice b{flex:none;color:#f0d17b;font-size:12px}.challenge-reset-notice span{color:#c8c2b1;font-size:11px;line-height:1.5}
@media(max-width:560px){.challenge-reset-notice{align-items:flex-start;flex-direction:column;gap:2px;padding:9px 11px}.challenge-reset-notice span{font-size:10px}}
.shared-opponent-note{margin:-3px 0 10px;padding:8px 11px;border-left:2px solid #c8aa6d;background:#27251e;color:#e2d2a9;font-size:11px}.free-battle-empty{display:grid;justify-items:start;gap:8px;padding:12px 0}.free-battle-empty p{margin:0}.free-battle-empty>b{color:#e4d8b9}.free-battle-empty>span{color:#a6a398;font-size:11px}
.growth-focus-controls,.arena-growth-selects{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.growth-focus-controls label,.arena-growth-selects label{display:flex;align-items:center;gap:6px;color:#9fa99a;font-size:10px}.growth-focus-controls select,.arena-growth-selects select{min-width:82px;padding:5px 7px;border:1px solid #454d43;border-radius:4px;background:#141813;color:#dce8d9;font-size:11px}.growth-focus-controls select:focus,.arena-growth-selects select:focus{outline:2px solid #91b47b;outline-offset:1px}.growth-focus-controls select:disabled,.arena-growth-selects select:disabled{opacity:.6}.arena-growth{margin-top:12px;padding:10px 12px;border:1px solid #3d493b;border-radius:4px;background:#141914}.arena-growth-top{display:flex;justify-content:space-between;color:#dce8d9;font-size:11px}.arena-growth-top span,.arena-growth>small{color:#9faa99;font-size:10px}.arena-growth>small{display:block;margin-top:7px}
.rank-power-note{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 12px;padding:8px 11px;border:1px solid #65553a;border-radius:5px;background:linear-gradient(100deg,#2a261d,#1d1b17);color:#e4d1a2;font-size:11px}.rank-power-note::before{content:"✦";color:#d8b86e;font-size:13px}
.rank-value{color:#b5a0e2;font-size:9px;font-weight:700}
.share-composer-backdrop{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:18px;background:#05060bd9;backdrop-filter:blur(8px);animation:account-fade .18s ease-out}.share-composer{position:relative;width:min(100%,360px);padding:24px;background:linear-gradient(145deg,#22242d,#15171e);border:1px solid #756442;box-shadow:0 24px 90px #0009}.share-composer h2{margin:0 0 18px;font-size:20px}.share-composer-close{position:absolute;top:9px;right:12px;border:0;background:transparent;color:#afb1bb;font-size:25px}.share-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.share-platforms button{min-height:42px;padding:9px 12px;border:1px solid #464853;border-radius:4px;background:#191b22;color:#eee9dd;font:inherit;font-size:13px;cursor:pointer}.share-platforms button:hover,.share-platforms button:focus-visible{border-color:#c5a85f;background:#29271f;outline:none}.share-platforms button:last-child{grid-column:1/-1}
.online-meter span .defense-new{display:inline-flex;vertical-align:middle;margin-left:3px;padding:1px 5px;border:1px solid #8bc49c66;border-radius:999px;color:#a5d8b3;font:700 9px var(--mono);line-height:1.35}
.leaderboard-place{display:grid;justify-items:center;align-content:center;line-height:1.05}.leaderboard-place em{margin-bottom:3px;color:#aaa17e;font:8px var(--serif);font-style:normal}.leaderboard-place small{margin-top:2px}
.free-entry-note{display:block;max-width:390px;margin:0 auto 12px;color:var(--muted);font-size:12px;line-height:1.55}
.account-close{width:44px;height:44px;display:grid;place-items:center;top:5px;right:5px;line-height:1}
.empty{display:grid;justify-items:center;gap:10px;padding:clamp(28px,5vw,44px) 15px}
.empty>p,.empty>small{margin:0}.empty>small{max-width:440px;line-height:1.6}.empty>.button{margin-top:2px}
.account-form-error:not([hidden]){display:block;margin:0;padding:9px 10px;border:1px solid #a64e48;border-radius:4px;background:#5a242633;color:#ffd0c8;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.account-form[aria-busy="true"]{opacity:.78}.account-form .account-submit:disabled{cursor:wait;opacity:.65}
