/* Ranked Scout — dark workspace, with consistent readable type and contrast. */
:root{
  color-scheme:dark;
  --bg:#0d1420;--rail:#101a28;--surface:#162334;--surface-hover:#1e3043;
  --line:#324459;--ink:#f0f5f8;--muted:#b7c5d3;--subtle:#91a5b8;
  --accent:#9be7cf;--accent-strong:#baf4e2;--accent-bg:#24473f;
  --warn:#f0d39a;--danger:#ffc0c5;--focus:#a7f1dc;
  --gk:#f5d878;--def:#a8ceff;--mid:#a4e4bd;--att:#ffb4b9;
  --t-xs:12px;--t-sm:14px;--t-body:16px;--t-lg:20px;--t-title:30px;--t-ovr:28px;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:var(--t-body);color:var(--ink);background:var(--bg);
}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
button,select,input{font:inherit}
button,select,summary{cursor:pointer}
a{color:var(--accent-strong);text-decoration-thickness:1px;text-underline-offset:3px}
button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible,.player-line:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rail{position:fixed;inset:0 auto 0 0;width:184px;display:flex;flex-direction:column;gap:0;padding:24px 14px;background:var(--rail);border-right:1px solid var(--line);z-index:30}
.brand-mark{display:flex;align-items:center;justify-content:center;white-space:nowrap;width:58px;height:44px;border-radius:9px;background:var(--accent);color:#0d2722;font-weight:800;font-size:19px;letter-spacing:-1px;text-decoration:none}
.brand-mark span{margin:0 -2px}
.rail-label{margin:36px 12px 12px;font-size:var(--t-xs);font-weight:700;color:var(--subtle);letter-spacing:.06em}
.rail nav{display:grid;gap:6px}
.rail nav a{display:flex;align-items:center;gap:12px;min-height:46px;border:1px solid transparent;border-radius:8px;padding:0 12px;color:var(--muted);font-size:var(--t-sm);font-weight:600;text-decoration:none}
.rail nav a:hover{background:var(--surface-hover);color:var(--ink)}
.rail nav a[aria-current=page]{color:var(--accent-strong);background:var(--accent-bg);border-color:#3c685e;box-shadow:inset 3px 0 var(--accent)}
.rail nav svg{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round}
.rail-foot{display:flex;align-items:center;gap:9px;margin:auto 12px 5px;color:var(--muted);font-size:var(--t-xs)}
.rail-local,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mid);flex:none}
.scout-shell{margin-left:184px;max-width:1800px;padding:0 40px 32px}
.masthead{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}
.page-label{color:var(--muted);font-size:var(--t-xs);font-weight:700;letter-spacing:.06em}
.page-label span{color:var(--subtle);margin:0 9px}
.tier-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:var(--t-sm)}
.tier-control label{font-weight:600}
.tier-control select{max-width:210px;min-width:150px}
.tier-control strong{font-variant-numeric:tabular-nums;color:var(--accent-strong);white-space:nowrap;font-size:var(--t-sm)}
select{min-height:44px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:9px 32px 9px 12px}
select option{background:var(--surface);color:var(--ink)}
.intro{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:29px 0 22px}
.eyebrow{margin:0 0 8px;color:var(--accent);font-size:var(--t-xs);font-weight:750;letter-spacing:.06em}
h1{margin:0;font-size:var(--t-title);line-height:1.18;letter-spacing:-.035em}
.intro-note{margin:8px 0 0;color:var(--muted);font-size:var(--t-sm);line-height:1.5}
.library-status{display:grid;grid-template-columns:auto auto;gap:5px 8px;align-items:center;color:var(--muted);font-size:var(--t-xs);text-align:right}
.library-status small{grid-column:1/-1;font-size:var(--t-xs);color:var(--muted)}
.command-zone{position:sticky;top:0;z-index:20;background:var(--bg);padding:4px 0 6px}
.command-bar{display:flex;align-items:center;gap:14px;min-height:60px;border:1px solid #50677d;border-radius:10px;background:var(--surface);padding:0 14px;transition:border-color .12s}
.command-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #9be7cf33}
.command-bar svg{width:21px;height:21px;stroke:var(--muted);stroke-width:1.7;fill:none;flex:none}
.command-bar input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px;padding:15px 0}
.command-bar input::placeholder{color:#a1b1c0;opacity:1}
.command-bar input::-webkit-search-cancel-button{display:none}
.command-bar input:focus-visible{outline:none}
.clear-button{width:38px;height:38px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:23px;line-height:1}
.clear-button:hover{background:var(--surface-hover);color:var(--ink)}
kbd{font-family:inherit;font-size:var(--t-xs);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:4px 7px;white-space:nowrap}
#search-interpretation{min-height:20px;margin:7px 3px 0;color:var(--accent-strong);font-size:var(--t-sm);line-height:1.4}
.suggestions{position:absolute;z-index:40;top:66px;left:0;right:0;max-height:260px;overflow:auto;background:var(--surface);border:1px solid #50677d;border-radius:8px;box-shadow:0 10px 28px #0008}
.suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;border:0;border-bottom:1px solid var(--line);padding:10px 14px;background:transparent;text-align:left;color:var(--ink)}
.suggestion:hover,.suggestion.active{background:var(--surface-hover)}
.suggestion strong span{font-weight:400;color:var(--muted);margin-left:8px}
.suggestion small{font-size:var(--t-xs);color:var(--muted)}
.search-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0 18px}
.position-tabs{display:flex;gap:5px;flex-wrap:wrap}
.position-tabs button{min-height:42px;padding:9px 14px;border:1px solid transparent;border-radius:7px;color:var(--muted);background:transparent;font-size:var(--t-sm);font-weight:650}
.position-tabs button:hover{background:var(--surface-hover);color:var(--ink)}
.position-tabs button.selected{background:var(--accent-bg);border-color:#3c685e;color:var(--accent-strong)}
.position-tabs button[data-position=GK]:not(.selected){color:var(--gk)}
.position-tabs button[data-position=DEF]:not(.selected){color:var(--def)}
.position-tabs button[data-position=MID]:not(.selected){color:var(--mid)}
.position-tabs button[data-position=FWD]:not(.selected){color:var(--att)}
.secondary-tools{display:flex;gap:8px;align-items:center}
.secondary-tools select{font-size:var(--t-sm);max-width:175px}
.filters{position:relative}
.filters summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;list-style:none;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:var(--t-sm);font-weight:600;white-space:nowrap}
.filters summary::-webkit-details-marker{display:none}
.filters summary:hover,.refresh-button:hover{background:var(--surface-hover)}
.filters[open] summary span{transform:rotate(180deg)}
.filter-panel{position:absolute;top:50px;right:0;z-index:35;width:290px;display:grid;gap:16px;padding:18px;background:var(--surface);border:1px solid #50677d;border-radius:9px;box-shadow:0 10px 28px #0008}
.filter-panel>label:not(.excluded-control){display:grid;gap:7px;color:var(--muted);font-size:var(--t-sm)}
.filter-panel select{width:100%}
.excluded-control{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);font-size:var(--t-sm)}
.excluded-control input{width:19px;height:19px;accent-color:#83d8bd}
.excluded-control b{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:500}
.refresh-button{width:44px;height:44px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:22px}
.welcome{display:flex;align-items:center;justify-content:center;gap:38px;min-height:280px;padding:38px 24px;border-top:1px solid var(--line)}
.welcome-copy{max-width:540px}
.welcome h2{margin:0;font-size:24px;letter-spacing:-.025em}
.welcome-copy>p:not(.eyebrow){color:var(--muted);line-height:1.6;font-size:var(--t-sm)}
.pitch-art{position:relative;display:grid;place-items:center;flex:none;width:130px;height:176px;border:1px solid #496276;border-radius:8px;color:var(--accent);overflow:hidden}
.pitch-art:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #496276}
.pitch-art div{position:absolute;width:46px;height:46px;border:1px solid #496276;border-radius:50%}
.pitch-art span{position:relative;padding:5px;background:var(--bg);font-weight:800;font-size:18px;letter-spacing:-1px}
.example-searches{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.example-searches button{min-height:40px;padding:8px 12px;border:1px solid #43586d;border-radius:7px;color:var(--ink);background:var(--surface);font-size:var(--t-sm)}
.example-searches button:hover{border-color:var(--accent);background:var(--surface-hover)}
.example-searches button span{margin-left:7px;color:var(--accent)}
.welcome-legend{display:flex;flex-wrap:wrap;gap:12px 20px;color:var(--muted);font-size:var(--t-xs);line-height:1.5}
.legend-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;vertical-align:middle;background:var(--subtle)}
.legend-dot.game{background:var(--mid)}.legend-dot.historical{background:var(--warn)}.legend-dot.unknown{background:var(--subtle)}
.results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-top:1px solid var(--line)}
.results-heading .eyebrow{margin-bottom:5px}
.results-heading p:last-child{margin:0;color:var(--muted);font-size:var(--t-sm);line-height:1.5}
.result-counters{display:flex;gap:24px;flex:none}
.result-counters>div{display:grid;gap:2px;text-align:center;min-width:64px}
.result-counters strong{font-size:22px;font-variant-numeric:tabular-nums}
.result-counters>div:first-child strong{color:var(--mid)}
.result-counters span{color:var(--muted);font-size:var(--t-xs)}
.result-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 0 12px;color:var(--muted);font-size:var(--t-xs)}
.legend{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.legend-separator{color:var(--subtle);margin:0 8px}
.ranked-note{line-height:1.4}
.roster-panel{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:clip}
.roster-head,.player-line{display:grid;grid-template-columns:28px minmax(190px,1fr) 160px 130px 155px 20px;align-items:center;gap:14px;padding:0 20px}
.roster-head{min-height:42px;background:#1b2a3d;border-bottom:1px solid var(--line);color:#b1c1d1;font-size:var(--t-xs);font-weight:700;letter-spacing:.03em}
.score-head{text-align:center}
.player-rows{min-height:90px}
.player-rows[aria-busy=true]{opacity:.55;pointer-events:none}
.player-record{border-bottom:1px solid var(--line);border-left:3px solid var(--role,#607489)}
.player-record:last-child{border-bottom:0}
.player-line{min-height:74px;cursor:pointer;transition:background .12s}
.player-line:hover,.player-line:focus-visible{background:var(--surface-hover)}
.player-line:focus-visible{outline-offset:-3px}
.player-rank{color:var(--subtle);font-size:var(--t-xs);font-variant-numeric:tabular-nums}
.player-name{color:var(--ink);font-size:17px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.player-subline{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;margin-top:5px;color:var(--muted);font-size:var(--t-xs);line-height:1.4}
.source-chip{display:inline-block;border-radius:4px;background:#28483f;color:#c3f2de;padding:3px 6px;font-size:var(--t-xs);font-weight:650}
.source-chip.historical,.source-chip.warning{background:#4a3c2d;color:#f2d9aa}
.source-chip.danger{background:#4b3037;color:#ffd2d5}
.position-chips{display:flex;flex-wrap:wrap;gap:5px}
.position-chip{display:inline-block;border:1px solid var(--role,#9fb4c6);border-radius:5px;padding:3px 6px;background:#202f40;color:var(--role,#e3edf3);font-size:var(--t-xs);font-weight:700;line-height:1.3}
.position-chip.broad{border-style:dashed}
.position-missing{color:var(--muted);font-size:var(--t-xs)}
[data-position=GK],.pos-GK{--role:var(--gk)}
[data-position=DEF],.pos-DEF{--role:var(--def)}
[data-position=MID],.pos-MID{--role:var(--mid)}
[data-position=ATT],[data-position=FWD],.pos-ATT{--role:var(--att)}
.player-record[data-role=GK]{--role:var(--gk)}
.player-record[data-role=DEF]{--role:var(--def)}
.player-record[data-role=MID]{--role:var(--mid)}
.player-record[data-role=ATT]{--role:var(--att)}
.player-rating{text-align:center;color:#c3f1df;font-size:var(--t-ovr);font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.player-rating small{display:block;margin-top:5px;color:var(--muted);font-size:var(--t-xs);font-weight:600;letter-spacing:0}
.player-rating.historical,.player-rating.alternatives{color:var(--warn);font-size:22px}
.player-rating.unknown{color:var(--muted);font-size:var(--t-sm);font-weight:600}
.cap-state{display:flex;align-items:flex-start;gap:7px;color:#b3ebd1;font-size:var(--t-sm);line-height:1.3}
.cap-state:before{content:"✓";display:grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:var(--t-xs);flex:none}
.cap-state small{display:block;margin-top:4px;color:var(--muted);font-size:var(--t-xs);line-height:1.3}
.cap-state.excluded{color:var(--danger)}
.cap-state.excluded:before{content:"–"}
.cap-state.unverified{color:var(--warn)}
.cap-state.unverified:before{content:"?"}
.player-record.is-excluded{background:#2a252d}
.player-record.is-excluded .player-name{color:var(--ink)}
.player-record.is-excluded .player-rating{color:var(--danger)}
.expand-indicator{display:block;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .12s;justify-self:center}
.player-line[aria-expanded=true] .expand-indicator{transform:rotate(225deg)}
.player-details{margin:0 20px 16px 62px;padding:14px 16px;border:1px solid #4a6075;border-radius:8px;background:#1d3043;color:#d6e2eb;font-size:var(--t-sm);line-height:1.6;overflow-wrap:anywhere}
.player-details p{margin:5px 0}
.player-details strong{color:var(--ink)}
.player-details a,.candidate-explainer a{color:var(--accent-strong)}
.observation-path{overflow-wrap:anywhere}
.empty-results{text-align:center;padding:38px 20px;color:var(--muted);font-size:var(--t-sm)}
.empty-results h3{margin:0 0 8px;color:var(--ink);font-size:18px}
.candidate-panel{margin-top:18px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.candidate-panel summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 16px;color:var(--ink);font-size:var(--t-sm);font-weight:650;list-style:none}
.candidate-panel summary::-webkit-details-marker{display:none}
.candidate-panel summary b{margin-left:6px;color:var(--warn)}
.candidate-hint{color:var(--muted);font-size:var(--t-xs);font-weight:400}
.candidate-hint>span{display:inline-block;margin-left:10px;font-size:18px}
.candidate-panel[open] .candidate-hint>span{transform:rotate(180deg)}
.candidate-explainer{padding:0 16px 16px;color:var(--muted);font-size:var(--t-sm);line-height:1.6}
.candidate-row{display:grid;grid-template-columns:minmax(160px,1fr) 110px 110px minmax(180px,1fr);align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line);font-size:var(--t-sm)}
.candidate-score{color:var(--warn);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.candidate-score small{display:block;color:var(--muted);font-size:var(--t-xs)}
.candidate-reason{color:var(--muted);font-size:var(--t-xs);line-height:1.4}
.scout-footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--t-xs);line-height:1.5}
.footer-shortcuts{white-space:nowrap}
.footer-shortcuts kbd{margin-left:6px}
#query-timing{margin-left:10px;font-variant-numeric:tabular-nums}
.error-message{margin:10px 0;padding:12px 15px;border:1px solid #a46d75;border-radius:7px;background:#442d37;color:#ffe4e5;font-size:var(--t-sm)}
dialog{width:min(700px,94vw);max-height:90vh;overflow:auto;padding:30px;border:1px solid #52697d;border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #0008}
dialog::backdrop{background:#050a12bf}
.tier-dialog-brand{color:var(--accent);font-size:22px;font-weight:800;margin-bottom:24px}
.tier-dialog-brand span{color:var(--muted);font-size:var(--t-xs);letter-spacing:.06em;margin-left:10px}
dialog h2{font-size:28px;margin:0 0 10px;letter-spacing:-.02em}
.tier-dialog-note{color:var(--muted);font-size:var(--t-sm);line-height:1.6}
.tier-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.tier-option{position:relative;min-height:106px;text-align:left;padding:14px;border:1px solid #52697d;border-radius:8px;background:#1b2b3c;color:var(--ink)}
.tier-option:hover{background:var(--surface-hover)}
.tier-option.selected{border-color:var(--accent);background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent)}
.tier-option small,.tier-option strong,.tier-option>span{display:block}
.tier-option small,.tier-option>span{color:var(--muted);font-size:var(--t-xs)}
.tier-option strong{font-size:var(--t-sm);margin:8px 0}
.tier-option.selected:after{content:"✓";position:absolute;right:12px;top:12px;color:var(--accent)}
.start-button{width:100%;min-height:48px;margin-top:20px;border:0;border-radius:8px;background:var(--accent);color:#0d2722;font-weight:750}
.start-button:hover{background:#baf4e2;color:#0d2722}
.start-button:disabled{opacity:.65;cursor:not-allowed}
.tier-dialog-foot{color:var(--muted);font-size:var(--t-xs);text-align:center}
@media(max-width:1100px){
  .scout-shell{padding-left:24px;padding-right:24px}
  .roster-head,.player-line{grid-template-columns:25px minmax(170px,1fr) 125px 110px 135px 16px;gap:10px;padding-left:14px;padding-right:14px}
}
@media(max-width:800px){
  .rail{position:relative;inset:auto;width:100%;height:auto;flex-direction:row;align-items:center;gap:12px;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line)}
  .brand-mark{width:52px;height:42px;font-size:17px}
  .rail-label,.rail-foot{display:none}
  .rail nav{display:flex;gap:6px}
  .rail nav a{min-height:42px;padding:0 10px;font-size:var(--t-sm)}
  .scout-shell{margin-left:0;padding:0 18px 24px}
  .masthead{min-height:62px}
  .library-status{display:none}
  .intro{padding:22px 0 18px}
  .roster-head,.player-line{grid-template-columns:22px minmax(130px,1fr) 100px 95px 120px 14px;gap:8px;padding-left:12px;padding-right:12px}
  .player-name{font-size:16px}
  .candidate-row{grid-template-columns:minmax(130px,1fr) 80px 85px}
  .candidate-row .candidate-reason{grid-column:1/-1}
}
@media(max-width:620px){
  .rail{padding:8px 12px}
  .rail nav a{font-size:13px;gap:7px}
  .rail nav svg{width:17px;height:17px}
  .scout-shell{padding:0 14px 22px}
  .masthead{min-height:58px}
  .page-label{display:none}
  .tier-control{width:100%;justify-content:flex-end;gap:7px;font-size:var(--t-xs)}
  .tier-control select{flex:1;min-width:0;max-width:205px;font-size:var(--t-sm)}
  .tier-control strong{font-size:var(--t-xs)}
  h1{font-size:24px}
  .intro-note{font-size:var(--t-sm)}
  .has-results .intro{padding:14px 0 10px}
  .has-results .intro .eyebrow,.has-results .intro-note{display:none}
  .command-bar{min-height:54px;gap:10px}
  .command-bar input{font-size:16px}
  .command-bar input::placeholder{font-size:14px}
  .command-bar kbd{display:none}
  .search-tools{display:block;padding:8px 0 14px}
  .position-tabs{flex-wrap:nowrap;gap:3px}
  .position-tabs button{flex:1;padding:8px 5px;font-size:var(--t-xs)}
  .secondary-tools{margin-top:8px}
  .secondary-tools .sort-control{flex:1}
  .secondary-tools select{width:100%;max-width:none}
  .filters summary{padding:0 10px}
  .filter-panel{position:fixed;left:14px;right:14px;top:auto;width:auto}
  .results-heading{align-items:flex-start;flex-wrap:wrap;gap:8px;padding:12px 0}
  .result-counters{width:100%;justify-content:space-between;gap:10px}
  .result-counters>div{text-align:left;min-width:0}
  .result-counters strong{font-size:20px}
  .result-controls{align-items:flex-start;flex-direction:column;gap:6px}
  .roster-head{display:none}
  .player-line{grid-template-columns:minmax(0,1fr) minmax(70px,auto) 14px;grid-template-areas:"name rating arrow" "pos cap arrow";gap:6px 10px;min-height:84px;padding:12px}
  .player-line>div:nth-child(2){grid-area:name}
  .player-line>.position-chips{grid-area:pos}
  .player-line>.player-rating{grid-area:rating;text-align:right;font-size:26px}
  .player-line>.cap-state{grid-area:cap;display:flex;justify-content:flex-end;text-align:right;font-size:var(--t-xs)}
  .player-line>.cap-state:before{width:14px;height:14px;font-size:10px}
  .player-line>.expand-indicator{grid-area:arrow}
  .player-rank{display:none}
  .player-rating small{font-size:var(--t-xs)}
  .player-rating.alternatives,.player-rating.historical{font-size:19px}
  .cap-state small{font-size:var(--t-xs)}
  .player-details{margin:0 12px 12px;font-size:var(--t-sm)}
  .candidate-hint{font-size:0}
  .candidate-hint>span{font-size:18px}
  .candidate-row{grid-template-columns:minmax(120px,1fr) 65px 80px}
  .candidate-row .candidate-reason{grid-column:1/-1}
  .welcome{justify-content:flex-start;min-height:250px;padding:28px 4px}
  .pitch-art{display:none}
  .welcome h2{font-size:21px}
  .welcome-legend{gap:10px}
  .scout-footer{display:block}
  .footer-shortcuts{display:none}
  .tier-options{grid-template-columns:repeat(2,1fr)}
  dialog{padding:22px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.player-record,.position-tabs button.selected{outline:1px solid CanvasText}}

.snapshot-notice{padding:12px 16px;border:1px solid #b08c46;border-radius:8px;color:#f4deb0;background:#332a1a;font-size:14px;line-height:1.4}#snapshot-freshness{font-size:12px}
