.ros-page{--ros-mint:#8cf4d7;--ros-gold:#ffda91;max-width:1120px;margin:0 auto}
.ros-hero,.ros-outlook{overflow:hidden;border:1px solid #3a5668;border-radius:24px;background:#10202e}
.ros-hero{text-align:center;padding:clamp(16px,4vw,40px);background:radial-gradient(ellipse at top,#213752,#10202e 64%)}
.ros-kicker{color:var(--ros-mint);font-size:.72rem;font-weight:900;letter-spacing:.14em}
.ros-hero h1{margin:.4em auto;font-size:clamp(1.65rem,5vw,3.8rem);line-height:1.06}
.ros-scoring,.ros-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ros-scoring a,.ros-links a{padding:8px 14px;border:1px solid #507083;border-radius:999px;text-decoration:none;color:#e4f6ff}
.ros-scoring [aria-current]{background:var(--ros-mint);color:#092721;border-color:transparent;font-weight:800}
.ros-matchup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,24px);position:relative;margin:24px 0 16px}
.ros-player{position:relative;min-width:0;padding:14px 8px;border:1px solid #46617b;border-radius:18px;background:linear-gradient(151deg,#203c57,#101e2c 72%);overflow:hidden}
.ros-player.ros-leader{border-color:var(--ros-mint);background:linear-gradient(151deg,#22544e,#102331 74%);box-shadow:inset 0 3px 0 var(--ros-mint)}
.ros-player-tag{display:block;color:var(--ros-mint);font-size:.67rem;font-weight:900;letter-spacing:.12em}
.ros-player img{display:block;margin:2px auto 0;width:min(100%,265px);height:clamp(86px,20vw,190px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 12px #0008)}
.ros-player h2{margin:4px 0;font-size:clamp(1rem,3vw,2rem);line-height:1.1;overflow-wrap:anywhere}
.ros-score{display:block;font-size:clamp(2rem,6vw,4.3rem);line-height:1.1;font-weight:950;letter-spacing:-.04em}
.ros-leader .ros-score{color:var(--ros-mint)}
.ros-player small,.ros-player p,.ros-call p,.ros-outlook p{color:#b9d3df}
.ros-player p{margin:8px 0 0;font-size:.75rem}
.ros-vs{position:absolute;left:50%;top:31%;transform:translate(-50%,-50%) rotate(-8deg);background:#0d1724;color:var(--ros-gold);padding:.25em .4em;border:1px solid #a38250;border-radius:9px;font-size:clamp(1.1rem,4vw,2.8rem);line-height:1;font-weight:950;font-style:italic;box-shadow:0 5px 14px #0007}
.ros-call{border-top:1px solid #456675;padding-top:16px}.ros-call h2,.ros-call p{margin:.3em 0}
.ros-outlook{margin:18px 0;padding:clamp(12px,3vw,30px)}
.ros-outlook-heading p,.ros-outlook-heading h2{margin:0 0 7px}
.ros-outlook-heading .ros-kicker{color:var(--ros-mint)}
.ros-outlook table{width:100%;border-collapse:separate;border-spacing:0 6px;table-layout:fixed;text-align:center}
.ros-outlook table th:first-child{width:17%}
.ros-outlook table th,.ros-outlook table td{padding:8px 5px;overflow-wrap:anywhere}
.ros-outlook tbody th,.ros-outlook td{background:#182d3d}
.ros-outlook tbody th{border-radius:8px 0 0 8px}.ros-outlook td:last-child{border-radius:0 8px 8px 0}
.ros-outlook td small{display:block;color:#adc8d9}.ros-outlook td.ros-week-edge{background:#204d47;color:var(--ros-mint)}
.ros-playoffs th{color:var(--ros-gold)}
.ros-links{justify-content:flex-start}
.ros-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.ros-hub-card{display:block;overflow:hidden;border:1px solid #4b647c;border-radius:20px;background:linear-gradient(112deg,#18414b 0%,#132a3d 48%,#27324d 52%,#1b263b 100%);text-decoration:none;color:#eef8ff;transition:border-color .18s,box-shadow .18s}
.ros-hub-card:hover,.ros-hub-card:focus-visible{border-color:var(--ros-mint);box-shadow:0 6px 24px #080f1a80}
.ros-hub-faceoff{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;text-align:center;gap:5px;padding:14px 10px}
.ros-hub-fighter{display:grid;justify-items:center;align-content:start;gap:4px;min-width:0}
.ros-hub-fighter small{color:var(--ros-mint);font-size:.68rem;letter-spacing:.1em;font-weight:850}
.ros-hub-fighter img{width:min(100%,195px);height:clamp(75px,12vw,140px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 9px #0008)}
.ros-hub-fighter strong{font-size:clamp(.9rem,2vw,1.35rem);line-height:1.12;overflow-wrap:anywhere}
.ros-hub-vs{color:var(--ros-gold);font-size:clamp(1.3rem,4vw,2.5rem);font-weight:950;font-style:italic;text-shadow:0 2px 8px #000}
.ros-hub-action{text-align:center;padding:10px 6px;background:#09172599;border-top:1px solid #526b7a65;color:var(--ros-mint);font-size:.78rem;font-weight:850;letter-spacing:.06em}
@media(max-width:600px){.ros-hub-grid{grid-template-columns:1fr}.ros-outlook table{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.ros-hub-card{transition:none}}
.ros-page a.ros-hub-card:is(:hover,:focus-visible){text-decoration:none}
@media(min-width:601px){
 .ros-hub-card:last-child:nth-child(odd){grid-column:1/-1}
 .ros-hub-card:last-child:nth-child(odd) .ros-hub-faceoff{max-width:670px;margin-inline:auto}
}