:root{color-scheme:light;font-family:system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif;color:#24282f;background:#f5f7f9}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dce4e8;padding:18px max(16px,calc((100vw - 1100px)/2))}.brand{font-weight:750;font-size:20px;color:#145b60;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px}nav a{padding:6px 0}a{color:#076e7c;overflow-wrap:anywhere}a[aria-current=page]{font-weight:750;border-bottom:2px solid}main{max-width:1100px;margin:24px auto;background:#fff;padding:24px;border:1px solid #e1e7ec;border-radius:14px;min-width:0}h1{font-size:26px}h2{font-size:21px;margin-top:28px}p{line-height:1.75}.controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}.controls form{margin:0}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input,select,button,.button{font:inherit;min-height:44px;border:1px solid #b8c7cd;border-radius:7px;padding:10px;max-width:100%}input,select{background:#fff;color:inherit}button,.button{background:#eaf4f3;color:#145b60;cursor:pointer;text-decoration:none;display:inline-block;margin:4px 4px 4px 0}button[type=submit]{background:#146b62;color:white}button:disabled{opacity:.5;cursor:wait}input[type=checkbox]{min-height:22px;width:22px}label.check{flex-direction:row;align-items:center}.notice{padding:12px 15px;background:#eef5f7;border-radius:8px}.error{background:#fff0ed;color:#8e3021}details{margin:20px 0;padding:14px;border:1px solid #dce5e9;border-radius:8px}summary{cursor:pointer;min-height:30px}.component{display:block;border:0;width:100%;height:500px;max-width:100%;margin:14px 0}.component.chart{height:470px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid #dce5e9;padding:10px;text-align:left;white-space:nowrap}th{background:#eff5f6}.table-scroll{overflow-x:auto;max-width:100%}#question{width:100%;margin:8px 0}#analysis-result{overflow-wrap:anywhere}#analysis-result code{white-space:pre-wrap}footer{max-width:1100px;margin:28px auto;padding:16px;font-size:13px;color:#61717d}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0b8190;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){header{padding:16px}main{margin:12px 8px;padding:16px 12px}h1{font-size:23px}.controls{align-items:stretch}.controls label{flex:1 1 140px;min-width:0}nav{gap:5px 14px;font-size:14px}.component{height:650px}.component.chart{height:420px}footer{margin:12px}.match-players{gap:4px}}

.review-slot-list{max-width:100%;overflow-x:auto}.slot-notice{display:block;font-size:12px;color:#6c7782}.slot-action a{display:inline-block;min-height:44px;padding:10px}

/* Shared navigation: the same ordinary links on desktop and touch screens. */
:root{background:#f5f7f8;color:#27343b}
.skip-link{position:fixed;top:-80px;left:16px;z-index:10;background:white;padding:12px}.skip-link:focus{top:8px}
.sidebar{position:fixed;inset:0 auto 0 0;width:222px;padding:28px 16px;background:#fff;border:0;border-right:1px solid #e2e8e9;overflow-y:auto}
.brand{display:flex;gap:10px;align-items:center;font-size:16px;letter-spacing:-.4px;color:#203d3d;padding:0 6px 24px}
.brand-mark{display:grid;place-items:center;width:34px;height:38px;border-radius:10px;background:#176b61;color:white;font-size:23px;font-weight:800;box-shadow:0 3px 8px #176b6120}
.brand small{display:block;font-size:9px;letter-spacing:1.6px;color:#879692;margin-top:5px;font-weight:600}
.menu{margin:0;padding:0;border:0;border-radius:0}.menu>summary{display:none}
.menu:not([open])>nav,.menu>nav{display:flex;flex-direction:column;gap:27px;margin:10px 0}
.nav-group h2{margin:0 12px 8px;font-size:11px;font-weight:600;letter-spacing:1px;color:#82928d}
.nav-group a{display:flex;gap:11px;align-items:center;padding:12px;margin:3px 0;border-radius:8px;color:#55656c;font-size:13px;text-decoration:none;line-height:1.4;border:0;font-weight:500}
.nav-group a:hover{background:#f4f7f6;color:#185e55}.nav-group a[aria-current=page]{background:#e8f2ee;color:#136353;font-weight:700;box-shadow:inset 3px 0 #21846b}
.nav-group svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.workspace{margin-left:222px;padding:28px 30px 0}
main{max-width:1160px;margin:0 auto;padding:26px 30px;border-color:#e3e9e9;border-radius:12px;box-shadow:0 2px 12px #223b3510}
h1{font-size:25px;letter-spacing:-.6px;margin:0 0 22px;font-weight:700}
footer{max-width:1160px;margin:10px auto;padding:12px 2px;font-size:11px;color:#7e8c91}
.score-selectors{display:flex;gap:12px;align-items:end;width:100%}.score-selectors label{min-width:160px;font-size:12px;color:#64747b;gap:5px}.score-selectors select{min-height:40px;padding:8px 10px;font-size:13px;color:#27343b}.score-selectors button{min-height:40px;margin:0 0 0 auto;padding:8px 19px;font-size:13px}
.score-controls{display:block;margin:0}.team-picker{border:0;margin:16px 0 0;padding:0;min-width:0}.team-picker legend{font-size:11px;color:#73828a;margin-bottom:8px;padding:0}
.team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.team-option{flex-direction:row;align-items:center;gap:7px;cursor:pointer;padding:7px 8px;border:1px solid #e2e8e6;background:#fafcfb;border-radius:6px;font-size:11px;line-height:1.3;min-height:35px}
.team-option:hover{border-color:#80aa9d}.team-option:has(input:not(:checked)){background:#fff;color:#7a868b}.team-option input{width:14px;height:14px;min-height:14px;padding:0;margin:0;flex-shrink:0;accent-color:#24745f}.team-dot{height:7px;width:7px;border-radius:50%;background:var(--team-color);flex-shrink:0}
.scores-workspace main{padding:22px 24px 14px}.scores-workspace h1{margin-bottom:18px;font-size:24px}.score-panel .component.chart{margin:14px 0 4px;height:330px}.score-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f0;padding-top:8px}.score-meta p{font-size:11px;color:#7b878e;margin:0}.score-meta .button{font-size:11px;min-height:32px;padding:7px 11px;background:white;margin:0;border-color:#dae3e2}.score-help{margin:12px 0 0;padding:10px 12px;font-size:12px;border-color:#e5ebeb}.score-help summary{min-height:18px;color:#64737b}.score-help p{font-size:13px}
@media(min-width:901px) and (max-width:1170px){.sidebar{width:202px;padding-left:10px;padding-right:10px}.workspace{margin-left:202px;padding:22px 20px 0}.team-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.team-option{font-size:10px;gap:4px;padding:7px 5px}}
@media(max-width:900px){
 .sidebar{position:static;width:auto;padding:14px 20px;border-right:0;border-bottom:1px solid #e0e8e5;overflow:visible}.brand{padding:0;font-size:16px}.brand-mark{width:30px;height:34px;font-size:21px}.brand small{font-size:8px;margin-top:3px}.menu{margin-top:12px}.menu>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;border:1px solid #dce7e2;border-radius:7px;min-height:42px;padding:9px 12px;font-size:13px;color:#3c655b;background:#f7faf8}.menu>summary::-webkit-details-marker{display:none}.menu:not([open])>nav{display:none}.menu>nav{margin:18px 0 4px;gap:20px}.nav-group a{font-size:14px;padding:12px}.workspace{margin:0;padding:18px 16px 0}main{padding:22px 20px;margin:0 auto}footer{margin:8px auto;padding:12px 0;line-height:1.6}.scores-workspace main{padding:20px 18px 14px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-option{font-size:12px;min-height:40px}.score-selectors label{min-width:0;flex:1}.scores-workspace h1{font-size:22px}
}
@media(max-width:600px){
 .sidebar{padding:12px 16px}.workspace{padding:12px 10px 0}main{padding:20px 16px}h1{font-size:22px}.scores-workspace main{padding:18px 14px 12px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.team-option{font-size:11px;min-height:44px;padding:8px 6px;gap:5px}.team-option input{width:16px;height:16px;min-height:16px}.score-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-selectors label{font-size:11px}.score-selectors select{width:100%;font-size:12px;min-height:44px}.score-selectors button{grid-column:1/-1;width:100%;min-height:44px;margin:0}.team-picker{margin-top:16px}.team-picker legend{font-size:12px}.score-panel .component.chart{margin-top:18px}.score-meta{align-items:start;flex-direction:column;gap:10px}.score-meta .button{min-height:44px;padding:11px 14px}.score-help{padding:12px}.score-help summary{min-height:24px}footer{font-size:10px}.component{margin:14px 0}
}
@media(min-width:901px){
 .scores-workspace{padding-top:16px}.scores-workspace main{padding-top:18px;padding-bottom:12px}.scores-workspace h1{margin-bottom:14px}.scores-workspace main>.notice:first-of-type{font-size:11px;padding:8px 12px;margin:0 0 12px;line-height:1.5}.scores-workspace footer{margin:4px auto;padding:0 2px}.scores-workspace .score-help{padding:8px 12px;margin-top:6px}.scores-workspace .team-option{font-size:11px}
}

/* Match the existing review/result section captions, without promoting
   navigation labels, player names, form labels, or disclosure summaries. */
main{--review-accent:#087e91;--review-ink:#24282f;--review-muted:#596474;--review-rule:#e2e6ec}
.workspace,.scores-workspace{padding-top:16px}
main,.scores-workspace main{padding:18px 24px 12px}
main>h1,.scores-workspace main>h1{font-size:24px;line-height:1.4;margin:0 0 14px}
main h2:not(.winner-name){border-left:4px solid var(--review-accent);background:linear-gradient(90deg,rgba(8,126,145,.10),rgba(8,126,145,0));color:var(--review-ink);font-size:20px;font-weight:700;padding:10px 14px;margin:18px 0 8px;line-height:1.4}
main h3{font-size:16px;font-weight:650;line-height:1.5;color:var(--review-muted);margin:16px 0 8px}
main .controls label,main legend{color:var(--review-muted)}
main summary{font-size:13px;line-height:1.5;font-weight:500;color:var(--review-muted)}
main .match-page-title{border:0;background:#f5f8f8;padding:12px 14px;margin:0 0 14px}
main .match-page-title .match-context-title{font-size:18px;line-height:1.5;font-weight:650;letter-spacing:0;margin:0 0 3px}
.data-caption{font-size:12px;line-height:1.5;color:var(--review-muted);margin:8px 0}
.score-meta{justify-content:flex-end}
@media(max-width:900px){main>h1,.scores-workspace main>h1{font-size:22px}}
@media(max-width:700px){main h2:not(.winner-name){font-size:18.4px;padding:8px 12px;margin-top:14px}main h3{font-size:15px;margin-top:14px}}
@media(max-width:600px){.workspace,.scores-workspace{padding-top:12px}main,.scores-workspace main{padding:18px 14px 12px}}

/* Natural-language search: honest elapsed time and an optional, quiet interlude. */
.search-wait{--wait-green:#176b61;margin:22px 0 16px;border:1px solid #cbded7;border-radius:12px;background:#f4f9f6;overflow:hidden;position:relative}
.wait-bar{display:flex;align-items:center;gap:14px;padding:20px 20px 16px}.wait-mark{display:grid;place-items:center;flex:0 0 36px;height:46px;background:#fffdf5;border:1px solid #d6d4c1;border-bottom:4px solid #8aaa90;border-radius:6px;color:#ac413c;font-size:24px;font-family:serif;box-shadow:0 3px 6px #274c3f0b}.wait-words{flex:1;min-width:0}.wait-heading{margin:0;font-weight:700;font-size:16px;color:#234c40;line-height:1.55}.wait-meta{font-size:12px;line-height:1.65;color:#586f66;margin:3px 0 0}.wait-elapsed{font-size:12px;font-variant-numeric:tabular-nums;color:#526f63;white-space:nowrap;padding:5px 8px;background:#e5efe8;border-radius:5px}.wait-body{padding:0 20px}.wait-intro{margin:0 0 16px;font-size:13px;color:#566c62;line-height:1.75}.wait-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 20px 14px}.wait-actions button{font-size:12px;margin:0;min-height:44px;padding:10px 13px}.wait-quiet{background:transparent;border-color:transparent;color:#526e62}.wait-quiet:hover{background:#e8f0eb}.wait-primary{background:#176b61;color:#fff;border-color:#176b61}.search-wait[data-state=ready]{border-color:#6f9d83;background:#edf7f0;box-shadow:0 0 0 1px #a4c5ad33}.search-wait[data-state=ready] .wait-mark{color:#176b61}.search-wait[data-state=failed],.search-wait[data-state=uncertain]{background:#fff8ed;border-color:#e6cfaa}.search-wait[data-state=failed] .wait-heading,.search-wait[data-state=uncertain] .wait-heading{color:#7b4e22}.search-wait[data-state=waiting] .wait-mark{animation:wait-breathe 3s ease-in-out infinite}
#analysis-result:focus{outline:3px solid #0b8190;outline-offset:5px;border-radius:4px}#analysis-result[aria-busy=true]{opacity:.55}#request-status:empty{display:none}
.reach-quiz{border:1px solid #d8e3db;border-radius:10px;padding:18px;background:#fffdfa;margin:0 0 16px}.quiz-eyebrow{margin:0;color:#7b8c79;font-size:11px;letter-spacing:.06em}main h2.quiz-title{border:0;background:none;padding:0;margin:5px 0;font-size:20px;color:#274c3b;line-height:1.5}.quiz-copy{font-size:12px;color:#657168;margin:6px 0 12px}.quiz-start,.quiz-replay,.quiz-next{background:#fff;color:#315b46;border-color:#bdcfbf;font-size:13px;padding:10px 16px;min-height:44px}.quiz-start:before{content:'▶';font-size:10px;margin-right:8px}.quiz-round{font-size:11px;color:#617665;margin:12px 0 8px}.quiz-stage{max-width:560px;margin:0 auto 8px;overflow:hidden;border-radius:12px;background:#1d7064}.quiz-stage svg{display:block;width:100%;height:auto}.quiz-stage[data-direction=left] .motion-hand{transform:translate(440px,0) scale(-1,1)}.quiz-choices{border:0;padding:12px 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.quiz-choices legend{font-size:13px;font-weight:600;padding:0 0 8px}.quiz-option{min-height:46px;margin:0;background:#fff;border-color:#d3dfd4;color:#35543e;white-space:normal;line-height:1.5;font-size:13px}.quiz-option:disabled{opacity:1;cursor:default;color:#7a847d;background:#f5f6f3}.quiz-option[data-correct=true]{background:#e8f3e9;border-color:#6e9975;color:#235733}.quiz-feedback{font-size:13px;line-height:1.75;color:#335b3b;margin:12px 0 0}.quiz-feedback:empty{display:none}.reach-stick{opacity:0}.is-playing .motion-hand{animation:reach-right 2.7s ease-in-out}.is-playing[data-direction=left] .motion-hand{animation:reach-left 2.7s ease-in-out}.is-playing .reach-stick{animation:reach-stick 2.7s ease-in-out}
@keyframes wait-breathe{0%,100%{box-shadow:0 2px 5px #2e655312}50%{box-shadow:0 3px 12px #2e65532b}}@keyframes reach-right{0%,15%{transform:translate(45px,35px)}45%,65%{transform:translate(-70px,-14px)}100%{transform:translate(45px,35px)}}@keyframes reach-left{0%,15%{transform:translate(395px,35px) scale(-1,1)}45%,65%{transform:translate(510px,-14px) scale(-1,1)}100%{transform:translate(395px,35px) scale(-1,1)}}@keyframes reach-stick{0%,65%{opacity:0}75%,100%{opacity:1}}
@media(max-width:600px){.search-wait{margin-top:16px}.wait-bar{padding:16px 14px 12px;gap:10px;flex-wrap:wrap}.wait-words{min-width:160px}.wait-heading{font-size:15px}.wait-elapsed{margin-left:46px;padding:0;background:none}.wait-body{padding:0 14px}.wait-actions{padding:0 14px 12px}.wait-intro{font-size:12px}.reach-quiz{padding:14px 12px}main h2.quiz-title{font-size:18px}.quiz-choices{grid-template-columns:1fr}.quiz-option{font-size:14px}.wait-primary{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.search-wait *, .quiz-stage *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep arrival visible while reading the optional question, without a modal. */
.search-wait{overflow:clip}.wait-bar{position:sticky;top:0;background:inherit;z-index:1}
/* Explicit manual recovery. These controls never submit a new analysis. */
.recovery-confirm{margin:0 20px 18px;padding:16px;border:1px solid #d8bd83;border-radius:8px;background:#fffbef}.recovery-confirm h3{margin:0 0 8px}.recovery-confirm p{font-size:13px;line-height:1.8}.recovery-confirm button{font-size:13px;min-height:44px}.recovery-availability{margin:0 20px 16px;font-size:12px;color:#6d6455}.recovered-results{border-top:1px solid #d9e5dd;margin:0 20px;padding:12px 0 16px}.recovered-results h3{font-size:14px}.recovered-item>p:first-child{font-size:13px;overflow-wrap:anywhere}.recovered-item button{font-size:12px;min-height:44px;border-color:#bdcfbf}.recovered-outcome{background:#fff;padding:12px;border-radius:7px;overflow-wrap:anywhere;max-width:100%}.recovered-outcome:focus,.recovery-confirm h3:focus{outline:3px solid #0b8190;outline-offset:3px}.search-wait[data-state=recovered]{background:#f3f7f4;border-color:#bbd2c1}
@media(max-width:600px){.recovery-confirm{margin:0 14px 14px;padding:12px}.recovery-confirm button{width:100%;margin:4px 0}.recovery-availability,.recovered-results{margin-left:14px;margin-right:14px}.recovered-results .table-scroll{max-width:100%}}

/* Search headings wrap without changing cell values or table column order. */
#analysis-result th,.recovered-outcome th{white-space:normal;overflow-wrap:anywhere;min-width:8em;max-width:24em}
.table-scroll:focus-visible{outline:3px solid #0b8190;outline-offset:3px}