@layer components {
html[data-route="/standings"] .section-tabs{display:flex;gap:8px;flex-wrap:wrap;}
html[data-route="/standings"] .section-tab{padding:8px 16px;border-radius:8px;font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--bg-surface-2,#111);border:1px solid var(--gray-border);color:var(--gray-light);cursor:pointer;transition:all .15s;}
html[data-route="/standings"] .section-tab:hover{color:var(--white-bright);}
html[data-route="/standings"] .section-tab:active{transform:scale(.98);}
html[data-route="/standings"] .section-tab:focus-visible{outline:2px solid var(--red-primary);outline-offset:2px;}
html[data-route="/standings"] .section-tab.active{background:rgba(255,26,26,.15);border-color:var(--red-primary);color:var(--white-bright);}
html[data-route="/standings"] .league-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 4px;}
html[data-route="/standings"] .league-tab{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--bg-surface-2,#111);border:1px solid var(--gray-border);color:var(--gray-light);cursor:pointer;transition:all .15s;}
html[data-route="/standings"] .league-tab.active{background:rgba(255,26,26,.15);border-color:var(--red-primary);color:var(--white-bright);}
html[data-route="/standings"] .league-tab:hover{color:var(--white-bright);}
html[data-route="/standings"] .league-tab:active{background:rgba(255,26,26,.22);transform:scale(.96);}
html[data-route="/standings"] .league-tab:focus-visible{outline:2px solid var(--red-primary);outline-offset:2px;}
html[data-route="/standings"] .league-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gray-border);}
html[data-route="/standings"] .ls-stat{background:var(--black-soft,#111);padding:12px 16px;display:flex;flex-direction:column;gap:2px;}
html[data-route="/standings"] .ls-label{font-size:16px;font-family:var(--f-display);letter-spacing:.14em;color:var(--gray-light);text-transform:uppercase;}
html[data-route="/standings"] .ls-value{font-family:var(--f-display);font-size:20px;letter-spacing:.04em;color:var(--white-bright);}
html[data-route="/standings"] .st-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
html[data-route="/standings"] .st-table{width:100%;border-collapse:collapse;font-size:16px;}
html[data-route="/standings"] .st-table th{font-family:var(--f-display);font-size:16px;letter-spacing:.14em;color:var(--gray-light);text-align:left;padding:10px 12px;border-bottom:1px solid var(--gray-border);white-space:nowrap;position:sticky;top:0;background:var(--black-card);z-index:1;}
html[data-route="/standings"] .st-table th.r{text-align:right;}
html[data-route="/standings"] .st-table th.sortable{cursor:pointer;user-select:none;transition:color .15s;}
html[data-route="/standings"] .st-table th.sortable:hover{color:var(--white-bright);}
html[data-route="/standings"] .st-table th.sort-active{color:var(--white-bright);}
html[data-route="/standings"] .sort-arrow{display:inline-block;margin-left:3px;font-size:16px;}
html[data-route="/standings"] .st-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle;}
html[data-route="/standings"] .st-table td.r{text-align:right;}
html[data-route="/standings"] .st-table tr:last-child td{border-bottom:none;}
html[data-route="/standings"] .st-table tbody tr{transition:background .15s;}
html[data-route="/standings"] .st-table tbody tr:hover td{background:rgba(255,26,26,.04);}
html[data-route="/standings"] .st-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.015);}
html[data-route="/standings"] .st-table tbody tr:nth-child(even):hover td{background:rgba(255,26,26,.06);}
html[data-route="/standings"] .st-rank{width:36px;text-align:center;}
html[data-route="/standings"] .rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-family:var(--f-display);font-size:16px;font-weight:700;}
html[data-route="/standings"] .rank-badge.r1{background:rgba(255,45,45,.2);color:#FFFFFF;border:1px solid rgba(255,45,45,.4);}
html[data-route="/standings"] .rank-badge.r2{background:rgba(192,192,192,.15);color:#C0C0C0;border:1px solid rgba(192,192,192,.3);}
html[data-route="/standings"] .rank-badge.r3{background:rgba(205,127,50,.15);color:#CD7F32;border:1px solid rgba(205,127,50,.3);}
html[data-route="/standings"] .rank-badge.rn{background:transparent;color:var(--gray-light);border:none;font-size:16px;}
html[data-route="/standings"] .st-team-name{font-size:16px;font-weight:600;color:var(--white-bright);}
html[data-route="/standings"] .st-owner{font-size:16px;color:var(--gray-light);}
html[data-route="/standings"] .st-rec{font-family:var(--f-display);font-size:16px;white-space:nowrap;}
html[data-route="/standings"] .st-w{color:#3dba6e;}
html[data-route="/standings"] .st-l{color:#e55;}
html[data-route="/standings"] .st-t{color:#FFFFFF;}
html[data-route="/standings"] .st-sep{color:var(--gray-light);}
html[data-route="/standings"] .st-pts{font-family:var(--f-mono);font-size:16px;color:#FFFFFF;}
html[data-route="/standings"] .st-pts-dim{font-family:var(--f-mono);font-size:16px;color:var(--gray-light);}
html[data-route="/standings"] .st-pct{font-family:var(--f-mono);font-size:16px;color:var(--gray-light);}
html[data-route="/standings"] .st-streak{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:16px;font-weight:700;letter-spacing:.06em;font-family:var(--f-display);}
html[data-route="/standings"] .st-streak.w{background:rgba(61,186,110,.12);color:#3dba6e;border:1px solid rgba(61,186,110,.2);}
html[data-route="/standings"] .st-streak.l{background:rgba(255,85,85,.1);color:#e55;border:1px solid rgba(255,85,85,.2);}
html[data-route="/standings"] .last5{display:inline-flex;gap:3px;align-items:center;}
html[data-route="/standings"] .last5-dot{width:8px;height:8px;border-radius:50%;}
html[data-route="/standings"] .last5-dot.win{background:#3dba6e;}
html[data-route="/standings"] .last5-dot.loss{background:#e55;}
html[data-route="/standings"] .last5-dot.tie{background:var(--accent, #FF2D2D);}
html[data-route="/standings"] .playoff-in td{border-left:3px solid #3dba6e;}
html[data-route="/standings"] .playoff-bubble td{border-left:3px solid var(--accent, #FF2D2D);}
html[data-route="/standings"] .playoff-out{opacity:.55;}
html[data-route="/standings"] .playoff-out .st-team-name{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.3);}
html[data-route="/standings"] .playoff-cutoff td{border-bottom:2px dashed rgba(255,26,26,.4) !important;position:relative;}
html[data-route="/standings"] .playoff-cutoff td:first-child::after{content:'PLAYOFF LINE';position:absolute;left:0;bottom:-11px;font-family:var(--f-display);font-size:16px;letter-spacing:.14em;color:var(--red-primary);background:var(--black-card);padding:0 6px;line-height:18px;white-space:nowrap;}
html[data-route="/standings"] .playoff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px 20px;}
html[data-route="/standings"] .pf-slot{background:var(--black-soft,#111);border:1px solid var(--gray-border);border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;transition:border-color .15s;}
html[data-route="/standings"] .pf-slot.pf-in{border-color:#3dba6e;}
html[data-route="/standings"] .pf-slot.pf-bubble{border-color:#FFFFFF;}
html[data-route="/standings"] .pf-slot.pf-bye{border-color:rgba(106,169,215,.5);background:rgba(106,169,215,.06);}
html[data-route="/standings"] .pf-seed{font-family:var(--f-display);font-size:22px;color:var(--red-primary);min-width:28px;text-align:center;}
html[data-route="/standings"] .pf-team-info{flex:1;min-width:0;}
html[data-route="/standings"] .pf-team-name{font-size:16px;font-weight:600;color:var(--white-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html[data-route="/standings"] .pf-team-rec{font-size:16px;color:var(--gray-light);font-family:var(--f-mono);}
html[data-route="/standings"] .pf-badge{font-size:16px;font-family:var(--f-display);letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border-radius:3px;}
html[data-route="/standings"] .pf-badge-bye{background:rgba(106,169,215,.12);color:#6aa9d7;border:1px solid rgba(106,169,215,.3);}
html[data-route="/standings"] .pf-badge-in{background:rgba(61,186,110,.12);color:#3dba6e;border:1px solid rgba(61,186,110,.25);}
html[data-route="/standings"] .pf-badge-bubble{background:rgba(255,45,45,.12);color:#FFFFFF;border:1px solid rgba(255,45,45,.25);}
html[data-route="/standings"] .pf-section-label{font-family:var(--f-display);font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-light);padding:16px 20px 4px;}
html[data-route="/standings"] .pr-row{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s;}
html[data-route="/standings"] .pr-row:hover{background:rgba(255,26,26,.04);}
html[data-route="/standings"] .pr-row:last-child{border-bottom:none;}
html[data-route="/standings"] .pr-rank{font-family:var(--f-display);font-size:18px;color:var(--red-primary);min-width:28px;text-align:center;}
html[data-route="/standings"] .pr-info{flex:1;min-width:0;}
html[data-route="/standings"] .pr-name{font-size:16px;font-weight:600;color:var(--white-bright);}
html[data-route="/standings"] .pr-detail{font-size:16px;color:var(--gray-light);}
html[data-route="/standings"] .pr-bar-wrap{width:100px;height:6px;background:var(--bg-surface-2,#111);border-radius:3px;overflow:hidden;}
html[data-route="/standings"] .pr-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--red-primary),var(--accent, #FF2D2D));transition:width .35s cubic-bezier(.32,.72,0,1);}
html[data-route="/standings"] .pr-score{font-family:var(--f-mono);font-size:16px;color:#FFFFFF;min-width:40px;text-align:right;}
html[data-route="/standings"] .recap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:16px 20px;}
html[data-route="/standings"] .recap-card{background:var(--black-soft,#111);border:1px solid var(--gray-border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:6px;}
html[data-route="/standings"] .recap-label{font-size:16px;font-family:var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gray-light);}
html[data-route="/standings"] .recap-value{font-family:var(--f-display);font-size:22px;color:var(--white-bright);letter-spacing:.04em;}
html[data-route="/standings"] .recap-detail{font-size:16px;color:var(--gray-light);}
html[data-route="/standings"] .recap-highlight{color:#FFFFFF;font-family:var(--f-mono);font-weight:700;}
html[data-route="/standings"] .chart-container{padding:20px;position:relative;}
html[data-route="/standings"] .chart-svg{width:100%;height:auto;display:block;}
html[data-route="/standings"] .chart-legend{display:flex;flex-wrap:wrap;gap:12px;padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.06);}
html[data-route="/standings"] .chart-legend-item{display:flex;align-items:center;gap:6px;font-size:16px;color:var(--gray-light);cursor:pointer;transition:opacity .15s;}
html[data-route="/standings"] .chart-legend-item.dimmed{opacity:.3;}
html[data-route="/standings"] .chart-legend-swatch{width:10px;height:3px;border-radius:2px;}
html[data-route="/standings"] .stagger-in{opacity:0;animation:standings-fadeInUp .25s ease both;}
@media(prefers-reduced-motion:reduce){html[data-route="/standings"] .stagger-in{animation:none;opacity:1;}}
@media(max-width:767px){
html[data-route="/standings"] .league-summary{grid-template-columns:repeat(2,1fr);}
html[data-route="/standings"] .playoff-grid{grid-template-columns:1fr;}
html[data-route="/standings"] .recap-grid{grid-template-columns:1fr;}
html[data-route="/standings"] .pr-bar-wrap{width:60px;}
}
@media(max-width:359px){
html[data-route="/standings"] .st-table{font-size:16px;}
html[data-route="/standings"] .st-table th,html[data-route="/standings"] .st-table td{padding:7px 6px;}
html[data-route="/standings"] .ls-value{font-size:16px;}
html[data-route="/standings"] .league-summary{grid-template-columns:repeat(2,1fr);}
}
}