:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7ef;--bg-elev:#fff;--bg-soft:#f5f1e6;--bg-softer:#f1ece1;--border:#ece5d3;--border-soft:#f4eedc;--fg:#2a241c;--fg-soft:#5a5040;--muted:#8a7e65;--muted-soft:#b4a98e;--accent:#dec9a3;--accent-strong:#a88a3a;--danger:#c25450;--ink:#2a241c;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);min-height:100%;font-family:var(--font-sans);margin:0;padding:0}a{color:var(--fg);text-decoration:none;transition:color .12s}a:hover{color:var(--accent-strong)}code,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}main{padding:20px 24px 32px}.top-nav{background:var(--bg-elev);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:12px 24px;display:flex}.top-nav .brand{color:var(--fg);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.top-nav .brand .mark{background:var(--ink);width:26px;height:26px;color:var(--accent);font-family:var(--font-mono);border-radius:7px;justify-content:center;align-items:center;font-weight:700;display:flex}.top-nav .tabs{border:1px solid var(--border);background:var(--bg-elev);border-radius:8px;gap:0;padding:2px;display:flex}.top-nav .tab{cursor:pointer;color:var(--fg-soft);font-size:12px;font-family:var(--font-mono);background:0 0;border:0;border-radius:6px;padding:5px 12px}.top-nav .tab.active{background:var(--ink);color:var(--accent)}.top-nav form.search{gap:6px;margin-left:auto;display:flex}.top-nav form.search input{background:var(--bg-soft);color:var(--fg);border:1px solid #0000;border-radius:8px;width:220px;padding:6px 10px;font-family:inherit;font-size:12px}.top-nav form.search input:focus{border-color:var(--accent);background:var(--bg-elev);outline:none}.top-nav .nav-play-random{white-space:nowrap;flex-shrink:0;padding:6px 10px}.top-nav .platforms{background:var(--bg-softer);border-radius:9px;gap:2px;padding:3px;display:flex}.top-nav .platforms .pbtn{cursor:pointer;color:var(--fg-soft);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:12px;display:inline-flex;position:relative}.top-nav .platforms .pbtn.active{background:var(--bg-elev);color:var(--fg);box-shadow:0 1px 2px #0000000f}.top-nav .platforms .pbtn.disabled{opacity:.4;cursor:not-allowed}.top-nav .platforms .pbtn .soon{background:var(--accent);color:var(--ink);font-size:8px;font-weight:700;font-family:var(--font-mono);border-radius:3px;padding:1px 4px;position:absolute;top:-6px;right:-3px}.pill-group{background:var(--bg-softer);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.pill-group .pill{cursor:pointer;color:var(--fg-soft);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:12px;text-decoration:none;transition:color .12s,background .12s;display:inline-flex}.pill-group .pill:hover{color:var(--fg)}.pill-group .pill.active{background:var(--bg-elev);color:var(--fg);box-shadow:0 1px 2px #0000000f}.sync-stamp{font-family:var(--font-mono);color:var(--muted);background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.sync-stamp .dot{background:var(--accent-strong);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sync-stamp.stale .dot{background:var(--muted-soft)}.site-footer{border-top:1px solid var(--border);background:var(--bg-elev);color:var(--muted);font-size:12px;font-family:var(--font-mono);padding:18px 24px}.btn{border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--fg)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{color:#fff;background:#3a3424;border-color:#3a3424}.btn.disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.working{opacity:1;cursor:progress}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:0 0 12px;width:12px;height:12px;animation:.7s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.detail-layout{grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 48px);display:grid}.detail-layout .sidebar{background:var(--bg-soft);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.detail-layout .sidebar-rows{flex:auto;min-height:0;overflow-y:auto}.paginator-footer{background:var(--bg-elev);border-top:1px solid var(--border);z-index:10;align-items:center;width:100%;height:50px;padding:0 16px;display:flex}.paginator-footer .pagination{background:0 0;border:0;border-radius:0;flex-wrap:nowrap;flex:1;align-items:center;min-width:0;margin:0;padding:0}.paginator-footer .pagination-summary{flex:auto;max-width:96px}.paginator-footer .pagination-controls{flex:none;gap:6px;width:auto}.paginator-footer .pagination-controls .btn{padding:6px 8px}.detail-layout .sidebar-h{border-bottom:1px solid var(--border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-soft);background:var(--bg-soft);align-items:center;gap:8px;padding:12px 16px;font-size:11px;display:flex;position:sticky;top:0}.detail-layout .sidebar-row{cursor:pointer;color:var(--fg);border-bottom:1px solid #eae3d0;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.detail-layout .sidebar-row:hover{background:#ebe4d3}.detail-layout .sidebar-row.active{box-shadow:inset 3px 0 0 var(--accent);background:#ebe4d3}.detail-layout .main-pane{padding:20px 24px 32px;overflow-y:auto}.sb-line{border-left:3px solid #0000;align-items:center;gap:8px;padding-left:8px;display:flex}.sb-line.w{border-left-color:var(--accent-strong)}.sb-line.l{opacity:.55}.sb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.sb-char{font-family:var(--font-mono);color:var(--muted);flex-shrink:0;font-size:10px}.sb-footer{font-family:var(--font-mono);color:var(--muted-soft);align-items:center;gap:8px;padding-left:11px;font-size:10px;display:flex}.sb-score{color:var(--fg-soft);font-weight:700}.sb-time{margin-left:auto}.rank-chip{font-family:var(--font-mono);background:var(--ink);color:var(--accent);border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:9px;font-weight:700}.player-link{color:inherit;cursor:pointer;text-decoration:none;transition:color .12s}.player-link:hover{color:var(--accent-strong);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.pending{color:var(--muted-soft);font-style:italic}.match-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:18px;display:grid}.match-header .side{align-items:center;gap:14px;min-width:0;display:flex}.match-header .side.right{flex-direction:row-reverse}.match-header .side.right .info{text-align:right}.match-header .info{min-width:0}.match-header .pname{letter-spacing:-.02em;align-items:center;font-size:22px;font-weight:700;display:flex}.match-header .pname .player-link{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.match-header .fighter{color:var(--muted);font-size:12px;font-family:var(--font-mono);margin-top:2px}.match-header .mid{color:var(--muted);font-family:var(--font-mono);flex-direction:column;align-items:center;gap:4px;font-size:22px;font-weight:600;display:flex}.match-header .mid .versus{line-height:1}.score-badge{color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:18px;font-weight:800;box-shadow:0 1px #00000008}.played-stamp{color:var(--muted);text-align:center;max-width:140px;font-size:10px;font-weight:500}.match-header .mid .ugc{color:var(--muted-soft);font-size:10px}.match-header .mid .winner-badge{font-family:var(--font-mono);background:var(--ink);color:var(--accent);letter-spacing:.04em;border-radius:6px;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:700}.match-header .side.winner .pname{color:var(--fg)}.match-header .side.loser .pname{color:var(--muted)}.match-header .side.loser .fighter{opacity:.6}.win-label{font-family:var(--font-mono);letter-spacing:.06em;background:var(--accent-strong);color:#fff;vertical-align:middle;border-radius:4px;align-items:center;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.match-header .side.right .pname{justify-content:flex-end}.meta-strip{background:var(--border);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;margin-bottom:16px;padding:0;display:grid;overflow:hidden}.meta-strip .cell{background:var(--bg-elev);font-family:var(--font-mono);color:var(--fg);flex-direction:column;gap:2px;min-width:0;padding:10px 14px;font-size:12px;display:flex}.meta-strip .cell .l{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600}.meta-strip .cell .v{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounds-strip{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:12px 16px}.rounds-h{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600;font-family:var(--font-mono);margin-bottom:8px}.rounds-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.round-row{font-family:var(--font-mono);border-bottom:1px solid var(--border-soft);grid-template-columns:36px 36px 1fr auto;align-items:center;gap:10px;padding:4px 0;font-size:12px;display:grid}.round-row:last-child{border-bottom:0}.round-n{color:var(--muted);font-weight:600}.round-winner{text-align:center;letter-spacing:.04em;border-radius:4px;padding:2px 0;font-size:10px;font-weight:700}.round-winner.side-p1{background:color-mix(in srgb, var(--ink) 18%, transparent);color:var(--fg)}.round-winner.side-p2{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--fg)}.round-finish{color:var(--fg)}.round-timer{color:var(--muted);font-size:11px}.rounds-empty{color:var(--muted);font-size:12px;font-style:italic;line-height:1.5}.pane-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.pane{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.pane.p1{border-left:3px solid var(--ink)}.pane.p2{border-left:3px solid var(--accent)}.pane-h{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pane-name{font-size:14px;font-weight:600}.pane-fighter{color:var(--muted);font-size:11px;font-family:var(--font-mono)}.pane-line{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:8px;padding:6px 0;font-size:12px;display:flex}.pane-line:last-child{border-bottom:0}.pane-line .l{color:var(--muted);font-family:var(--font-mono);font-size:11px}.pane-line .v{font-family:var(--font-mono);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.actions .status{font-family:var(--font-mono);color:var(--accent-strong);margin-left:4px;font-size:11px}.actions .file-size{font-family:var(--font-mono);color:var(--muted);font-size:11px}.companion-status{border:1px solid var(--border-soft);background:var(--bg-soft);min-height:28px;color:var(--muted);font-family:var(--font-mono);white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;font-size:10px;display:inline-flex}.companion-status.ready{border-color:color-mix(in srgb, var(--accent-strong) 35%, var(--border));color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 18%, var(--bg-elev))}.companion-status.checking,.companion-status.opening{border-color:color-mix(in srgb, var(--accent-strong) 28%, var(--border));color:var(--fg-soft);background:color-mix(in srgb, var(--accent) 12%, var(--bg-elev))}.companion-status.missing,.companion-status.failed{border-color:color-mix(in srgb, var(--danger) 32%, var(--border));color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--bg-elev))}.archive-metadata{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;overflow:hidden}.archive-metadata>summary{cursor:pointer;color:var(--fg-soft);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-soft);align-items:center;gap:10px;padding:12px 16px;font-size:10px;font-weight:700;list-style:none;display:flex}.archive-metadata>summary::-webkit-details-marker{display:none}.raw-columns>summary::-webkit-details-marker{display:none}.archive-metadata>summary:before,.raw-columns>summary:before{content:"+";color:var(--muted);font-weight:700}.archive-metadata[open]>summary:before,.raw-columns[open]>summary:before{content:"-"}.archive-metadata .summary-hint{color:var(--muted-soft);letter-spacing:0;text-transform:none;font-size:9px;font-weight:500}.archive-grid{background:var(--border-soft);border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;display:grid}.archive-row{background:var(--bg-elev);flex-direction:column;gap:3px;min-width:0;padding:10px 14px;display:flex}.archive-row .l{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600}.archive-row .v{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);color:var(--fg-soft);font-size:12px;overflow:hidden}.archive-row code{color:var(--muted)}.raw-columns{border-top:1px solid var(--border);background:var(--bg-elev)}.raw-columns>summary{cursor:pointer;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;padding:10px 16px;font-size:10px;font-weight:700;list-style:none;display:flex}.raw-column-list{flex-wrap:wrap;gap:6px;padding:0 16px 14px;display:flex}.raw-chip{border:1px solid var(--border-soft);background:var(--bg-soft);max-width:100%;font-family:var(--font-mono);color:var(--fg-soft);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;display:inline-flex}.raw-chip .raw-key{color:var(--muted);font-weight:700}.raw-chip code{text-overflow:ellipsis;white-space:nowrap;color:var(--fg-soft);overflow:hidden}.winner-pip{background:var(--accent-strong);color:#fff;width:20px;height:20px;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.vs-char{font-family:var(--font-mono);color:var(--muted);flex-shrink:0;margin-left:auto;font-size:10px}.replay-id{color:var(--muted);border-top:1px solid var(--border-soft);align-items:center;gap:10px;margin-top:8px;padding:10px 0;font-size:11px;display:flex}.replay-id .l{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.replay-id code{color:var(--muted-soft);font-size:11px}.sheet{border-collapse:separate;border-spacing:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;width:100%;overflow:hidden}.sheet th{text-align:left;background:var(--bg-soft);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 14px;font-size:9px;font-weight:600}.sheet td{border-top:1px solid var(--border-soft);vertical-align:middle;padding:10px 14px;font-size:12px}.sheet tr:hover td{background:#fbf9f3}.leaderboard-page .section-title{margin-bottom:8px}.leaderboard-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.leaderboard-table{table-layout:fixed;width:100%}.leaderboard-table th{padding:8px 10px}.leaderboard-table td{padding:7px 10px}.leaderboard-rank-col{width:56px}.leaderboard-player-col{width:260px}.leaderboard-character-col{width:150px}.leaderboard-region-col{width:142px}.leaderboard-replays-col{text-align:left;width:78px}.leaderboard-points-col{text-align:left;width:104px}.leaderboard-updated-col{width:108px}.leaderboard-random-col{width:136px}.leaderboard-spacer-col{width:auto}.leaderboard-table th,.leaderboard-table td{text-align:left}.leaderboard-spacer{pointer-events:none;padding:0}.leaderboard-rank-cell{color:var(--muted);white-space:nowrap}.leaderboard-position{color:var(--muted);font-size:12px;font-weight:800;line-height:1.1;display:block}.leaderboard-position.podium{color:var(--ink)}.leaderboard-player{align-items:center;gap:8px;min-width:0;display:flex}.leaderboard-avatar{object-fit:cover;border-radius:50%;flex:0 0 24px;width:24px;height:24px}.leaderboard-avatar.placeholder-avatar{background:linear-gradient(135deg,#5a4a3a,#2a241c)}.leaderboard-player-main{gap:3px;min-width:0;display:grid}.leaderboard-player-line,.leaderboard-character{align-items:center;gap:6px;min-width:0;display:flex}.leaderboard-player-link{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.leaderboard-rank-chip{text-overflow:ellipsis;white-space:nowrap;max-width:60px;overflow:hidden}.leaderboard-character{color:var(--muted);font-size:11px}.leaderboard-character>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-region-cell{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.leaderboard-region{align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.leaderboard-region svg{flex:0 0 14px}.leaderboard-region span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-replays-cell{color:var(--fg-soft);text-align:left;white-space:nowrap;font-size:11px;font-weight:700}.leaderboard-points-cell{color:var(--fg-soft);text-align:left;white-space:nowrap;font-size:12px;font-weight:800}.leaderboard-updated-cell{color:var(--muted);white-space:nowrap;font-size:11px}.leaderboard-random-btn{justify-content:center;min-width:122px;padding:5px 10px;font-size:11px}.leaderboard-random-icon{flex:0 0 15px;width:15px;height:15px}.section-title{align-items:center;gap:10px;margin:0 0 14px;font-size:18px;font-weight:600;display:flex}.section-title .sub{font-family:var(--font-mono);color:var(--muted);font-size:11px;font-weight:400}.profile-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;grid-template-columns:80px 1fr auto auto;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:grid}.profile-row .name{letter-spacing:-.01em;font-size:22px;font-weight:700}.profile-row .sid{font-family:var(--font-mono);color:var(--muted);margin-top:2px;font-size:11px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.stat-card .v{font-family:var(--font-mono);font-size:18px;font-weight:700}.stat-card .l{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:9px}.char-bar-row{border-bottom:1px solid var(--border-soft);grid-template-columns:32px 1fr 60px 40px;align-items:center;gap:10px;padding:8px 0;display:grid}.char-bar-row:last-child{border-bottom:0}.char-bar{background:var(--bg-softer);border-radius:3px;height:6px;overflow:hidden}.char-bar>div{background:var(--accent);border-radius:3px;height:100%}.profile-replay-row{isolation:isolate;border-bottom:1px solid var(--border-soft);border-radius:6px;align-items:center;gap:8px;margin:0 -6px;padding:8px 6px;display:flex;position:relative}.profile-replay-row:last-child{border-bottom:0}.profile-replay-row:hover,.profile-replay-row:focus-within{background:var(--bg-soft)}.profile-replay-row-link{z-index:0;border-radius:6px;position:absolute;inset:0}.profile-replay-row-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-replay-row>:not(.profile-replay-row-link){z-index:1;pointer-events:none;position:relative}.profile-replay-row .player-link{z-index:2;pointer-events:auto}.profile-replay-time{margin-left:auto}.banner{border:1px solid var(--accent);color:var(--fg);background:#dec9a32e;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.empty{color:var(--muted);text-align:center;font-family:var(--font-mono);padding:32px;font-size:13px}.search-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.search-list li{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.search-list img{object-fit:cover;border-radius:6px;width:40px;height:40px}.search-list .placeholder-avatar{width:40px;height:40px;color:var(--accent);background:linear-gradient(135deg,#5a4a3a,#2a241c);border-radius:6px;justify-content:center;align-items:center;font-weight:700;display:flex}.pagination{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;max-width:100%;margin-top:14px;padding:10px 14px;display:flex}.pagination-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;color:var(--muted);flex:14rem;font-size:11px;overflow:hidden}.pagination-controls{flex:0 auto;justify-content:flex-end;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex}.pagination-controls .btn{white-space:nowrap;flex:none}.pagination-page{min-width:0;max-width:min(32ch,100vw - 190px);color:var(--fg-soft);white-space:nowrap;flex:0 auto;align-items:center;gap:4px;font-size:11px;display:inline-flex}.pagination-page-label{color:var(--muted);flex:none}.pagination-page-count{text-overflow:ellipsis;min-width:0;overflow:hidden}@keyframes skel-shimmer{0%{background-position:-360px 0}to{background-position:360px 0}}.skel{vertical-align:middle;background-color:var(--bg-softer);background-image:linear-gradient(90deg, var(--bg-softer) 0%, var(--bg-soft) 50%, var(--bg-softer) 100%);background-repeat:no-repeat;background-size:360px 100%;border-radius:4px;animation:1.4s linear infinite skel-shimmer;display:inline-block}.skel-block{display:block}.skel-circle{border-radius:50%}@media (prefers-reduced-motion:reduce){.skel{animation:none}}@media (width<=900px){main{padding:16px}.top-nav{flex-wrap:wrap;gap:8px;padding:10px 14px}.top-nav .tabs,.top-nav .platforms{max-width:100%;overflow-x:auto}.top-nav form.search{flex:100%;order:10;margin-left:0}.top-nav form.search input{width:100%}.detail-layout{flex-direction:column;height:auto;min-height:calc(100vh - 64px);display:flex}.detail-layout .sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:240px;max-height:42vh}.detail-layout .sidebar-rows{overflow-y:auto}.detail-layout .main-pane{padding:16px;overflow:visible}.match-header{grid-template-columns:1fr;align-items:stretch;gap:12px}.match-header .mid{flex-flow:wrap;order:-1;justify-content:center}.match-header .side.right{flex-direction:row}.match-header .side.right .info{text-align:left}.match-header .side.right .pname{justify-content:flex-start}.meta-strip{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.leaderboard-table th,.leaderboard-table td{padding:7px 8px}.leaderboard-rank-col{width:52px}.leaderboard-player-col{width:230px}.leaderboard-character-col{width:132px}.leaderboard-region-col{width:124px}.leaderboard-replays-col{width:72px}.leaderboard-points-col{width:94px}.leaderboard-updated-col{width:100px}.leaderboard-random-col{width:128px}.pane-grid,.stat-grid{grid-template-columns:1fr}}@media (width<=560px){.top-nav .brand{flex:100%}.top-nav .tab,.top-nav .platforms .pbtn{white-space:nowrap}.detail-layout .sidebar{max-height:36vh}.match-header .pname{font-size:18px}.match-header .side{gap:10px}.actions .btn{flex:calc(50% - 8px);justify-content:center}.actions .btn.primary{flex-basis:100%}.leaderboard-page{padding-left:12px;padding-right:12px}.leaderboard-toolbar{gap:6px}.leaderboard-updated-col{visibility:collapse;width:0}.leaderboard-table th:nth-child(7),.leaderboard-table td:nth-child(7){display:none}.leaderboard-rank-col{width:46px}.leaderboard-player-col{width:150px}.leaderboard-character-col{width:112px}.leaderboard-region-col{width:106px}.leaderboard-replays-col{width:64px}.leaderboard-points-col{width:84px}.leaderboard-random-col{width:118px}.leaderboard-random-btn{min-width:108px;padding-left:6px;padding-right:6px}.leaderboard-rank-chip{max-width:48px}.pagination{align-items:stretch}.pagination-summary{flex-basis:100%}.pagination-controls{flex:100%;justify-content:space-between;gap:6px;width:100%}.pagination-page{flex:auto;justify-content:center;max-width:none;padding:0 4px}.pagination-page-label{display:none}.round-row{grid-template-columns:34px 34px 1fr}.round-timer{grid-column:3}}