.prediction-game { --prediction-ink:#172033; --prediction-muted:#49596d; --prediction-line:#c9d4e0; --prediction-blue:#1d4ed8; color:var(--prediction-ink); max-width:1100px; margin:3rem auto; padding:0 1.25rem; font-size:1rem; line-height:1.55; }
.prediction-game * { box-sizing:border-box; min-width:0; }
.prediction-game h1 { font-size:2.3rem; margin:0; }
.prediction-game h2 { font-size:1.35rem; margin:1.5rem 0 .6rem; }
.prediction-game h3 { font-size:1.1rem; margin:1.4rem 0 .5rem; }
.prediction-game p { max-width:75ch; }
.prediction-header,.prediction-nav,.prediction-actions,.prediction-choices { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1rem; }
.prediction-header { justify-content:space-between; border-bottom:1px solid var(--prediction-line); padding-bottom:1rem; }
.prediction-nav { padding:1rem 0; }
.prediction-nav span,.prediction-note { color:var(--prediction-muted); }
.prediction-game a { text-underline-offset:.2em; }
.prediction-game button { border:1px solid #8fa2b8; background:#fff; color:var(--prediction-ink); border-radius:5px; min-height:44px; padding:.5rem .85rem; font:inherit; line-height:1.3; }
.prediction-game button:hover:not(:disabled) { background:#edf3fc; }
.prediction-game button[aria-pressed="true"] { border-color:var(--prediction-blue); color:#fff; background:var(--prediction-blue); }
.prediction-game button:disabled { color:#59697a; border-color:#c9d4e0; background:#f1f4f8; cursor:not-allowed; }
.prediction-game button.prediction-primary { background:var(--prediction-blue); color:#fff; border-color:var(--prediction-blue); }
.prediction-game button.prediction-primary:disabled { background:#d9e2ef; color:#506078; border-color:#c9d4e0; }
.prediction-game :focus-visible { outline:3px solid #b45309; outline-offset:3px; }
.prediction-game ::selection { background:#c6d8fc; color:#172033; }
.prediction-game fieldset { border:0; margin:1rem 0; padding:0; }
.prediction-game legend { font-size:1rem; font-weight:650; margin-bottom:.5rem; }
.prediction-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2.5rem; align-items:start; }
.prediction-game table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.prediction-game th,.prediction-game td { padding:.55rem .35rem; border-bottom:1px solid var(--prediction-line); text-align:start; vertical-align:top; overflow-wrap:anywhere; }
.prediction-game th { font-weight:650; }
.prediction-game details { margin:.75rem 0; }
.prediction-game summary { cursor:pointer; }
.prediction-status,.prediction-objective { padding:.8rem 0; border-bottom:1px solid var(--prediction-line); }
.prediction-objective h2 { margin:.5rem 0; }
.prediction-result { margin-top:1.5rem; padding-top:.5rem; border-top:1px solid var(--prediction-line); }
.prediction-game textarea { width:100%; border:1px solid #8fa2b8; border-radius:5px; padding:.6rem; color:var(--prediction-ink); font:inherit; }
.ranker-routes { list-style:none; padding:0; margin:0; }
.ranker-routes > li { padding:1.1rem 0; border-top:1px solid var(--prediction-line); }
.ranker-route-header { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; justify-content:space-between; margin-bottom:.5rem; }
.ranker-route-controls { display:flex; gap:.5rem; }
.ranker-legs { margin:.4rem 0; padding-left:1.3rem; }
.ranker-legs li { padding:.15rem 0; }
.prediction-actions { margin:1rem 0; }
.prediction-note { font-size:.9rem; }
@media(max-width:700px) { .prediction-game { margin:1.8rem auto; padding:0 1rem; }.prediction-columns { grid-template-columns:1fr; gap:.7rem; }.prediction-game h1 { font-size:2rem; }.prediction-game th,.prediction-game td { padding:.5rem .25rem; }.prediction-choices { gap:.4rem; }.prediction-choices button { flex-grow:1; }.ranker-route-controls { width:100%; }.ranker-route-controls button { flex:1; } }

.prediction-game [tabindex="-1"] { scroll-margin-top:5rem; }

.prediction-map-context { font-weight:650; }
.ranker-routes details { margin:.35rem 0; }
.ranker-routes summary { min-height:44px; display:list-item; padding:.45rem 0; }