.roster-guide-hero{--roster-border:#bed0d9}.roster-jump{border-bottom:1px solid #bed0d9;flex-wrap:wrap;gap:8px 28px;margin-bottom:40px;padding-bottom:24px;display:flex}.roster-jump a{text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.roster-jump a:hover,.roster-image-link:hover{color:#165f96}.roster-kicker{color:#28669a;font:11px/1.6 var(--pixel);letter-spacing:1px;margin-bottom:14px}.roster-section-heading{justify-content:space-between;align-items:end;gap:24px 48px;margin-bottom:24px;display:flex}.roster-section-heading h2{margin-bottom:0}.roster-section-heading>p{max-width:44ch;margin:0}.roster-image-link{text-underline-offset:4px;flex:none;align-items:center;gap:14px;min-height:44px;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.roster-board figure{margin:0}.roster-screen{background:#10304e;border:1px solid #375675;position:relative}.roster-screen img,.roster-result img,.roster-player img,.roster-viewer img{image-rendering:pixelated}.roster-screen img{width:100%}.roster-marker{aspect-ratio:1;background:var(--cyan);border:2px solid var(--navy);width:clamp(19px,3.1vw,36px);color:var(--navy);font:600 clamp(11px, 1.2vw, 17px)/1 var(--body);place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 2px #06142677}.roster-marker-one{top:13.6%;left:7.5%}.roster-marker-two{top:13.6%;left:57%}.roster-marker-three{top:51.6%;left:18.2%}.roster-marker-four{top:51.6%;left:44.3%}.roster-board figcaption{color:#3f596b;max-width:100ch}.roster-key{grid-template-columns:repeat(4,1fr);gap:28px;margin:28px 0;padding:0;list-style:none;display:grid}.roster-key li{align-items:start;gap:12px;display:flex}.roster-key-number{background:var(--navy);height:28px;color:var(--cyan);flex:0 0 28px;place-items:center;font-weight:600;display:grid}.roster-key h3{margin:0 0 10px;font-size:26px}.roster-key p{margin:0;font-size:14px;line-height:1.65}.roster-position-key{background:#e0edf0;border-left:4px solid #1676c2;padding:24px}.roster-position-key h3{font:600 14px/1.5 var(--body);letter-spacing:0;margin:0 0 16px}.roster-position-key dl{grid-template-columns:repeat(3,1fr);gap:16px 28px;margin:0;display:grid}.roster-position-key dt{font-size:15px;font-weight:600}.roster-position-key dd{margin:4px 0 0;font-size:13px}.roster-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px 72px;display:grid}.roster-section-lead>p:last-child{margin-bottom:0}.roster-metrics{margin:0}.roster-metrics>div{border-top:1px solid #bed0d9;padding:24px 0}.roster-metrics>div:last-child{border-bottom:1px solid #bed0d9}.roster-metrics dt{font:700 28px/1.2 var(--heading);align-items:center;gap:16px;margin-bottom:12px;display:flex}.roster-metrics dd{max-width:58ch;margin:0 0 0 46px}.roster-star{color:#795600;width:30px;font:26px/1 var(--body)}.roster-bar-icon{background:linear-gradient(90deg,#16604d 60%,#d5e1e3 60%);border:2px solid #16604d;width:30px;height:14px;display:inline-block}.roster-context-link{margin:20px 0 0}.roster-tap-note{border-left:4px solid var(--blue);background:#dfecef;margin-top:30px;padding:24px}.roster-tap-note h3{margin-bottom:12px}.roster-tap-note p{margin:0}.roster-steps{counter-reset:step;margin:0 0 32px;padding:0;list-style:none}.roster-steps li{counter-increment:step;padding:0 0 24px 52px;position:relative}.roster-steps li:last-child{padding-bottom:0}.roster-steps li:before{content:counter(step);background:var(--navy);width:32px;height:32px;color:var(--yellow);font:600 15px var(--body);place-items:center;display:grid;position:absolute;top:0;left:0}.roster-steps h3{margin-bottom:12px;font-size:28px}.roster-steps p{margin:0}.roster-rules{margin-bottom:16px}.roster-rules th[scope=row]{background:0 0}.roster-small{font-size:13px;line-height:1.7}.roster-recovery{background:var(--navy);color:var(--ice);border-top:4px solid var(--cyan);padding:clamp(24px,4vw,48px)}.roster-recovery .roster-kicker{color:var(--cyan)}.roster-recovery .roster-section-heading{align-items:start}.roster-recovery-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px;display:grid}.roster-recovery-grid article{border-top:1px solid #49647b;padding-top:20px}.roster-recovery-index{color:var(--yellow);font:11px/1.5 var(--pixel);margin-bottom:18px;display:block}.roster-recovery h3{margin-bottom:16px;font-size:30px}.roster-recovery p{color:#d0e1ea}.roster-recovery-grid article>:last-child{margin-bottom:0}.roster-recovery-links{flex-direction:column;gap:8px;display:flex}.roster-recovery a:hover{color:var(--yellow)}.roster-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0;display:grid}.roster-player{background:#dfecef;border:1px solid #bed0d9;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:28px;padding:28px;display:grid}.roster-player img{width:104px;margin:0}.roster-player-location{color:#35556c;margin:0 0 10px;font-size:12px;font-weight:600}.roster-player h3{margin:0 0 18px;font-size:clamp(27px,3vw,36px)}.roster-player dl{flex-wrap:wrap;gap:12px 32px;margin:0 0 18px;display:flex}.roster-player dt{color:#35556c;font-size:12px}.roster-player dd{margin:0;font-size:18px;font-weight:600}.roster-player p:last-child{margin:0;font-size:14px}.roster-decision-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px}.roster-decision-body h3{margin-bottom:18px}.roster-decision-body>div>:last-child{margin-bottom:0}.roster-decision-body .roster-result{margin:0}.roster-result-heading{background:var(--navy);color:var(--ice);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.roster-result-heading a:hover{color:var(--yellow)}.roster-result img{border:1px solid #375675}.roster-result figcaption{color:#3f596b}.roster-signings{border-top:1px solid #bed0d9;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px 72px;padding-top:40px;display:grid}.roster-signings>div>:last-child{margin-bottom:0}.roster-viewer{width:min(1360px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ice);background:var(--navy);border:2px solid var(--cyan);padding:0;box-shadow:0 20px 80px #0008}.roster-viewer::backdrop{background:#020b16df}.roster-viewer-bar{justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.roster-viewer-bar h2{font:700 26px/1.15 var(--heading);margin:0}.roster-viewer-bar button{border:1px solid var(--cyan);min-height:44px;color:var(--ice);background:#163852;flex:none;align-items:center;gap:12px;padding:8px 14px;font-size:14px;display:inline-flex}.roster-viewer-bar button:hover{background:#275375}.roster-viewer>p{color:#d0e1ea;margin:0;padding:0 20px 14px;font-size:12px;line-height:1.5}.roster-viewer-scroll{overscroll-behavior:contain;max-height:calc(100dvh - 170px);padding:6px;overflow:auto}.roster-viewer-scroll:focus-visible{outline-offset:-4px}.roster-viewer-scroll img{width:1280px;max-width:none;height:720px}@media (width<=1000px){.roster-section,.roster-signings{gap:32px}.roster-key{grid-template-columns:repeat(2,1fr)}.roster-recovery-grid{gap:24px}.roster-player{gap:20px;padding:20px}}@media (width<=760px){.roster-section,.roster-signings,.roster-comparison,.roster-decision-body,.roster-recovery-grid{grid-template-columns:1fr}.roster-section-heading{flex-direction:column;align-items:start;gap:16px}.roster-section-heading>p{max-width:none}.roster-position-key dl{grid-template-columns:1fr;gap:14px}.roster-position-key dl>div{grid-template-columns:104px minmax(0,1fr);gap:12px;display:grid}.roster-position-key dd{margin:0}.roster-tap-note{margin-top:24px}.roster-metrics dd{margin-left:0}.roster-jump{gap:0 20px;margin-bottom:32px;padding-bottom:16px}.roster-jump a{font-size:13px}.roster-recovery-grid{margin-top:24px}.roster-player{padding:24px}}@media (width<=420px){.roster-key{gap:24px 16px}.roster-key li{flex-direction:column;gap:10px}.roster-key-number{flex-basis:auto;width:28px}.roster-position-key{padding:20px 16px}.roster-player{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:16px}.roster-player img{width:88px}.roster-player h3{font-size:27px}.roster-player dl{gap:8px 16px}.roster-rules :is(th,td){padding:12px;font-size:13px}.roster-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.roster-viewer-bar{padding:12px}.roster-viewer-bar h2{font-size:22px}.roster-viewer>p{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.roster-viewer,.roster-viewer *{scroll-behavior:auto}}