:root{color:#2f2f2f;background:#fff;--page: #fbf7f7;--text: #2f2f2f;--muted: #7a7a7a;--muted-strong: #555555;--subtle: #aaaaaa;--soft: #f3f3f3;--soft-strong: #ececec;--line: #ececec;--panel: #ffffff;--panel-tint: #fffafa;--panel-muted: #f3f3f3;--dark: #2f2f2f;--accent: #f56c6c;--accent-soft: #ffebeb;--accent-mid: #ffb9b9;--danger: #f56c6c;--green: #f56c6c;--green-soft: #ffebeb;--gold: #d6b56c;--bo-text: #f8fafc;--bo-muted: #dbe4ee;--bo-surface: #fffafa;--bo-panel: #292421;--bo-icon-bg: rgba(10, 10, 10, .82);--bo-unit-bg: #7f513f;--bo-unit-border: #a56c55;--bo-animal-bg: #a77d6c;--bo-animal-border: #b88a76;--bo-building-bg: #385c6d;--bo-building-border: #5f8799;--bo-upgrade-bg: #27664f;--bo-upgrade-border: #469173;--bo-status: #20d99b;--skeleton-base: #ececec;--skeleton-sheen: rgba(255, 255, 255, .72);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page)}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:disabled{cursor:not-allowed;opacity:.58}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.app-shell{position:relative;width:min(100%,720px);min-height:100vh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 8px calc(84px + env(safe-area-inset-bottom));background:var(--panel)}.app-shell[data-theme=empire]{--page: #f7f8fb;--text: #202631;--muted: #727987;--muted-strong: #4d5665;--subtle: #a0a7b4;--soft: #f0f2f6;--soft-strong: #e5e9f0;--line: #e4e8ef;--panel-tint: #fbfcff;--panel-muted: #f3f5f8;--accent: #d6b56c;--accent-soft: #fff4d7;--danger: #e06b6b;--skeleton-base: #e6ebf2;--skeleton-sheen: rgba(255, 255, 255, .68)}.app-shell[data-theme=mint]{--page: #f6faf8;--text: #24302b;--muted: #718078;--muted-strong: #4d6258;--subtle: #9ba9a2;--soft: #eef4f1;--soft-strong: #dfe9e4;--line: #e0ebe5;--panel-tint: #fbfffd;--panel-muted: #f1f7f4;--accent: #43b97f;--accent-soft: #e7f8ef;--danger: #e45f65;--skeleton-base: #dfe9e4;--skeleton-sheen: rgba(255, 255, 255, .7)}.app-shell[data-theme=dark]{--page: #0b0b0b;--text: #f4f4f4;--muted: #9b9b9b;--muted-strong: #c8c8c8;--subtle: #777777;--soft: #242424;--soft-strong: #303030;--line: #2d2d2d;--panel: #151515;--panel-tint: #181818;--panel-muted: #212121;--dark: #f4f4f4;--accent: #f56c6c;--accent-soft: #3a2424;--accent-mid: #5a3131;--danger: #ff707a;--green: #55c98d;--green-soft: #183325;--gold: #d6b56c;--bo-text: #f4f4f4;--bo-muted: #b8b8b8;--bo-surface: #111111;--bo-panel: #101010;--bo-icon-bg: #111111;--bo-unit-bg: #4a2b1f;--bo-unit-border: #8f573e;--bo-animal-bg: #5c3a2b;--bo-animal-border: #a4715f;--bo-building-bg: #173442;--bo-building-border: #37677a;--bo-upgrade-bg: #123529;--bo-upgrade-border: #2e7558;--bo-status: #20d99b;--skeleton-base: #2a2a2a;--skeleton-sheen: rgba(255, 255, 255, .08);color:var(--text);background:var(--page)}.mobile-topbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -8px;padding:14px 18px 13px;background:#fffffff5;border-bottom:1px solid rgba(236,236,236,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-shell[data-theme=dark] .mobile-topbar,.app-shell[data-theme=dark] .bottom-nav{background:#151515f5;border-color:var(--line)}.page-stack{display:grid;gap:12px}.brand-lockup,.brand-lockup>div,.topbar-actions,.hero-actions,.section-head,.section-title-row,.profile-head{display:flex;align-items:center}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-lockup>img{width:34px;height:34px;border-radius:7px;object-fit:contain}.brand-lockup>div{gap:18px}.brand-lockup span{color:var(--subtle);font-size:23px;font-weight:650;line-height:1}.topbar-actions{flex:0 0 auto;gap:13px}.topbar-actions button{position:relative;display:grid;place-items:center;min-width:34px;min-height:34px;border:0;color:var(--text);background:transparent}.topbar-install span{position:absolute;right:-4px;top:-3px;width:7px;min-width:0;height:7px;overflow:hidden;border-radius:999px;color:transparent;background:var(--accent)}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:740;letter-spacing:0}h1,h2,h3,p{margin:0}h1{color:var(--text);font-size:29px;font-weight:840;line-height:1;letter-spacing:0}h2{color:var(--text);font-size:20px;font-weight:820;line-height:1.22;letter-spacing:0}h3{color:var(--text);font-size:15px;font-weight:780;line-height:1.28;letter-spacing:0}.battle-hero{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;margin-top:14px;padding:14px;border-radius:8px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 28px #2f2f2f09;animation:enter-up .18s ease-out both}.battle-hero.unbound{background:linear-gradient(180deg,#fff,snow 74%),var(--panel)}.battle-hero.bound{background:radial-gradient(circle at 96% 12%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(180deg,#fff,snow 76%),var(--panel);border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}.app-shell[data-theme=dark] .battle-hero.unbound,.app-shell[data-theme=dark] .battle-hero.bound{background:linear-gradient(180deg,#181818,#151515 76%);border-color:var(--line);box-shadow:none}.hero-art{display:grid;place-items:center;width:64px;height:64px;border-radius:8px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f0a}.hero-art img{width:44px;height:44px;object-fit:contain}.hero-art.player-avatar{background:color-mix(in srgb,var(--panel-muted) 76%,#ffffff);padding:3px}.hero-art.player-avatar img{width:58px;height:58px;border-radius:7px;object-fit:cover;box-shadow:0 2px 8px #2f2f2f14}.app-shell[data-theme=dark] .hero-art.player-avatar{background:#242424;box-shadow:inset 0 0 0 1px #ffffff14}.app-shell[data-theme=dark] .hero-art.player-avatar img{box-shadow:none}.hero-art.brand-avatar img{width:44px;height:44px;object-fit:contain}.hero-unbind-button{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;color:var(--muted);background:transparent}.hero-unbind-button:focus-visible,.hero-unbind-button:active{color:var(--accent);background:var(--accent-soft)}.hero-content{display:grid;min-width:0;gap:8px}.hero-bound-layout{display:grid;min-width:0;gap:10px}.hero-profile-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding-right:30px}.hero-identity{display:grid;min-width:0;gap:5px}.hero-kicker{display:inline-flex;align-items:center;width:fit-content;gap:5px;min-height:22px;padding:0 7px;border-radius:6px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:820}.ranked-mode-switch{display:flex;gap:6px;min-width:0;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.ranked-mode-switch::-webkit-scrollbar{display:none}.ranked-mode-switch button,.mode-summary-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:34px;border:0;border-radius:7px;padding:0 9px;color:var(--muted);background:var(--soft);font-size:12px;font-weight:820;box-shadow:inset 0 0 0 1px #2f2f2f09}.ranked-mode-switch button.active{color:var(--accent);background:var(--accent-soft)}.mode-summary-chip.passive{opacity:.82}.ranked-mode-switch img{width:14px;height:14px;object-fit:contain}.ranked-mode-switch strong{color:currentColor;font-weight:880}.hero-player-title{min-width:0;color:var(--text);font-size:23px;font-weight:840;line-height:1.1;overflow-wrap:anywhere}.hero-rank-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.hero-rank-line>span{display:inline-flex;align-items:center;gap:4px;min-height:22px;border-radius:6px;padding:0 7px;color:var(--muted);background:var(--soft);font-size:11px;font-weight:780}.hero-rank-badge{background:color-mix(in srgb,currentColor 10%,var(--panel))!important}.hero-rank-badge img{width:13px;height:13px;object-fit:contain}.hero-rating-focus{display:grid;justify-items:end;gap:2px;min-width:68px}.hero-rating-focus strong{color:var(--gold);font-size:34px;font-weight:900;line-height:.95}.hero-rating-focus span{color:#14b88a;font-size:11px;font-weight:820;white-space:nowrap}.hero-content p,.empty-copy,.result-row span,.match-row span,.profile-panel p,.quick-card p,.feed-card p{min-width:0;color:var(--muted);line-height:1.42}.hero-content p{font-size:14px}.hero-actions{flex-wrap:wrap;gap:9px;margin-top:6px}.hero-actions button,.search-row button,.card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:0;border-radius:8px;padding:0 14px;color:#fff;background:var(--accent);font-weight:820}.hero-actions button{min-width:104px}.hero-actions .ghost-action{min-width:72px;color:var(--text);background:var(--soft-strong)}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.card-actions .ghost-action{color:var(--text);background:var(--soft-strong)}.hero-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.profile-metrics,.hero-metrics span{display:grid}.profile-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-radius:8px;overflow:hidden;background:var(--line)}.profile-metrics span,.hero-metrics span{position:relative;display:grid;min-width:0;min-height:82px;align-content:center;justify-items:start;gap:7px;border-radius:8px;padding:12px;background:#fff}.hero-metrics span{--metric-color: var(--accent);--metric-bg: #fff7f7;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--metric-color) 10%,transparent),transparent 52%),var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.hero-metrics .metric-rating{--metric-color: #f56c6c;--metric-bg: #fff1f1}.hero-metrics .metric-rank{--metric-color: #d6a84f;--metric-bg: #fff8e8}.hero-metrics .metric-games{--metric-color: #5ba7f7;--metric-bg: #eef7ff}.hero-metrics .metric-winrate{--metric-color: #43b97f;--metric-bg: #eefaf4}.hero-metrics .metric-streak.positive{--metric-color: #14b88a}.hero-metrics .metric-streak.negative{--metric-color: #ff4f55}.hero-metrics .metric-streak.neutral{--metric-color: #8b96a5}.hero-metrics .metric-apm{--metric-color: #d6a84f}.profile-metrics strong,.hero-metrics strong{min-width:0;color:var(--metric-color, var(--text));font-size:25px;font-weight:880;line-height:1;overflow-wrap:anywhere}.profile-metrics small,.hero-metrics small{color:var(--subtle);font-size:12px;line-height:1.1}.hero-metrics small{display:inline-flex;align-items:center;gap:4px;color:color-mix(in srgb,var(--metric-color) 70%,#7a7a7a);font-weight:820}.hero-metrics small:before{width:5px;height:5px;border-radius:999px;content:"";background:var(--metric-color);opacity:.72}.hero-metrics em{min-width:0;color:var(--muted);font-size:11px;font-style:normal;font-weight:720;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-metrics .sr-only{position:absolute;display:block;width:1px;height:1px;min-width:0;min-height:0;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.channel-rail{display:flex;gap:8px;overflow-x:auto;margin:18px -8px 0;padding:0 18px 4px;scrollbar-width:none}.channel-rail::-webkit-scrollbar,.chips::-webkit-scrollbar,.feed-list::-webkit-scrollbar{display:none}.channel-rail button{display:inline-flex;align-items:center;flex:0 0 auto;min-height:38px;border:0;border-radius:8px;padding:0 14px;color:var(--muted);background:var(--soft);font-size:13px;font-weight:780;box-shadow:inset 0 0 0 1px #2f2f2f06}.channel-rail button.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #f56c6c1f}.search-panel,.panel{display:grid;gap:12px;margin-top:12px;padding:14px;border-radius:8px;border:1px solid var(--line);background:var(--panel);box-shadow:0 8px 22px #2f2f2f09}.binding-panel{background:var(--panel-tint);animation:enter-up .16s ease-out both}.mode-pill,.profile-id,.section-title-row>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:30px;border-radius:8px;padding:0 9px;color:var(--muted);background:var(--soft);font-size:12px;font-weight:740;white-space:nowrap}.section-head,.section-title-row,.profile-head{justify-content:space-between;gap:12px}.search-form{display:grid;gap:8px}.search-form label{color:var(--muted);font-size:13px;font-weight:700}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}input,.search-row button{min-height:44px}input{width:100%;min-width:0;border:0;border-radius:8px;padding:0 12px;color:var(--text);background:#fff;box-shadow:inset 0 0 0 1px #d9d9d9;caret-color:var(--accent);accent-color:var(--accent);outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.app-shell[data-theme=dark] input,.app-shell[data-theme=dark] input:focus{color:var(--text);background:#1f1f1f;box-shadow:inset 0 0 0 1px #3a3a3a}.app-shell[data-theme=dark] input:focus{box-shadow:inset 0 0 0 2px var(--accent)}.app-shell[data-theme=dark] input:-webkit-autofill,.app-shell[data-theme=dark] input:-webkit-autofill:hover,.app-shell[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px #1f1f1f inset}input::selection{color:var(--text);background:#f56c6c29}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-out}input[type=search]::-webkit-search-cancel-button{width:16px;height:16px;margin-left:8px;border-radius:50%;background:linear-gradient(45deg,transparent 44%,#7a7a7a 44%,#7a7a7a 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#7a7a7a 44%,#7a7a7a 56%,transparent 56%);cursor:pointer;opacity:.82;-webkit-appearance:none}input:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--accent)}.search-row:focus-within{background:transparent}.search-row button{padding:0 14px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips button{flex:0 0 auto;min-height:34px;max-width:170px;border:0;border-radius:8px;padding:0 11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--soft)}.recent-viewed-players{display:grid;gap:8px;min-width:0}.recent-viewed-players>strong{color:var(--muted);font-size:12px;font-weight:850}.recent-viewed-players .chips button{color:var(--text);background:var(--panel-muted)}.notice{margin:10px 0 0;padding:11px 12px;border-radius:8px;color:var(--muted);background:var(--soft);font-size:13px}.toast-layer{position:fixed;top:calc(max(12px,env(safe-area-inset-top)) + 58px);right:max(10px,calc((100vw - 720px)/2 + 10px));left:max(10px,calc((100vw - 720px)/2 + 10px));z-index:30;display:flex;justify-content:center;pointer-events:none}.toast-message{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:min(100%,520px);min-height:48px;border:1px solid rgba(245,108,108,.16);border-radius:8px;padding:10px 10px 10px 14px;color:var(--text);background:#fffffffa;box-shadow:0 14px 30px #2f2f2f1f;font-size:14px;font-weight:720;pointer-events:auto;animation:toast-in .16s ease-out both}.app-shell[data-theme=dark] .toast-message,.app-shell[data-theme=dark] .player-action-sheet{background:#212121;border-color:var(--line)}.toast-message span{min-width:0;overflow-wrap:anywhere}.toast-message button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;color:var(--muted);background:var(--soft)}.update-layer{position:fixed;right:max(14px,calc((100vw - 720px)/2 + 14px));bottom:calc(92px + env(safe-area-inset-bottom));left:max(14px,calc((100vw - 720px)/2 + 14px));z-index:32;pointer-events:none}.update-card{display:grid;gap:12px;width:min(100%,560px);margin:0 auto;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:12px;padding:14px 16px;color:var(--text);background:color-mix(in srgb,var(--panel) 94%,var(--accent-soft));box-shadow:0 18px 42px #0f0f0f2e;pointer-events:auto;animation:toast-in .18s ease-out both}.update-card-title{display:flex;align-items:center;gap:8px;min-width:0}.update-card-title span{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;color:var(--panel);background:var(--text);font-size:15px;font-weight:920;line-height:1}.update-card-title h2{margin:0;font-size:17px;line-height:1.15}.update-progress{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--panel-muted))}.update-progress:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:inherit;background:repeating-linear-gradient(45deg,var(--accent) 0 12px,color-mix(in srgb,var(--accent) 70%,var(--accent-mid)) 12px 24px);animation:updateProgress .95s linear infinite}.update-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.app-shell[data-theme=dark] .update-card{background:#181818;box-shadow:0 18px 42px #00000061}.app-shell[data-theme=dark] .update-card-title span{color:#151515;background:#f4f4f4}.app-shell[data-theme=dark] .update-progress{background:#2a2a2a}.app-shell[data-theme=dark] .update-card p{color:#c6c6c6}@keyframes updateProgress{0%{transform:translate(-24px)}to{transform:translate(0)}}.empty-page{display:grid;justify-items:start;gap:10px;min-height:260px;align-content:center;padding:18px;color:var(--text)}.empty-page>svg{color:var(--muted)}.empty-page p{max-width:300px;color:var(--muted);line-height:1.45}.empty-page button{min-height:38px;border:0;border-radius:8px;padding:0 13px;color:#fff;background:var(--accent);font-weight:820}.empty-page.compact{min-height:118px;margin:0 14px}.intel-feed,.recent-matches-panel,.tool-matrix{display:grid;gap:10px;margin-top:22px}.section-title-row{padding:0 14px}.feed-list{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:9px;overflow-x:auto;margin:0 -8px;padding:0 22px 2px;scrollbar-width:none}.feed-card{display:grid;align-content:start;gap:8px;min-height:128px;padding:13px;border-radius:8px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.feed-card>span{width:fit-content;border-radius:5px;padding:3px 7px;color:#fff;background:var(--accent);font-size:11px;font-weight:800}.feed-card p,.quick-card p,.profile-panel p{font-size:13px}.feed-card small{align-self:end;color:var(--accent);font-size:12px;font-weight:760}.recent-match-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1 1 auto;max-width:min(72%,340px)}.recent-match-title-actions>span{flex:0 0 auto;width:fit-content;color:var(--muted);font-size:12px;font-weight:760;white-space:nowrap}.recent-match-filters{display:flex;justify-content:flex-end;gap:5px;min-width:0;max-width:min(100%,230px);overflow-x:auto;padding-bottom:0;scrollbar-width:none}.recent-match-filters::-webkit-scrollbar{display:none}.recent-match-filters button{flex:0 0 auto;min-height:28px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:9px;padding:0 8px;color:var(--muted);background:color-mix(in srgb,var(--panel-muted) 76%,var(--panel));font-size:11px;font-weight:860}.recent-match-filters button.active{color:#fff;border-color:transparent;background:var(--accent)}.recent-match-list{display:grid;gap:8px;padding:0 14px}.recent-match-list.expanded{max-height:min(58vh,520px);overflow-y:auto;overscroll-behavior:contain;padding-right:9px;scrollbar-width:thin;scrollbar-color:#c8cdd3 transparent}.recent-match-list.expanded::-webkit-scrollbar{width:5px}.recent-match-list.expanded::-webkit-scrollbar-thumb{border-radius:999px;background:#c8cdd3}.recent-match-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:stretch;gap:10px;width:100%;min-height:104px;border:0;border-radius:8px;padding:9px 10px 9px 8px;color:var(--text);text-align:left;background:var(--panel-muted);border-left:3px solid var(--subtle);box-shadow:inset 0 0 0 1px #2f2f2f09;overflow:hidden}.recent-match-card:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:2px}.recent-match-card.win{border-left-color:#1fbd78}.recent-match-card.loss{border-left-color:#ff5b5f}.match-map-thumb{position:relative;width:58px;height:76px;align-self:center;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--map-pat) 68%,transparent),transparent 46%),linear-gradient(135deg,var(--map-bg),var(--map-pat))}.match-map-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.98) contrast(1.02)}.recent-match-card h3,.recent-match-card p,.recent-match-card span,.recent-match-card strong,.recent-match-card small,.recent-match-card time{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-summary{display:grid;min-width:0;overflow:hidden;gap:7px}.match-topline,.match-scoreline,.match-detail-line{display:flex;align-items:center;min-width:0}.match-topline{justify-content:space-between;gap:8px}.match-topline>div{display:grid;min-width:0;gap:2px}.recent-match-card p,.recent-match-card small,.recent-match-card time{color:var(--muted);font-size:12px}.match-topline time{flex:0 0 auto;color:var(--subtle);font-weight:720}.match-scoreline{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto minmax(0,1fr);gap:6px;min-width:0;width:100%}.match-scoreline>*{min-width:0}.rating-diff{flex:0 0 auto;font-size:17px;font-weight:860;line-height:1;white-space:nowrap}.rating-diff.positive{color:#1fbd78}.rating-diff.negative{color:#ff5b5f}.player-name{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;font-size:14px;font-weight:840}.player-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name.win{color:#14b88a}.player-name.loss{color:#ff4f55}.player-name.unknown{color:var(--muted)}.player-name.opponent{justify-content:flex-end;margin-left:0;text-align:right}.player-name img{flex:0 0 auto;width:22px;height:22px;border-radius:5px;object-fit:cover;box-shadow:0 1px 4px #2f2f2f38}.versus{flex:0 0 auto;color:var(--subtle);font-size:11px;font-weight:840;text-align:center}.match-detail-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;color:var(--muted);font-size:12px}.match-detail-line strong{color:var(--text);font-size:14px;font-weight:820}.match-detail-line strong:last-child{text-align:right}.rating-value.win{color:#14b88a}.rating-value.loss{color:#ff4f55}.rating-value.unknown{color:var(--text)}.match-detail-line small{justify-self:center;color:var(--subtle);font-size:10px;font-weight:760}.match-list-status{display:grid;place-items:center;min-height:38px;border-radius:8px;color:var(--muted);background:var(--soft);font-size:12px;font-weight:760}.match-expand-button{min-height:42px;border:0;border-radius:8px;color:var(--text);background:var(--soft);font-weight:820}.result-pill{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:26px;border-radius:7px;padding:0 8px;color:var(--muted);background:#fff;font-size:12px;font-weight:820}.result-pill.win{color:#1f8b40;background:#e8f8ee}.result-pill.loss{color:#b84b55;background:#fff0f1}.insight-panel{display:grid;gap:10px;margin-top:22px}.elo-chart-card,.civ-stat-table,.season-stat-list,.ladder-elo-grid{margin:0 14px}.elo-chart-card{display:grid;gap:12px;border-radius:8px;padding:14px;background:linear-gradient(135deg,rgba(214,168,79,.12),transparent 42%),var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f0b,0 10px 24px #2f2f2f0d}.elo-chart-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(82px,auto) auto;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:740}.elo-chart-summary>div{display:grid;min-width:0;gap:4px}.elo-chart-summary span{color:var(--muted);font-size:11px;font-weight:760}.elo-chart-summary strong{color:var(--text);font-size:32px;font-weight:880;line-height:1}.elo-chart-range{justify-items:end}.elo-chart-range strong{color:var(--muted);font-size:13px;font-weight:820}.score-chip{display:inline-grid;place-items:center;min-width:50px;min-height:42px;border-radius:8px;padding:5px 9px;font-size:15px;font-weight:880;line-height:1}.score-chip small{margin-top:3px;color:currentColor;font-size:10px;font-weight:760;opacity:.72}.score-chip.positive{color:#12885d;background:#14b88a1f}.score-chip.negative{color:#ff4f55;background:#ff4f551f}.elo-line-chart{position:relative;height:150px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,rgba(214,168,79,.025) 1px,transparent 1px),linear-gradient(180deg,rgba(214,168,79,.025) 1px,transparent 1px),linear-gradient(180deg,#d6a84f0b,#d6a84f03),var(--panel);background-size:42px 42px,100% 42px,auto,auto;box-shadow:inset 0 0 0 1px #d6a84f0f}.elo-line-chart svg{display:block;width:100%;height:100%}.elo-line-chart line{stroke:#d6a84f24;stroke-width:1;stroke-dasharray:5 7}.elo-line-chart .elo-area{fill:#d6a84f17}.elo-line-chart .elo-line{fill:none;stroke:url(#elo-scan-line);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.elo-line-chart circle{fill:#ffd36f;stroke:var(--panel);stroke-width:1.8;cursor:pointer}.elo-line-chart circle.latest{fill:#fff;stroke:#ff5b5f;stroke-width:3}.elo-line-chart circle.selected{fill:#fff;stroke:#fff;stroke-width:3.2}.elo-line-chart text{fill:#d6c7a8;font-size:9px;font-weight:820;paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}.elo-line-chart text.selected-label{fill:#fff;font-size:10px}.elo-selected-point{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:38px;border-radius:8px;padding:0 10px;color:var(--muted);background:color-mix(in srgb,var(--panel) 76%,transparent);font-size:12px;font-weight:760}.elo-selected-point strong{color:var(--text);font-size:18px;line-height:1}.elo-selected-point em{min-width:54px;border-radius:7px;padding:5px 8px;font-style:normal;font-weight:860;text-align:center}.elo-selected-point em.positive{color:#12885d;background:#14b88a1f}.elo-selected-point em.negative{color:#ff4f55;background:#ff4f551f}.elo-chart-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:740}.elo-chart-meta strong{display:inline-grid;place-items:center;min-height:28px;border-radius:8px;padding:0 10px;color:var(--text);background:color-mix(in srgb,var(--panel) 76%,transparent);font-size:13px;line-height:1}.elo-chart-meta span:last-child{text-align:right}.score-delta{color:var(--muted);font-weight:860}.score-delta.positive{color:#14b88a}.score-delta.negative{color:#ff4f55}.season-stat-list,.season-stat-groups{display:grid;gap:8px}.civ-stat-table{overflow:hidden;border-radius:8px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.stat-segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 14px;padding:3px;border-radius:8px;background:var(--soft)}.stat-segmented-control button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:32px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:11px;font-weight:820;white-space:nowrap}.stat-segmented-control button.active{color:var(--text);background:var(--panel);box-shadow:0 1px 5px #2f2f2f14}.stat-segmented-control span{color:var(--subtle);font-size:10px}.stat-empty-row{display:grid;place-items:center;min-height:86px;margin:0 14px;border-radius:8px;color:var(--muted);background:var(--panel-muted);font-size:13px;font-weight:760}.civ-stat-header,.civ-stat-row{display:grid;grid-template-columns:minmax(86px,1.36fr) minmax(42px,.6fr) minmax(44px,.64fr) minmax(52px,.72fr) minmax(30px,.42fr);align-items:center;gap:5px;min-width:0}.map-stat-table .civ-stat-header,.map-stat-table .civ-stat-row{grid-template-columns:minmax(102px,1.5fr) minmax(46px,.62fr) minmax(56px,.72fr) minmax(30px,.42fr);min-width:0}.civ-stat-header{position:sticky;top:0;z-index:1;min-height:32px;padding:0 8px;color:var(--muted);background:color-mix(in srgb,var(--panel-muted) 88%,var(--panel));font-size:10px;font-weight:820}.civ-stat-header span:not(:first-child){text-align:right}.season-stat-groups{margin:0 14px}.season-stat-group{display:grid;gap:8px}.season-stat-group h3{padding:0 2px;color:var(--muted);font-size:13px;font-weight:820}.civ-stat-row,.season-stat-row,.ladder-elo-card{box-shadow:inset 0 0 0 1px #2f2f2f09}.civ-stat-row{min-height:50px;padding:7px 8px;background:transparent;border-top:1px solid color-mix(in srgb,var(--line) 62%,transparent);box-shadow:none}.civ-stat-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:var(--text);background:#fff;box-shadow:inset 0 0 0 1px #2f2f2f0f;font-weight:840}.civ-stat-icon img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.civ-stat-name{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;min-width:0}.civ-stat-name>div{display:grid;min-width:0;gap:2px}.civ-stat-row strong{font-size:12px}.civ-stat-row strong,.civ-stat-row small,.season-stat-row strong,.season-stat-row small,.ladder-elo-card small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.season-stat-row>div{display:grid;min-width:0;gap:4px}.civ-stat-row small,.season-stat-row small,.ladder-elo-card small{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;font-weight:680}.civ-stat-row small{gap:3px;font-size:10px}.civ-stat-row>span,.civ-stat-row>em{text-align:right;font-size:11px}.civ-stat-row .score-delta{font-size:11px}.win-text,.loss-text{font-weight:840}.win-text{color:#14b88a}.loss-text{color:#ff4f55}.civ-stat-row em,.season-stat-row em,.ladder-elo-card em{color:var(--text);font-style:normal;font-weight:840;text-align:right}.season-stat-row{display:grid;grid-template-columns:44px 28px minmax(0,1fr) 58px;align-items:center;gap:9px;min-height:62px;border-radius:8px;padding:10px;background:var(--panel-muted)}.season-stat-row.current{background:var(--accent-soft)}.season-stat-row>span{display:grid;place-items:center;min-height:34px;border-radius:8px;color:var(--accent);background:#fff;font-size:12px;font-weight:820}.season-rank-icon{width:26px;height:26px;object-fit:contain}.ladder-elo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ladder-elo-card{display:grid;gap:6px;min-height:112px;border-radius:8px;padding:12px}.ladder-elo-card span{color:var(--muted);font-size:12px;font-weight:820}.ladder-elo-card strong{color:var(--accent);font-size:26px;line-height:1}.ladder-elo-card em{text-align:left;color:#14b88a}.result-list,.inline-results,.match-list,.profile-panel{display:grid;gap:10px}.result-list,.inline-results{max-height:min(48vh,380px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8cdd3 transparent}.inline-results{max-height:238px;gap:0;border:1px solid var(--line);border-radius:8px}.result-list::-webkit-scrollbar,.inline-results::-webkit-scrollbar{width:5px}.result-list::-webkit-scrollbar-thumb,.inline-results::-webkit-scrollbar-thumb{border-radius:999px;background:#c8cdd3}.inline-results .result-row{border-radius:0;box-shadow:none}.inline-results .result-row+.result-row{border-top:1px solid var(--line)}.search-skeleton-list{display:grid;gap:8px}.search-skeleton-row{display:grid;gap:9px;min-height:64px;border-radius:8px;padding:12px;background:var(--panel-muted);overflow:hidden}.search-skeleton-row span,.search-skeleton-row small{position:relative;overflow:hidden;border-radius:999px;background:var(--skeleton-base)}.search-skeleton-row span{width:46%;height:15px}.search-skeleton-row small{width:64%;height:22px}.search-skeleton-row span:after,.search-skeleton-row small:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-sheen),transparent);animation:skeleton-shimmer 1.1s ease-in-out infinite}.skeleton-line,.skeleton-block,.skeleton-chip{position:relative;display:block;overflow:hidden;color:transparent;background:var(--skeleton-base)}.skeleton-line:after,.skeleton-block:after,.skeleton-chip:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-sheen),transparent);animation:skeleton-shimmer 1.15s ease-in-out infinite}.skeleton-line{width:100%;height:12px;border-radius:999px}.skeleton-line.eyebrow-line{width:58px;height:11px;margin-bottom:7px}.skeleton-line.heading-line{width:132px;height:20px}.skeleton-line.title-meta-line{width:86px;height:13px}.skeleton-line.strong{width:min(100%,82px);height:14px}.skeleton-line.value{width:72px;height:32px;border-radius:8px}.skeleton-line.medium{width:76px}.skeleton-line.short{width:52px}.skeleton-line.tiny{width:28px}.skeleton-chip{width:46px;min-height:26px;border-radius:8px}.skeleton-chip.tall{min-height:42px}.skeleton-match-card{border-left-color:var(--skeleton-base)}.skeleton-match-card .match-map-thumb,.skeleton-match-card .skeleton-block.match-map-thumb{background:var(--skeleton-base)}.skeleton-scoreline{align-items:center}.result-row,.match-row{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(72px,auto);gap:8px;align-items:center;min-width:0;width:100%;min-height:54px;border:0;border-radius:8px;padding:11px;color:var(--text);text-align:left;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.match-row{grid-template-columns:minmax(0,1fr) auto}.result-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;color:var(--text);background:#fff;box-shadow:inset 0 0 0 1px #2f2f2f0f;font-size:15px;font-weight:840}.result-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.result-row>span,.result-row strong,.match-row strong,.match-row span{min-width:0}.result-row strong,.match-row strong,.match-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-row strong,.match-row strong{font-size:15px}.result-main{display:grid;gap:6px;min-width:0}.result-main>strong{display:block;line-height:1.22}.rank-badges{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:5px;min-width:0}.rank-badges small{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:128px;min-height:22px;border-radius:6px;padding:0 6px;color:var(--muted);background:#fff;box-shadow:inset 0 0 0 1px #2f2f2f0d;font-size:12px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-badges small>span{flex:0 0 auto;color:var(--text);font-weight:820}.rank-icon{flex:0 0 auto;width:16px;height:16px;object-fit:contain}.result-meta{justify-self:end;min-width:0;max-width:96px;overflow:hidden;color:var(--subtle);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:760}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-card{display:grid;align-content:start;min-height:104px;padding:13px;border-radius:8px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.quick-card-button{border:0;color:var(--text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.quick-card-button:active,.quick-card-button:focus-visible{background:var(--accent-soft);outline:none}.quick-card h2{margin-bottom:7px;font-size:16px}.settings-panel{display:grid;gap:10px;margin-top:8px}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-grid button{display:grid;justify-items:start;gap:6px;min-width:0;min-height:98px;border:0;border-radius:8px;padding:11px;color:var(--text);text-align:left;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.theme-grid button.active{box-shadow:inset 0 0 0 2px var(--accent)}.theme-grid strong,.theme-grid small{min-width:0;overflow-wrap:anywhere}.theme-grid small{color:var(--muted);font-size:11px;line-height:1.35}.theme-swatch{width:26px;height:18px;border-radius:999px;box-shadow:inset 0 0 0 1px #2f2f2f0d}.theme-swatch.baima{background:linear-gradient(90deg,#f56c6c 50%,#ffebeb 50%)}.theme-swatch.empire{background:linear-gradient(90deg,#d6b56c 50%,#202631 50%)}.theme-swatch.mint{background:linear-gradient(90deg,#43b97f 50%,#e7f8ef 50%)}.theme-swatch.dark{background:linear-gradient(90deg,#151515 50%,#f56c6c 50%)}.local-data-panel{border-top:1px solid var(--line);padding-top:12px}.local-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.local-data-grid span{display:grid;min-width:0;gap:5px;border-radius:8px;padding:10px 8px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.local-data-grid small{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:760}.local-data-grid strong{color:var(--text);font-size:19px;font-weight:920;line-height:1}.settings-note{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-actions button{min-height:40px;border:1px solid transparent;border-radius:8px;color:#fff;background:var(--accent);font-size:13px;font-weight:860}.settings-actions .ghost-action{color:var(--muted-strong);background:var(--panel-muted);border-color:var(--line)}.settings-actions .danger-action{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--panel-muted));border-color:color-mix(in srgb,var(--danger) 36%,var(--line))}.about-panel{border-top:1px solid var(--line);padding-top:12px}.about-panel p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.about-panel .section-title-row button{min-width:64px;min-height:34px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-muted);font-size:12px;font-weight:860}.bottom-nav{position:fixed;right:max(0px,calc((100vw - 720px)/2));bottom:0;left:max(0px,calc((100vw - 720px)/2));z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:8px 18px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:grid;place-items:center;gap:3px;min-width:0;min-height:48px;border:0;border-radius:8px;padding:5px 2px;color:var(--subtle);background:transparent;font-size:11px;font-weight:740;-webkit-tap-highlight-color:transparent;outline:none}.bottom-nav button:focus-visible{box-shadow:inset 0 0 0 2px #f56c6c47}.bottom-nav button span{display:grid;place-items:center;line-height:1}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active span{width:38px;height:28px;border-radius:8px;color:#fff;background:var(--accent)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;display:grid;align-items:end;padding:0 max(8px,calc((100vw - 720px)/2 + 8px)) calc(84px + env(safe-area-inset-bottom));background:#2f2f2f38}.confirm-scrim{z-index:80;display:flex;place-items:center;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) max(14px,calc((100vw - 720px)/2 + 14px)) calc(96px + env(safe-area-inset-bottom));background:#0000006b}.player-action-sheet{display:grid;gap:10px;width:min(100%,704px);margin:0 auto;border-radius:14px 14px 8px 8px;padding:8px 10px 10px;background:#fff;box-shadow:0 -18px 42px #2f2f2f2e}.match-preview-scrim{z-index:70;background:#00000052}.match-preview-sheet{display:grid;gap:12px;width:min(100%,704px);max-height:min(78vh,680px);margin:0 auto;overflow-y:auto;overscroll-behavior:contain;border-radius:14px 14px 8px 8px;padding:8px 10px 12px;background:var(--panel);box-shadow:0 -18px 42px #2f2f2f33}.match-preview-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px}.match-preview-head h2,.match-preview-head p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-preview-head h2{font-size:20px}.match-preview-head p{margin-top:3px;color:var(--muted);font-size:12px}.match-preview-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.match-preview-meta span{min-width:0;border-radius:8px;padding:9px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.match-preview-meta small,.match-preview-meta strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-preview-meta small{color:var(--muted);font-size:10px;font-weight:780}.match-preview-meta strong{margin-top:2px;color:var(--text);font-size:13px;font-weight:860}.match-preview-teams{display:grid;gap:8px}.match-preview-team{display:grid;gap:7px;border-radius:8px;padding:10px;background:var(--panel-muted)}.match-preview-team h3{color:var(--muted);font-size:12px}.match-preview-player{display:grid;grid-template-columns:32px minmax(0,1fr) 32px 52px;align-items:center;gap:8px;min-height:40px}.match-preview-player span:not(.detail-civ-icon){display:grid;min-width:0;gap:2px}.match-preview-player strong,.match-preview-player small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-preview-player strong{color:var(--text);font-size:13px}.match-preview-player small{color:var(--muted);font-size:11px}.match-preview-player em,.match-preview-player b{font-style:normal;text-align:right;font-size:12px;font-weight:840}.match-preview-player.win em,.match-preview-player.win b{color:#14b88a}.match-preview-player.loss em,.match-preview-player.loss b{color:#ff4f55}.match-detail-scrim{z-index:72;background:#00000057}.match-detail-sheet{max-height:min(76vh,680px);overflow-y:auto;overscroll-behavior:contain}.match-detail-page,.match-detail-content{display:grid;gap:10px}.match-detail-page{padding-bottom:max(16px,env(safe-area-inset-bottom))}.detail-back-button{justify-self:end;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:8px;color:var(--text);background:var(--soft)}.match-detail-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:10px;padding:12px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.match-detail-title-row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:11px;min-width:0}.detail-map-thumb{width:64px;height:64px;align-self:stretch}.match-detail-head h2{margin:8px 0 4px;font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-detail-head p{color:var(--muted);font-size:12px}.match-detail-head button{display:grid;place-items:center}.detail-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.detail-stat-card{display:grid;align-content:center;gap:4px;min-width:0;min-height:64px;border-radius:8px;padding:10px 8px;text-align:center;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.detail-stat-card small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:820}.detail-stat-card strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900}.detail-stat-card.win strong,.detail-stat-card.positive strong{color:#14b88a}.detail-stat-card.loss strong,.detail-stat-card.negative strong{color:#ff4f55}.player-name-link{min-width:0;width:fit-content;max-width:100%;border:0;border-radius:4px;padding:0;color:var(--text);background:transparent;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-weight:860}.player-name-link:disabled{opacity:1;cursor:default}.player-name-link:not(:disabled):focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:2px}.player-name-link:not(:disabled):active{color:var(--accent)}.official-source-card{display:grid;gap:5px;border-radius:8px;padding:12px;color:var(--muted);background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.official-source-card small{color:var(--accent);font-size:11px;font-weight:840}.official-source-card strong{color:var(--text);font-size:15px}.official-source-card span{font-size:12px;line-height:1.38}.match-info-card{gap:8px}.match-info-grid{display:grid;grid-template-columns:74px minmax(0,1fr);gap:6px 10px;min-width:0;font-size:12px}.match-info-grid span{color:var(--muted)}.match-info-grid b{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:760}.official-detail-entry{width:100%;min-height:40px;margin-top:4px;border:0;border-radius:8px;color:#fff;background:var(--accent);font-size:13px;font-weight:840}.official-detail-entry:disabled{opacity:.72}.official-summary-error{color:#ff4f55;font-size:12px;font-style:normal;line-height:1.38}.official-detail-panel{display:grid;gap:10px;border-radius:8px;padding:12px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.official-panel-head{display:flex;align-items:end;justify-content:space-between;gap:10px;min-width:0}.official-panel-head small{color:var(--accent);font-size:11px;font-weight:840}.official-panel-head h3{color:var(--text);font-size:16px}.official-empty-copy{color:var(--muted);font-size:12px;line-height:1.45}.official-comparison-scroll,.timeline-chart-scroll{overflow-x:auto;scrollbar-width:thin}.official-comparison-sections,.unit-breakdown-grid,.strategy-card-grid{display:grid;gap:9px}.official-build-order-scroll{max-height:min(560px,68vh);overflow:auto;overscroll-behavior-y:contain;padding:8px;border-radius:8px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--bo-surface) 88%,var(--panel)) 0%,var(--bo-surface) 100%);scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent}.official-build-order-scroll::-webkit-scrollbar{width:8px}.official-build-order-scroll::-webkit-scrollbar-track{background:transparent}.official-build-order-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:var(--accent-soft)}.build-order-minute-board{display:grid;gap:6px;min-width:0}.build-order-minute-grid{display:grid;gap:6px;align-items:start}.build-order-sticky-head{position:sticky;top:0;z-index:2;align-items:stretch;padding:0 0 5px;background:var(--bo-surface)}.build-order-minute-rows{display:grid;gap:8px}.build-order-minute-corner,.build-order-minute-label{display:flex;align-items:center;justify-content:center;min-height:30px;border-radius:7px;color:var(--muted);background:color-mix(in srgb,var(--panel-muted) 82%,var(--bo-surface));font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}.build-order-minute-label{position:sticky;left:0;z-index:1;min-height:28px;background:var(--bo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 72%,transparent)}.build-order-empty-slot{display:block;min-height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 42%,transparent);opacity:.5}.comparison-category-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.comparison-category-tabs::-webkit-scrollbar{display:none}.comparison-category-tabs button{flex:0 0 auto;min-height:36px;border:0;border-radius:10px;padding:0 13px;color:var(--muted);background:color-mix(in srgb,var(--panel-muted) 72%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 56%,transparent);font-size:13px;font-weight:860}.comparison-category-tabs button.active{color:#fff;background:var(--accent);box-shadow:none}.comparison-section{display:grid;gap:10px;border-radius:12px;padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-muted) 62%,transparent),transparent 72%),var(--panel);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 62%,transparent)}.comparison-focus-card{padding:12px}.comparison-section h4{margin:0;color:var(--text);font-size:17px;font-weight:920}.comparison-matrix-scroll{overflow-x:auto;scrollbar-width:thin}.comparison-matrix-scroll:has(.comparison-matrix.fit){overflow-x:visible}.comparison-matrix{display:grid;gap:7px;align-items:center;width:100%}.comparison-metric-row{display:contents}.comparison-player-chip{display:inline-flex;align-items:center;gap:7px;min-width:0;height:38px;border:0;border-radius:10px;padding:0 10px;color:var(--text);background:color-mix(in srgb,var(--panel-muted) 82%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 48%,transparent);font-size:12px;font-weight:900}.comparison-player-chip i,.build-order-player-head i{flex:0 0 auto;width:8px;height:8px;border-radius:999px}.comparison-player-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-metric-label{display:flex;align-items:center;min-height:34px;color:var(--muted);font-size:12px;font-weight:860}.comparison-value{display:flex;align-items:center;justify-content:flex-end;min-width:0;min-height:38px;border-radius:10px;padding:0 10px;color:var(--text);background:color-mix(in srgb,var(--panel-muted) 86%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 42%,transparent);font-size:15px;font-weight:920;font-variant-numeric:tabular-nums}.comparison-value.empty{color:var(--subtle)}.official-comparison-grid{display:grid;gap:5px 6px;align-items:center}.comparison-row-fragment{display:contents}.comparison-group,.comparison-column{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-group{color:var(--muted);font-size:10px;font-weight:860}.comparison-column{color:var(--subtle);font-size:10px;font-weight:760}.comparison-player{display:flex;align-items:center;gap:7px;min-width:0;height:30px}.comparison-player i,.timeline-legend i{flex:0 0 auto;width:9px;height:9px;border-radius:999px}.comparison-player span{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:820}.comparison-value{display:flex;align-items:center;justify-content:flex-end;height:30px;border-radius:4px;padding:0 6px;color:var(--text);background:var(--panel-muted);font-size:12px;font-weight:840}.comparison-value.empty{color:var(--muted);background:transparent}.build-order-player-card,.unit-breakdown-card,.strategy-card{display:grid;gap:9px;border-radius:8px;padding:10px;background:var(--panel);box-shadow:inset 0 0 0 1px #2f2f2f09}.build-order-player-head{display:flex;align-items:center;gap:6px;min-width:0;min-height:36px;border:1px solid var(--line);border-radius:7px;padding:6px 7px;background:color-mix(in srgb,var(--panel) 76%,var(--bo-surface))}.build-order-player-head strong{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:860}.build-order-player-head>span:not(.build-order-civ-mark){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 72px;margin-left:auto;color:var(--muted);font-size:10px;font-weight:760}.build-order-civ-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;margin-left:auto;border-radius:6px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden}.build-order-civ-mark img{width:100%;height:100%;object-fit:cover}.build-order-civ-mark em{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;font-weight:760;font-style:normal}.build-order-events{display:grid;gap:4px}.build-order-event{display:grid;grid-template-columns:27px 24px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:34px;border-radius:7px;padding:0 6px;border:1px solid rgba(255,255,255,.12);background:var(--bo-panel);color:var(--bo-text);box-shadow:0 1px #0000000d}.build-order-event.type-unit,.build-order-event.type-animal{border-color:var(--bo-unit-border);background:var(--bo-unit-bg)}.build-order-event.type-animal{border-color:var(--bo-animal-border);background:var(--bo-animal-bg)}.build-order-event.type-building{border-color:var(--bo-building-border);background:var(--bo-building-bg)}.build-order-event.type-upgrade,.build-order-event.type-technology,.build-order-event.type-age{border-color:var(--bo-upgrade-border);background:var(--bo-upgrade-bg)}.build-order-event time{color:color-mix(in srgb,var(--bo-text) 82%,transparent);font-size:9px;font-weight:860;font-variant-numeric:tabular-nums}.build-order-event-icon{display:grid;place-items:center;width:24px;height:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:var(--bo-icon-bg)}.build-order-event-icon img{width:100%;height:100%;object-fit:cover;display:block}.build-order-event-icon i{width:12px;height:12px;border-radius:4px;background:var(--muted);opacity:.45}.build-order-event-name{min-width:0;overflow:hidden;color:var(--bo-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}.build-order-event em{min-width:22px;color:var(--bo-muted);font-size:9px;font-style:normal;font-weight:900;text-align:right}.build-order-event.lost em{color:#ff4f55}.build-order-event.created em,.build-order-event.building em{color:var(--bo-status)}.unit-breakdown-mode-switch{display:inline-flex;width:fit-content;gap:4px;border-radius:8px;padding:3px;background:var(--panel-muted)}.unit-breakdown-mode-switch button{min-height:28px;border:1px solid transparent;border-radius:6px;padding:0 12px;color:var(--muted);background:transparent;font-size:12px;font-weight:860}.unit-breakdown-mode-switch button.active{border-color:color-mix(in srgb,var(--accent) 46%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 76%,var(--panel))}.unit-breakdown-scroll{overflow-x:auto;scrollbar-width:thin}.unit-breakdown-board{display:grid;gap:9px;align-items:start}.unit-breakdown-board.fit{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-breakdown-board.scrollable{grid-auto-flow:column;grid-auto-columns:minmax(210px,76%)}.unit-count-list{display:grid;align-content:start;gap:4px;min-width:0}.unit-count-list span{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:32px;border-radius:6px;padding:3px 8px 3px 4px;background:var(--panel-muted)}.unit-count-list span:hover{background:var(--soft)}.unit-count-icon{display:grid;place-items:center;width:25px;height:25px;overflow:hidden;border-radius:5px;background:var(--panel)}.unit-count-icon:empty:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--accent);opacity:.72}.unit-count-icon img{width:100%;height:100%;object-fit:cover;display:block}.unit-count-list small{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760}.unit-count-list strong{color:var(--accent);font-size:12px;font-weight:880}.unit-count-list em{color:var(--muted);font-size:12px;font-style:normal}.official-strategy-panel{background:var(--panel);border:1px solid var(--line);box-shadow:none}.strategy-analysis-grid{display:grid;gap:10px}.strategy-player-card{display:grid;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;background:color-mix(in srgb,var(--panel) 86%,var(--panel-muted))}.strategy-player-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.strategy-player-head h4{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:920}.strategy-player-head p{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:4px;color:var(--muted);font-size:11px;font-weight:780}.strategy-meta-badge,.strategy-tag-pill,.strategy-standard-tag{display:inline-flex;align-items:center;justify-content:center;min-height:22px;border-radius:999px;padding:0 8px;font-size:10px;font-weight:920;line-height:1;white-space:nowrap}.strategy-meta-badge.ally{color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 72%,transparent);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent)}.strategy-meta-badge.enemy,.strategy-meta-badge.loss{color:#ff5f65;background:#ff5f6521;border:1px solid rgba(255,95,101,.34)}.strategy-meta-badge.win{color:#10b981;background:#10b98121;border:1px solid rgba(16,185,129,.34)}.strategy-tag-list{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;min-width:0;max-width:178px}.strategy-tag-pill{position:relative;color:var(--muted);background:var(--panel-muted);border:1px solid var(--line);outline:none}.strategy-tag-pill.type-economy,.strategy-tag-pill.type-double-tc,.strategy-tag-pill.type-trade,.strategy-tag-pill.type-discipline{color:#10b981;background:#10b9811f;border-color:#10b98152}.strategy-tag-pill.type-combat,.strategy-tag-pill.type-warning,.strategy-tag-pill.type-dark-rush{color:#ff5f65;background:#ff5f651f;border-color:#ff5f6552}.strategy-tag-pill.type-award{color:#d6a93c;background:#d6a93c24;border-color:#d6a93c57}.strategy-tag-pill.type-fast-castle,.strategy-tag-pill.type-fast-imperial{color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 72%,transparent);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.strategy-tag-pill.type-grit{color:#8b5cf6;background:#8b5cf624;border-color:#8b5cf657}.strategy-standard-tag{color:var(--muted);background:var(--panel-muted)}.strategy-tag-pill em{position:absolute;z-index:5;top:calc(100% + 6px);right:0;width:max-content;max-width:220px;border:1px solid var(--line);border-radius:7px;padding:7px 9px;color:var(--text);background:var(--panel);box-shadow:0 10px 24px #0000002e;font-size:11px;font-style:normal;font-weight:760;line-height:1.42;text-align:left;white-space:normal}.strategy-age-grid,.strategy-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.strategy-age-card,.strategy-info-section{display:grid;gap:7px;min-width:0;border-radius:7px;padding:9px;background:var(--panel-muted);border:1px solid var(--line)}.strategy-age-card b,.strategy-info-section>b{font-size:11px;font-weight:930}.strategy-age-card.feudal{color:#d6a93c;background:#d6a93c1f;border-color:#d6a93c57;box-shadow:inset 0 2px #d6a93ce6}.strategy-age-card.castle{color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 52%,var(--panel));border-color:color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:inset 0 2px 0 var(--accent)}.strategy-age-card.imperial{color:#8b5cf6;background:#8b5cf621;border-color:#8b5cf657;box-shadow:inset 0 2px #8b5cf6e6}.strategy-info-section.building{color:#38bdf8;background:#38bdf81a;border-color:#38bdf852}.strategy-info-section.economy{color:#10b981;background:#10b9811a;border-color:#10b98152}.strategy-info-section.military{color:#ff5f65;background:#ff5f651a;border-color:#ff5f6552}.strategy-info-section p{margin:0;color:var(--text);font-size:12px;font-weight:850;line-height:1.4}.strategy-info-section>div{display:grid;gap:6px}.strategy-icon-text{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;min-width:0;min-height:30px}.strategy-icon-text img,.strategy-icon-text i{display:block;width:28px;height:28px;border:1px solid currentColor;border-radius:5px;object-fit:cover;background:var(--panel)}.strategy-icon-text i{opacity:.55}.strategy-icon-text span{display:grid;min-width:0}.strategy-icon-text strong{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900}.strategy-icon-text small{color:var(--muted);font-size:10px;font-weight:760}@media(max-width:420px){.strategy-player-head{grid-template-columns:1fr}.strategy-tag-list{justify-content:flex-start;max-width:none}.strategy-age-grid,.strategy-section-grid{grid-template-columns:1fr}}.timeline-metric-strip{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.timeline-metric-strip button{flex:0 0 auto;min-height:32px;border:0;border-radius:8px;padding:0 10px;color:var(--muted);background:var(--panel);font-size:12px;font-weight:800}.timeline-metric-strip button.active{color:#fff;background:var(--accent)}.timeline-metric-strip button:disabled{opacity:.42}.timeline-chart{width:720px;height:260px;border-radius:8px;background:var(--panel)}.timeline-chart.interactive{cursor:crosshair;touch-action:manipulation}.timeline-grid-line{stroke:#78788038;stroke-width:1}.timeline-axis-label{fill:var(--muted);font-size:10px;font-weight:720}.timeline-series-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.timeline-selected-line{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 5;opacity:.86}.timeline-selected-dot{stroke:var(--panel);stroke-width:2}.timeline-selection-hint{border-radius:8px;padding:9px 10px;color:var(--muted);background:var(--panel);font-size:12px;font-weight:760}.timeline-selection-card{display:grid;gap:8px;border-radius:8px;padding:10px;background:var(--panel);box-shadow:inset 0 0 0 1px #2f2f2f09}.timeline-selection-card>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.timeline-selection-card small{color:var(--muted);font-size:11px;font-weight:780}.timeline-selection-card>div strong{color:var(--accent);font-size:14px;font-weight:900}.timeline-selection-card ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.timeline-selection-card li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;border-radius:7px;padding:0 8px;background:var(--panel-muted)}.timeline-selection-card li span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:820}.timeline-selection-card li i{flex:0 0 auto;width:8px;height:8px;border-radius:999px}.timeline-selection-card li strong{flex:0 0 auto;color:var(--text);font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.timeline-legend{display:flex;flex-wrap:wrap;gap:7px}.timeline-legend span{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:24px;border-radius:999px;padding:0 8px;color:var(--text);background:var(--panel);font-size:11px;font-weight:780}.detail-team-grid,.official-detail-skeleton{display:grid;gap:9px}.detail-team-card{display:grid;gap:8px;border-radius:8px;padding:11px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.detail-team-card h3{color:var(--muted);font-size:12px;font-weight:840}.detail-player-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px 52px;align-items:center;gap:8px;min-width:0;min-height:42px}.detail-civ-icon{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:7px;color:var(--muted);background:var(--panel);overflow:hidden;font-size:12px;font-weight:820}.random-civ-badge{position:absolute;right:-4px;bottom:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:15px;border:1px solid var(--panel-muted);border-radius:999px;padding:0 4px;color:#fff;background:var(--accent);box-shadow:0 2px 7px #2f2f2f2e;font-size:9px;font-style:normal;font-weight:880;line-height:1}.detail-civ-icon img{width:100%;height:100%;object-fit:cover}.detail-player-row span:not(.detail-civ-icon){display:grid;min-width:0;gap:2px}.detail-player-row strong,.detail-player-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-player-row strong{color:var(--text);font-size:13px}.detail-player-row small{color:var(--muted);font-size:11px}.detail-player-row em,.detail-player-row b{font-style:normal;text-align:right;font-size:12px;font-weight:840}.detail-player-row b{display:grid;justify-items:end;gap:1px}.detail-player-row b .score-diff{color:var(--muted);font-size:10px;font-weight:820}.detail-player-row b .score-diff.positive{color:#14b88a}.detail-player-row b .score-diff.negative{color:#ff4f55}.detail-player-row.win em,.detail-player-row.win b{color:#14b88a}.detail-player-row.loss em,.detail-player-row.loss b{color:#ff4f55}.profile-view-page{display:grid;gap:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.profile-view-head{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;border-radius:10px;padding:12px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.icon-back-button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:8px;color:var(--text);background:var(--soft)}.profile-view-head h2,.profile-view-head p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-view-head p:not(.eyebrow){color:var(--muted);font-size:12px}.profile-view-hero{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;border-radius:8px;padding:13px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.profile-view-hero h2,.profile-view-hero p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-view-hero p{margin-top:4px;color:var(--muted);font-size:13px}.profile-view-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-view-metrics span{display:grid;min-width:0;gap:5px;border-radius:8px;padding:11px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px #2f2f2f09}.profile-view-metrics small{color:var(--muted);font-size:11px;font-weight:780}.profile-view-metrics strong{color:var(--text);font-size:22px;font-weight:880;line-height:1}.profile-view-metrics em{min-width:0;overflow:hidden;color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:760}.civilization-stats-page{display:grid;gap:14px;margin:0 -8px;padding:18px 18px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 54%,var(--panel)) 0%,var(--panel) 46%),var(--panel)}.app-shell[data-theme=dark] .civilization-stats-page{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 34%,var(--panel)) 0%,var(--panel) 48%),var(--panel)}.civilization-stats-hero{display:flex;align-items:start;justify-content:space-between;gap:14px}.civilization-stats-hero h2{color:var(--text);font-size:29px;font-weight:900}.civilization-stats-hero p{margin-top:5px;color:var(--muted);font-size:14px;font-weight:760}.civilization-stats-hero button{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:color-mix(in srgb,var(--panel) 82%,var(--panel-muted));box-shadow:0 8px 20px #2f2f2f0f}.civilization-stats-hero button:active,.civilization-stats-hero button:focus-visible{color:var(--accent);background:var(--accent-soft);outline:none}.civilization-filter-card,.civilization-ranking-card{display:grid;gap:16px;border:1px solid var(--line);border-radius:22px;padding:18px;background:var(--panel);box-shadow:0 12px 30px #2f2f2f0e}.app-shell[data-theme=dark] .civilization-filter-card,.app-shell[data-theme=dark] .civilization-ranking-card{box-shadow:none}.civilization-filter-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.civilization-filter-card button{display:grid;justify-items:start;min-width:0;min-height:58px;gap:4px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:14px;padding:9px 12px;color:var(--text);background:color-mix(in srgb,var(--panel-muted) 78%,var(--panel));text-align:left}.civilization-filter-card button.wide{grid-column:1 / -1}.civilization-filter-card button:active,.civilization-filter-card button:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.civilization-filter-card span,.civilization-filter-card strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.civilization-filter-card span{color:var(--muted);font-size:11px;font-weight:820}.civilization-filter-card strong{color:var(--text);font-size:16px;font-weight:900}.filter-sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:end;padding:14px;background:#0000006b;animation:toast-in .16s ease-out}.filter-sheet{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:100%;max-width:560px;max-height:min(74vh,620px);margin:0 auto;border:1px solid var(--line);border-radius:18px 18px 12px 12px;padding:10px 12px max(14px,env(safe-area-inset-bottom));background:var(--panel);box-shadow:0 -18px 46px #00000038}.filter-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.filter-sheet-head h3{color:var(--text);font-size:20px;font-weight:900}.filter-sheet-head button{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:0;border-radius:10px;color:var(--muted);background:var(--panel-muted)}.filter-option-list{display:grid;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.filter-option-list.map-options{max-height:none}.filter-option-list button{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:54px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:13px;padding:9px 10px 9px 12px;color:var(--text);background:color-mix(in srgb,var(--panel-muted) 72%,var(--panel));text-align:left}.filter-option-list button.active{border-color:color-mix(in srgb,var(--accent) 64%,var(--line));background:var(--accent-soft)}.filter-option-list span{display:grid;min-width:0;gap:3px}.filter-option-list strong,.filter-option-list small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-option-list strong{color:var(--text);font-size:15px;font-weight:900}.filter-option-list small{color:var(--muted);font-size:12px;font-weight:760}.filter-option-list i{display:grid;place-items:center;width:18px;height:18px;border:2px solid var(--line);border-radius:999px}.filter-option-list button.active i{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 42%,transparent 46%)}.civilization-ranking-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.civilization-ranking-head h3{color:var(--text);font-size:21px;font-weight:900}.civilization-ranking-head p,.civilization-ranking-head span{color:var(--muted);font-size:13px;font-weight:760}.civilization-ranking-head span{flex:0 0 auto;margin-top:5px}.civilization-ranking-list{display:grid;gap:12px}.civilization-ranking-row{display:grid;grid-template-columns:34px 54px minmax(0,1fr);gap:12px;align-items:center;min-height:96px;border:1px solid var(--line);border-radius:18px;padding:12px;background:color-mix(in srgb,var(--panel) 84%,var(--panel-muted))}.skeleton-civ-row{grid-template-columns:54px minmax(0,1fr);min-height:88px}.skeleton-civ-row span,.skeleton-civ-row div{display:block;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--panel-muted) 72%,transparent),color-mix(in srgb,var(--accent-soft) 56%,var(--panel-muted)),color-mix(in srgb,var(--panel-muted) 72%,transparent));background-size:220% 100%;animation:skeletonPulse 1.25s ease-in-out infinite}.skeleton-civ-row span{width:54px;height:54px}.skeleton-civ-row div{width:100%;height:46px;border-radius:14px}.civilization-rank-medal{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;color:var(--muted);background:var(--panel-muted);font-size:13px;font-weight:900}.civilization-rank-medal.rank-1:before,.civilization-rank-medal.rank-2:before,.civilization-rank-medal.rank-3:before{content:"";width:16px;height:16px;border-radius:5px;background:currentColor;clip-path:polygon(50% 0%,61% 33%,96% 33%,68% 54%,79% 88%,50% 67%,21% 88%,32% 54%,4% 33%,39% 33%)}.civilization-rank-medal.rank-1{color:var(--gold)}.civilization-rank-medal.rank-2{color:var(--subtle)}.civilization-rank-medal.rank-3{color:#b77a3a}.civilization-rank-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:999px;overflow:hidden;color:var(--muted);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line),0 4px 12px #2f2f2f14;font-weight:900}.civilization-rank-icon img{width:100%;height:100%;object-fit:cover}.civilization-rank-main{display:grid;min-width:0;gap:8px}.civilization-rank-main>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.civilization-rank-main strong{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900}.civilization-rank-main b{flex:0 0 auto;color:var(--accent);font-size:24px;font-weight:900}.civilization-rank-main p{color:var(--muted);font-size:13px;font-weight:760}.civilization-rank-progress{position:relative;display:block;height:7px;width:100%;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--line) 68%,transparent)}.civilization-rank-progress:before{content:"";position:absolute;inset:0 auto 0 0;width:min(100%,var(--rank-progress, 0%));border-radius:inherit;background:var(--accent)}.civilization-more-button{min-height:42px;border:0;border-radius:12px;color:#fff;background:var(--accent);font-size:14px;font-weight:860}.civilization-more-button:disabled{color:var(--muted);background:var(--panel-muted)}.specialists-page{display:grid;gap:12px;margin:0 -8px;padding:16px 16px 8px}.specialists-hero{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}.specialists-hero h2{color:var(--text);font-size:28px;font-weight:920}.specialists-hero span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:760}.icon-soft-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel-muted)}.icon-soft-button.accent{color:var(--accent);background:var(--accent-soft)}.icon-soft-button:disabled{opacity:.55}.specialists-summary-card,.specialists-list-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 12px 30px #2f2f2f0d}.app-shell[data-theme=dark] .specialists-summary-card,.app-shell[data-theme=dark] .specialists-list-card{box-shadow:none}.specialists-summary-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,auto);align-items:center;gap:10px;padding:12px}.specialists-summary-card>div{display:grid;min-width:0;gap:3px}.specialists-summary-card strong{color:var(--text);font-size:16px;font-weight:900}.specialists-summary-card span{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:760}.specialists-summary-card button{grid-column:1 / -1;min-height:38px;border:0;border-radius:10px;color:var(--accent);background:var(--accent-soft);font-weight:860}.inline-alert{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:12px;padding:10px 12px;color:var(--accent);background:var(--accent-soft);font-size:13px;font-weight:780}.specialists-civ-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.specialists-civ-strip{display:flex;gap:8px;overflow-x:auto;padding:1px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.specialists-civ-strip::-webkit-scrollbar{display:none}.specialists-civ-strip button,.specialists-all-civs-button{display:grid;align-items:center;flex:0 0 auto;min-height:42px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:var(--panel-muted)}.specialists-civ-strip button{grid-template-columns:30px minmax(58px,auto) auto;gap:7px;padding:6px 9px 6px 6px}.specialists-all-civs-button{padding:0 12px;color:var(--text);font-size:12px;font-weight:860;white-space:nowrap}.specialists-civ-strip button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:var(--accent-soft)}.specialists-civ-icon{display:grid;place-items:center;width:30px;height:30px;overflow:hidden;border-radius:999px;background:var(--panel)}.specialists-civ-icon img{width:100%;height:100%;object-fit:cover}.specialists-civ-strip strong,.specialists-civ-strip em{white-space:nowrap;font-size:12px;font-style:normal;font-weight:840}.specialists-civ-strip em{color:var(--subtle)}.specialists-picker-scrim{z-index:70}.specialists-picker-sheet{max-height:min(78vh,680px)}.specialists-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.specialists-picker-list button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon name" "icon count";align-items:center;gap:2px 8px;min-width:0;min-height:58px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:14px;padding:8px;color:var(--text);background:color-mix(in srgb,var(--panel-muted) 72%,var(--panel));text-align:left}.specialists-picker-list button.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));background:var(--accent-soft)}.specialists-picker-list .specialists-civ-icon{grid-area:icon;width:34px;height:34px}.specialists-picker-list strong,.specialists-picker-list em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.specialists-picker-list strong{grid-area:name;font-size:13px;font-weight:900}.specialists-picker-list em{grid-area:count;color:var(--muted);font-size:11px;font-style:normal;font-weight:760}.specialists-list-card{display:grid;gap:12px;padding:14px}.specialists-list-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.specialists-list-head h3{color:var(--text);font-size:22px;font-weight:920}.specialists-list-head span{display:inline-flex;align-items:center;min-height:30px;border-radius:10px;padding:0 10px;color:var(--accent);background:var(--accent-soft);font-size:12px;font-weight:860}.specialists-list,.specialist-skeleton-list{display:grid;gap:10px}.specialist-card{display:grid;grid-template-columns:42px 44px minmax(0,1fr) auto;grid-template-areas:"rank avatar main civ" "rank avatar metrics metrics";align-items:center;gap:8px 10px;min-width:0;min-height:86px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:16px;padding:10px;color:var(--text);background:color-mix(in srgb,var(--panel) 82%,var(--panel-muted));text-align:left}button.specialist-card{cursor:pointer}.specialist-card:active,.specialist-card:focus-visible{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));outline:none}.specialist-rank{grid-area:rank;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--muted);background:var(--panel-muted);font-size:13px;font-weight:900}.specialist-rank.rank-1,.specialist-rank.rank-2,.specialist-rank.rank-3{color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,var(--panel-muted))}.specialist-avatar{grid-area:avatar;width:44px;height:44px;overflow:hidden;border-radius:12px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px var(--line)}.specialist-avatar img{width:100%;height:100%;object-fit:cover}.specialist-main{grid-area:main;display:grid;min-width:0;gap:4px}.specialist-main strong{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900}.specialist-main small,.specialist-metrics small{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760}.specialist-main small{display:flex;align-items:center;gap:5px}.specialist-main small img{width:18px;height:18px;object-fit:contain}.specialist-civ{grid-area:civ;display:inline-flex;align-items:center;gap:6px;justify-self:end;min-height:32px;border-radius:10px;padding:0 8px;color:var(--accent);background:var(--accent-soft)}.specialist-civ img{width:24px;height:24px;border-radius:999px;object-fit:cover}.specialist-civ em{font-size:16px;font-style:normal;font-weight:920}.specialist-metrics{grid-area:metrics;display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.specialist-metrics b{flex:0 0 auto;color:#14b88a;font-size:18px;font-weight:920}.specialist-skeleton-list .specialist-card{grid-template-columns:44px minmax(0,1fr);grid-template-areas:none}.leaderboard-page{display:grid;gap:13px;margin:0 -8px;padding:16px 16px 8px;background:var(--panel)}.leaderboard-hero{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}.leaderboard-hero h2{color:var(--text);font-size:30px;font-weight:920;line-height:1.05}.leaderboard-hero span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:760}.leaderboard-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.leaderboard-tabs::-webkit-scrollbar{display:none}.leaderboard-tabs button{display:grid;justify-items:start;gap:3px;flex:1 0 116px;min-width:0;min-height:52px;border:1px solid var(--line);border-radius:13px;padding:9px 10px;color:var(--muted);background:color-mix(in srgb,var(--panel-muted) 76%,var(--panel));text-align:left}.leaderboard-tabs button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:var(--accent-soft)}.leaderboard-tabs strong,.leaderboard-tabs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-tabs strong{color:var(--text);font-size:14px;font-weight:900}.leaderboard-tabs span{max-width:100%;font-size:10px;font-weight:760}.leaderboard-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:20px;padding:13px;background:var(--panel);box-shadow:0 12px 30px #2f2f2f0d}.app-shell[data-theme=dark] .leaderboard-card{box-shadow:none}.leaderboard-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.leaderboard-card-head h3{color:var(--text);font-size:22px;font-weight:920}.leaderboard-card-head>span{display:inline-flex;align-items:center;min-height:30px;border-radius:10px;padding:0 10px;color:var(--accent);background:var(--accent-soft);font-size:12px;font-weight:860}.leaderboard-list{display:grid;gap:10px}.leaderboard-row{position:relative;display:grid;grid-template-columns:38px 46px minmax(0,1fr) auto;grid-template-areas:"rank avatar main rating" "rank avatar metrics metrics";align-items:center;gap:8px 9px;min-width:0;min-height:92px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:17px;padding:10px;color:var(--text);background:color-mix(in srgb,var(--panel) 82%,var(--panel-muted));text-align:left;overflow:hidden}.leaderboard-row:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:transparent}.leaderboard-row.podium{border-color:color-mix(in srgb,var(--gold) 34%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 58%),color-mix(in srgb,var(--panel) 80%,var(--panel-muted))}.leaderboard-row.podium:before{background:var(--gold)}button.leaderboard-row{cursor:pointer}.leaderboard-row:active,.leaderboard-row:focus-visible{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));outline:none}.leaderboard-rank{grid-area:rank;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:var(--muted);background:var(--panel-muted);font-size:12px;font-weight:900}.leaderboard-rank.top-1,.leaderboard-rank.top-2,.leaderboard-rank.top-3{color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,var(--panel-muted))}.leaderboard-avatar{grid-area:avatar;width:46px;height:46px;overflow:hidden;border-radius:13px;background:var(--panel-muted);box-shadow:inset 0 0 0 1px var(--line)}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-main{grid-area:main;display:grid;min-width:0;gap:4px}.leaderboard-main strong{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900}.leaderboard-main small{display:flex;align-items:center;min-width:0;gap:4px;color:var(--muted);font-size:11px;font-weight:760}.leaderboard-main small span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-main small img{width:18px;height:18px;object-fit:contain}.leaderboard-rating{grid-area:rating;display:grid;justify-items:end;gap:2px;min-width:62px}.leaderboard-rating b{color:var(--gold);font-size:23px;font-weight:920;line-height:1}.leaderboard-rating small,.leaderboard-mini-metrics small{color:var(--muted);font-size:10px;font-weight:760}.leaderboard-mini-metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;gap:6px}.leaderboard-mini-metrics>span{display:grid;min-width:0;gap:2px;border-radius:10px;padding:6px 7px;background:color-mix(in srgb,var(--panel-muted) 80%,transparent)}.leaderboard-mini-metrics em{color:var(--text);font-size:14px;font-style:normal;font-weight:920;line-height:1}.leaderboard-mini-metrics>span:first-child em,.leaderboard-mini-metrics>span.win em{color:#14b88a}.leaderboard-mini-metrics>span.loss em{color:#ff5a62}.leaderboard-mini-metrics small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-more-button{min-height:42px;border:0;border-radius:12px;color:#fff;background:var(--accent);font-size:14px;font-weight:860}.leaderboard-more-button:disabled{color:var(--muted);background:var(--panel-muted)}.leaderboard-skeleton-row{grid-template-columns:44px minmax(0,1fr);grid-template-areas:none}.leaderboard-skeleton-row span,.leaderboard-skeleton-row div{display:block;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--panel-muted) 72%,transparent),color-mix(in srgb,var(--accent-soft) 56%,var(--panel-muted)),color-mix(in srgb,var(--panel-muted) 72%,transparent));background-size:220% 100%;animation:skeletonPulse 1.25s ease-in-out infinite}.leaderboard-skeleton-row span{width:44px;height:44px}.leaderboard-skeleton-row div{width:100%;height:48px;border-radius:14px}.confirm-dialog{position:relative;z-index:1;display:grid;gap:12px;width:min(100%,520px);margin:0 auto;border-radius:10px;padding:18px;border:1px solid var(--line);background:var(--panel);box-shadow:0 18px 46px #2f2f2f33}.confirm-dialog p{color:var(--muted);line-height:1.45}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirm-actions button{min-height:42px;border:0;border-radius:8px;color:#fff;background:var(--accent);font-weight:820}.confirm-actions .ghost-action{color:var(--text);background:var(--soft)}.about-dialog{gap:14px}.about-dialog .eyebrow{margin-bottom:4px}.about-support-card{display:grid;gap:6px;border-radius:10px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent-soft) 58%,var(--panel))}.about-support-card span,.about-support-card small{color:var(--muted);font-size:12px;font-weight:760}.about-support-card strong{color:var(--accent);font-size:28px;line-height:1;letter-spacing:0}.app-shell[data-theme=dark] .rank-badges small,.app-shell[data-theme=dark] .result-avatar,.app-shell[data-theme=dark] .profile-metrics span,.app-shell[data-theme=dark] .hero-metrics span,.app-shell[data-theme=dark] .result-pill,.app-shell[data-theme=dark] .confirm-dialog{background:#181818}.app-shell[data-theme=dark] .settings-actions .ghost-action,.app-shell[data-theme=dark] .about-panel .section-title-row button{background:#242424;border-color:#323232}.app-shell[data-theme=dark] .about-support-card{background:#202020}.app-shell[data-theme=dark] .result-pill.win{color:#72d99d;background:#183325}.app-shell[data-theme=dark] .result-pill.loss{color:#ff9aa2;background:#3a2424}.sheet-handle{width:38px;height:4px;margin:2px auto 4px;border-radius:999px;background:#d7dbe0}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet-actions button{min-height:44px;border:0;border-radius:8px;color:#fff;background:var(--accent);font-weight:820}.sheet-actions .ghost-action{color:var(--text);background:var(--soft)}@media(max-width:560px){.feed-list{grid-template-columns:repeat(3,minmax(245px,1fr))}}@media(max-width:420px){.app-shell{padding-right:8px;padding-left:8px}.mobile-topbar{padding-right:18px;padding-left:18px}h1{font-size:28px}.brand-lockup span{font-size:22px}.battle-hero{padding:14px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-metrics strong{font-size:23px}.quick-grid{grid-template-columns:1fr}.section-head,.section-title-row{align-items:stretch;flex-direction:column}.recent-matches-panel .section-title-row{align-items:flex-end;flex-direction:row;gap:10px}.recent-matches-panel .section-title-row>div:first-child{flex:0 0 auto}.recent-match-title-actions{align-items:center;justify-content:flex-end;max-width:calc(100% - 118px)}.recent-match-filters{justify-content:flex-end;max-width:178px}.mode-pill,.profile-id,.section-title-row>span{width:fit-content}}@media(max-width:360px){.brand-lockup>div{gap:12px}h1{font-size:25px}.brand-lockup span{font-size:20px}.battle-hero{grid-template-columns:58px minmax(0,1fr);gap:10px}.hero-art{width:58px;height:58px}.hero-art.player-avatar img{width:52px;height:52px}.hero-profile-head{grid-template-columns:minmax(0,1fr);padding-right:26px}.hero-rating-focus{justify-items:start}.hero-player-title{font-size:21px}}@keyframes enter-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}