:root{color-scheme:dark;font-family:system-ui,"Microsoft YaHei",sans-serif;color:#eaf1ed;background:#102b33;--a:#83c6e6;--b:#e2b87b;--muted:#aac3c6;--line:#36565d}
*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{color:inherit;background:#21434b;border:1px solid #4d6870;border-radius:6px;padding:8px 12px;cursor:pointer}button:hover,select:hover{background:#2e535b}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #bfe3ef;outline-offset:4px}a{color:#a8dcec;text-decoration:none}h1,h2,h3,p{margin:0}h2{font-size:24px;line-height:1.4}h3{font-size:20px}.muted{color:var(--muted);font-size:13px;line-height:1.7}.site-header{max-width:1600px;margin:auto;padding:22px 32px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b5a277;border-radius:9px;color:#edce98;font-size:13px;font-weight:700;letter-spacing:2px}.brand h1{font-size:21px;letter-spacing:2px}.brand p{color:var(--muted);font-size:12px;margin-top:3px}.game-link{font-size:13px}.tabs{max-width:1536px;margin:0 auto;padding:0 0;border-bottom:1px solid var(--line);display:flex;gap:30px}.tabs button{border:0;border-radius:0;background:none;padding:15px 2px 13px;color:#a9bfc2;border-bottom:3px solid transparent;font-size:15px;font-weight:600}.tabs button[aria-selected=true]{color:#f1d7a4;border-bottom-color:#e2bf85}.page{max-width:1600px;margin:auto;padding:24px 32px 45px}.hidden{display:none!important}.notice{padding:12px 15px;margin-bottom:20px;border:1px solid #c17d65;background:#463b34;line-height:1.6}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:25px;align-items:start}.replay-main{min-width:0}.match-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px;min-height:88px}.match-heading h2{font-size:22px;margin:5px 0}.eyebrow{font-size:12px;color:#ddc696;letter-spacing:1px}.match-number{font-size:30px;font-weight:300;color:#91adb3}.arena-wrap{position:relative;background:#769891;border-radius:9px;overflow:hidden}.arena-frame{display:block;width:100%;height:clamp(410px,65vh,750px);border:0;background:#769891}.scene-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#193a43ee;color:#d9e9e6}.scene-status.error .loading-ring{display:none}.loading-ring{width:25px;height:25px;border:2px solid #517279;border-top-color:#e1c68d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.playback{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0}.primary{background:#d9be89;border-color:#d9be89;color:#132d34;min-width:68px;font-weight:600}.primary:hover{background:#efd6a6}#seek{flex:1;min-width:120px;accent-color:#85c9ea}#time{font-size:12px;font-variant-numeric:tabular-nums;color:#bcd1d4;min-width:102px}.speed-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.speed-label select{padding:6px}.decision-panel{border-top:1px solid var(--line);font-size:13px}.decision-panel summary{padding:12px 0;color:var(--muted);cursor:pointer}.decisions{display:grid;grid-template-columns:1fr 1fr;gap:20px;line-height:1.8;padding-bottom:10px}.decision-side b{display:block;color:#a8d4eb}.decision-side.north b{color:#e9b095}.match-browser{padding:20px;background:#15343c;border:1px solid #2f4d55;border-radius:9px}.match-browser h2{font-size:17px}.match-browser>.muted{margin:5px 0 20px;font-size:12px}.phase-section+.phase-section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.phase-section h3{font-size:15px}.phase-dot,.phase-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.phase-a{background:var(--a)}.phase-b{background:var(--b)}.rules,.index-note{color:var(--muted);font-size:11px;line-height:1.8;margin:6px 0 12px}.game-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.game-grid button{padding:7px 0;font-size:10px;border:1px solid #35555d;background:#1a3c45;color:#bcd0d3;border-radius:4px}.game-grid button:hover{background:#375b63;color:#fff}.game-grid button.selected{background:#dbbf8a;border-color:#dbbf8a;color:#132d34;font-weight:700}.index-note{border-top:1px solid var(--line);padding-top:16px;margin:20px 0 0}.statistics-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:8px 0 28px}.statistics-intro h2{margin:8px 0;font-size:29px}.statistics-intro p{font-size:14px;color:var(--muted);line-height:1.7}.phase-legend{display:flex;gap:18px;flex-shrink:0;font-size:12px;color:#c7dadb}.phase-legend span{white-space:nowrap}.stat-sections{display:grid;gap:22px}.chart-section{padding:25px 26px;background:#15343c;border:1px solid #2f4d55;border-radius:10px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:20px}.section-heading p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:6px}.chart-control{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center;white-space:nowrap}.chart-control select{padding:7px 10px}.tempo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:18px 0 25px}.mini-chart h4{font-size:13px;font-weight:500;color:#cadad9;margin:0 0 15px}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-svg text{fill:#bbced0;font-family:inherit;font-size:12px}.chart-svg .value{fill:#eaf1ed;font-weight:600}.chart-svg .axis{stroke:#4b646a;stroke-width:1}.chart-svg .grid{stroke:#365159;stroke-width:1}.chart-svg .series-a{fill:var(--a)}.chart-svg .series-b{fill:var(--b)}.chart-svg [tabindex]{cursor:default}.chart-svg [tabindex]:hover{filter:brightness(1.18)}.chart-note{color:#9fbac0;font-size:11px;line-height:1.8}.chart-subheading{font-size:13px;color:#c9d8d6;margin:18px 0 12px}.sequence-chart{display:block;width:100%;height:330px;margin:16px 0}.card-legend{display:flex;flex-wrap:wrap;gap:9px 18px}.card-legend label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12px;color:#c0d3d3}.card-legend input{accent-color:#8ac5e4}.card-legend i{height:3px;width:13px;display:block}.chart-detail{font-size:12px;color:#c2d7d7;line-height:1.8;margin-top:16px;min-height:44px}.stack-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--muted);margin:12px 0 0}.stack-legend i{display:inline-block;width:9px;height:9px;margin-right:6px}.method-note{color:#aac3c6;font-size:12px;line-height:1.9;padding:5px 3px}.method-note summary{cursor:pointer;font-size:13px;padding:8px 0}.method-note p{max-width:1050px;margin:12px 0}.chart-tooltip{position:fixed;z-index:30;pointer-events:none;background:#071e27;border:1px solid #6b8990;color:#e9f1eb;border-radius:6px;padding:9px 12px;box-shadow:0 6px 25px #0005;font-size:12px;max-width:280px;line-height:1.7}
@media(min-width:1600px){.tabs{max-width:1536px}}
@media(max-width:1599px){.tabs{margin:0 32px}}
@media(max-width:1100px){.arena-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.statistics-intro{align-items:start;flex-direction:column}.tempo-grid{gap:16px}}
@media(max-width:850px){.arena-layout{grid-template-columns:1fr}.match-browser{margin-top:12px}.game-grid{grid-template-columns:repeat(20,minmax(0,1fr))}.tempo-grid{grid-template-columns:1fr}.tempo-grid .mini-chart{max-width:650px}.section-heading{flex-direction:column}.statistics-intro h2{font-size:24px}.chart-section{padding:20px}.sequence-chart{height:310px}}
@media(max-width:550px){.site-header{padding:18px 16px 12px}.tabs{margin:0 16px}.page{padding:20px 16px 35px}.game-link{font-size:11px}.brand-mark{display:none}.brand h1{font-size:19px}.arena-frame{height:57vh;min-height:360px}.match-heading h2{font-size:18px}.match-number{font-size:24px}.playback{gap:9px}#seek{min-width:100px}#time{min-width:85px;font-size:10px}.speed-label>span{display:none}.game-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.chart-section{padding:18px 13px}.chart-svg text{font-size:12px}.decisions{grid-template-columns:1fr;gap:12px}.phase-legend{font-size:11px}.chart-tooltip{max-width:240px}.statistics-intro h2{font-size:22px}.chart-control{white-space:normal}.sequence-chart{height:310px}}
.sequence-overlap{margin-top:12px;padding:10px 12px;border-left:3px solid #d9be89;background:#193b43;color:#d6e5e2;font-size:12px;line-height:1.7}.sequence-overlap strong{color:#f0d49f}.card-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.legend-item{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;min-width:0;border:1px solid #31525a;border-radius:6px;background:#173840;padding:4px 5px}.legend-item.focused{border-color:var(--series-color);box-shadow:inset 0 0 0 1px var(--series-color)}.legend-item.is-hidden{opacity:.5}.legend-item input{margin:0;accent-color:#8ac5e4}.legend-focus{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:5px 6px;border:0;background:transparent;text-align:left}.legend-focus:hover{background:#254950}.legend-focus i{height:3px;width:13px;display:block;background:var(--series-color)}.legend-focus span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.legend-focus small{color:#a9c0c3;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:850px){.card-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.card-legend{grid-template-columns:1fr}.legend-focus span{font-size:13px}}