@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--border-card:#e2e8f0;--border-focus:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--color-blue:#2563eb;--color-blue-glow:#2563eb1a;--color-green:#10b981;--color-green-glow:#10b9811a;--color-red:#ef4444;--color-red-glow:#ef44441a;--color-gold:#f59e0b;--color-silver:#94a3b8;--color-bronze:#b45309;--bg-motw:#fffdf5;--bg-floating:#fffffff0;--bg-floating-unsaved:#fffffff7;--bg-podium-first:#fffcf2;--bg-podium-second:#f8fafc;--bg-podium-third:#fdf8f6;--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .2s ease-in-out;--shadow-premium:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-hover:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}[data-theme=dark]{--bg-primary:#0b0f19;--bg-secondary:#131b2e;--bg-card:#182238;--border-card:#28354f;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-blue:#3b82f6;--color-blue-glow:#3b82f62e;--color-green:#10b981;--color-green-glow:#10b9812e;--color-red:#f87171;--color-red-glow:#ef44442e;--color-gold:#fbbf24;--color-silver:#94a3b8;--color-bronze:#d97706;--bg-motw:#201e17;--bg-floating:#121a2cf0;--bg-floating-unsaved:#1c263ef7;--bg-podium-first:#241d11;--bg-podium-second:#162035;--bg-podium-third:#251a14;--shadow-premium:0 2px 6px 0 #00000059;--shadow-hover:0 8px 16px -2px #00000073}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0b0f19;--bg-secondary:#131b2e;--bg-card:#182238;--border-card:#28354f;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-blue:#3b82f6;--color-blue-glow:#3b82f62e;--color-green:#10b981;--color-green-glow:#10b9812e;--color-red:#f87171;--color-red-glow:#ef44442e;--color-gold:#fbbf24;--color-silver:#94a3b8;--color-bronze:#d97706;--bg-motw:#201e17;--bg-floating:#121a2cf0;--bg-floating-unsaved:#1c263ef7;--bg-podium-first:#241d11;--bg-podium-second:#162035;--bg-podium-third:#251a14;--shadow-premium:0 2px 6px 0 #00000059;--shadow-hover:0 8px 16px -2px #00000073}}*{box-sizing:border-box;margin:0;padding:0}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;display:block}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;font-weight:700}.app-container{flex-direction:column;flex-grow:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.page-title{margin-bottom:.25rem;font-size:1.75rem;line-height:1.2}.page-subtitle{color:var(--text-secondary);font-size:.9rem}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-card);z-index:100;padding:.75rem 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.logo-section{align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-text{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:1.2rem;font-weight:800}.logo-badge{background:var(--color-blue);color:#fff;font-size:.65rem;font-family:var(--font-display);letter-spacing:.05em;border-radius:9999px;padding:.25rem .5rem;font-weight:700}.nav-links{align-items:center;gap:1rem;display:flex}.user-status{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.user-tag{background:var(--bg-secondary);border:1px solid var(--border-card);color:var(--text-primary);white-space:nowrap;border-radius:.5rem;align-items:center;gap:.35rem;max-width:150px;padding:.35rem .65rem;font-size:.85rem;font-weight:500;display:inline-flex;overflow:hidden}.user-tag-icon{flex-shrink:0}.user-tag-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logout-btn{flex-shrink:0;padding:.35rem .65rem!important;font-size:.78rem!important}.theme-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border-card);color:var(--text-primary);cursor:pointer;width:34px;height:34px;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.theme-toggle-btn:hover{background:var(--border-card)}.league-page-wrapper{width:100%}.league-subnav{border-bottom:1px solid var(--border-card);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.subnav-back-btn{background:var(--bg-secondary);border:1px solid var(--border-card);color:var(--text-secondary);transition:var(--transition-smooth);border-radius:.5rem;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.subnav-back-btn:hover{background:var(--border-card);color:var(--text-primary)}.subnav-tabs{background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:.6rem;align-items:center;gap:.35rem;padding:.25rem;display:flex}.subnav-tab{font-family:var(--font-display);color:var(--text-secondary);transition:var(--transition-smooth);white-space:nowrap;border-radius:.45rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;text-decoration:none}.subnav-tab:hover{color:var(--text-primary)}.subnav-tab.active{color:var(--color-blue);background:var(--bg-card);font-weight:700;box-shadow:0 1px 2px #0000000d}.btn{background:var(--color-blue);color:#fff;font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn:hover{background:#1d4ed8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover{background:var(--border-card)}.btn-danger{background:var(--color-red)}.btn-danger:hover{background:#dc2626}.card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-premium);border-radius:1rem;padding:1.5rem}.dashboard-page-container{padding:1.5rem 0 3rem}.dashboard-header{margin-bottom:1.5rem}.dashboard-actions-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.create-league-submit-btn{grid-column:span 2;margin-top:.5rem}.leagues-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.week-selector-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:1.25rem 0;display:flex}.week-status-wrapper{align-items:center;gap:.5rem;display:flex}.week-selector-scroll{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:.4rem;max-width:100%;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.week-selector-scroll::-webkit-scrollbar{height:4px}.week-selector-scroll::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:9999px}.week-pill{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);border-radius:.5rem;flex-shrink:0;padding:.45rem .85rem;font-size:.82rem;font-weight:600}.week-pill:hover{background:var(--bg-secondary);color:var(--text-primary)}.week-pill.active{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.week-status-badge{font-size:.75rem;font-weight:600;font-family:var(--font-display);border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .65rem;display:inline-flex}.week-status-badge.open{color:var(--color-green);background:#10b9811a}.week-status-badge.locked{color:var(--color-red);background:#ef44441a}.matchup-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.matchup-card{transition:var(--transition-smooth);flex-direction:column;padding:1.25rem;display:flex;position:relative;overflow:hidden}.matchup-card:hover{box-shadow:var(--shadow-hover)}.matchup-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.72rem;font-weight:600;display:flex}.matchup-card.motw{background:var(--bg-motw);border:1px solid #f59e0b66}.motw-badge{background:var(--color-gold);color:#fff;font-size:.68rem;font-weight:700;font-family:var(--font-display);border-radius:.25rem;padding:.2rem .5rem}.teams-container{flex-grow:1;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:relative}.vs-divider{font-family:var(--font-display);color:var(--text-muted);z-index:2;background:var(--bg-card);border:1px solid var(--border-card);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000000d}.team-box{text-align:center;cursor:pointer;width:46%;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:.75rem;flex-direction:column;align-items:center;padding:.85rem .4rem;display:flex;position:relative}.team-box:hover{background:var(--bg-secondary)}.team-box:active{transform:scale(.97)}.team-box.selected{background:var(--color-blue-glow);border-color:#2563eb66}.team-box.selected.winner-correct{background:var(--color-green-glow);border-color:#10b98180}.team-box.selected.winner-incorrect{background:var(--color-red-glow);border-color:#ef444480}.team-logo{object-fit:cover;background:var(--bg-secondary);border:1px solid var(--border-card);width:56px;height:56px;transition:var(--transition-smooth);border-radius:50%;margin-bottom:.5rem}.team-box.selected .team-logo{border-color:var(--color-blue);box-shadow:0 0 0 2px #2563eb33}.team-box.selected.winner-correct .team-logo{border-color:var(--color-green)}.team-box.selected.winner-incorrect .team-logo{border-color:var(--color-red)}.team-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.2rem;margin-bottom:.15rem;font-size:.88rem;font-weight:600;line-height:1.15rem;display:-webkit-box;overflow:hidden}.team-record{color:var(--text-muted);font-size:.72rem}.team-projected{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:.35rem;margin-top:.2rem;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.team-score{font-family:var(--font-display);margin-top:.35rem;font-size:1.35rem;font-weight:800}.margin-prediction-section{border-top:1px solid var(--border-card);margin-top:.85rem;padding-top:.75rem}.margin-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.margin-input-wrapper{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.margin-input{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);font-family:var(--font-display);width:75px;transition:var(--transition-smooth);border-radius:.4rem;outline:none;padding:.4rem .65rem;font-size:16px;font-weight:700}.margin-input:focus{border-color:var(--color-blue);box-shadow:0 0 0 2px var(--color-blue-glow)}.vote-page-container{padding-bottom:6rem}.floating-picks-bar{background:var(--bg-floating);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-card);padding:.65rem 1.25rem calc(.65rem + env(safe-area-inset-bottom,0px));z-index:99;transition:var(--transition-smooth);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #00000014}.floating-picks-bar.unsaved{border-top:2px solid var(--color-gold);background:var(--bg-floating-unsaved)}.floating-picks-bar.saved{border-top:2px solid var(--color-green)}.floating-picks-content{justify-content:space-between;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;display:flex}.floating-picks-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.floating-picks-status{white-space:nowrap;font-size:.88rem;font-weight:700}.status-unsaved{color:#b45309}.status-saved{color:var(--color-green)}.floating-picks-hint{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.floating-submit-btn{flex-shrink:0;min-width:115px;padding:.5rem 1.1rem!important;font-size:.85rem!important}.leaderboard-page-container{padding-bottom:3rem}.leaderboard-header{text-align:center;margin-bottom:1.75rem}.podium-container{justify-content:center;align-items:flex-end;gap:.75rem;height:220px;margin:2rem 0 2.5rem;display:flex}.podium-step{width:140px;box-shadow:var(--shadow-premium);text-align:center;transition:var(--transition-smooth);border-radius:.6rem;flex-direction:column;align-items:center;padding:1rem .4rem;display:flex;position:relative}.podium-step:hover{transform:translateY(-2px)}.podium-step.first{background:var(--bg-podium-first);border:1px solid #f59e0b4d;height:100%}.podium-step.second{background:var(--bg-podium-second);border:1px solid #94a3b84d;height:80%}.podium-step.third{background:var(--bg-podium-third);border:1px solid #b453094d;height:65%}.podium-avatar{width:48px;height:48px;font-family:var(--font-display);box-shadow:var(--shadow-premium);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.4rem;font-size:1.1rem;font-weight:700;display:flex}.podium-step.first .podium-avatar{color:#fff;background:#f59e0b}.podium-step.second .podium-avatar{color:#fff;background:#94a3b8}.podium-step.third .podium-avatar{color:#fff;background:#b45309}.podium-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;width:90%;margin-bottom:.2rem;font-size:.85rem;font-weight:700;overflow:hidden}.podium-points{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:800}.podium-label{font-family:var(--font-display);font-size:.82rem;font-weight:700;position:absolute;bottom:-22px}.podium-step.first .podium-label{color:#d97706}.podium-step.second .podium-label{color:#64748b}.podium-step.third .podium-label{color:#92400e}.leaderboard-container,.table-responsive{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;position:relative;overflow-x:auto}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%;min-width:520px}.leaderboard-table th{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-card);white-space:nowrap;padding:.85rem .75rem;font-size:.75rem;font-weight:600}.leaderboard-table td{border-bottom:1px solid var(--border-card);padding:.85rem .75rem;font-size:.88rem}.leaderboard-row{transition:var(--transition-smooth);cursor:pointer}.leaderboard-row:hover{background:var(--bg-secondary)}.rank-badge{width:24px;height:24px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.rank-badge.top-1{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.rank-badge.top-2{color:#475569;background:#94a3b826;border:1px solid #94a3b84d}.rank-badge.top-3{color:#92400e;background:#b4530926;border:1px solid #b453094d}.leaderboard-name{color:var(--text-primary);font-weight:600}.points-col{font-family:var(--font-display);color:var(--color-blue);font-size:1rem;font-weight:700}.admin-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.manual-matchup-form{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content,.modal-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:1rem;width:100%;max-width:500px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0006}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1}.close-btn:hover{color:var(--text-primary)}.auth-container{width:100%;max-width:400px;margin:3rem auto}.auth-tabs{border-bottom:1px solid var(--border-card);scrollbar-width:none;gap:.75rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.auth-tabs::-webkit-scrollbar{display:none}.auth-tab{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:.5rem .25rem;font-size:.9rem;font-weight:600;position:relative}.auth-tab.active{color:var(--text-primary)}.auth-tab.active:after{content:"";background:var(--color-blue);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.form-control{background:var(--bg-card);border:1px solid var(--border-card);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:.5rem;outline:none;padding:.7rem .9rem;font-family:inherit;font-size:16px}.form-control:focus{border-color:var(--color-blue)}.toast{color:#fff;box-shadow:var(--shadow-premium);z-index:1000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:20px;right:20px}.toast.success{background:var(--color-green)}.toast.error{background:var(--color-red)}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app-container{padding:0 .85rem}.header{padding:.5rem 0}.header-content{padding:0 .85rem}.logo-text{font-size:1.05rem}.user-tag{max-width:125px;padding:.25rem .5rem;font-size:.8rem}.page-title{font-size:1.35rem}.page-subtitle{font-size:.8rem}.card{border-radius:.75rem;padding:1rem}.dashboard-page-container{padding:.75rem 0 2rem}.dashboard-actions-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.dashboard-form-grid{grid-template-columns:1fr;gap:.75rem}.create-league-submit-btn{grid-column:1}.leagues-grid{grid-template-columns:1fr}.league-subnav{gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.subnav-back-btn{padding:.3rem .55rem;font-size:.75rem}.subnav-tab{padding:.3rem .55rem;font-size:.78rem}.week-selector-container{gap:.5rem;margin:.75rem 0}.week-selector-scroll{gap:.35rem;margin-bottom:1rem}.week-pill{padding:.35rem .7rem;font-size:.78rem}.matchup-grid{grid-template-columns:1fr;gap:.85rem;margin-bottom:2rem}.matchup-card{border-radius:.75rem;padding:.85rem}.matchup-header{margin-bottom:.75rem;font-size:.68rem}.team-logo{width:48px;height:48px;margin-bottom:.35rem}.team-box{padding:.65rem .3rem}.team-name{min-height:2rem;font-size:.82rem;line-height:1.1rem}.team-projected{padding:.1rem .35rem;font-size:.72rem}.team-score{font-size:1.25rem}.vs-divider{width:24px;height:24px;font-size:.68rem}.floating-picks-bar{padding:.55rem .85rem calc(.55rem + env(safe-area-inset-bottom,0px))}.floating-picks-status{font-size:.8rem}.floating-submit-btn{min-width:100px;padding:.45rem .85rem!important;font-size:.8rem!important}.podium-container{gap:.5rem;height:175px;margin:1.25rem 0 1.75rem}.podium-step{flex:0 120px;width:100%;min-width:80px;max-width:120px;padding:.65rem .25rem}.leaderboard-table th,.leaderboard-table td{padding:.65rem .4rem;font-size:.8rem}.leaderboard-table{min-width:440px}.podium-avatar{width:38px;height:38px;margin-bottom:.3rem;font-size:.95rem}.podium-name{font-size:.75rem}.podium-points{font-size:.95rem}.podium-step .podium-label{font-size:.72rem;bottom:-18px}.admin-grid{grid-template-columns:1fr;gap:1rem}.manual-matchup-form{grid-template-columns:1fr}.toast{justify-content:center;bottom:80px;left:15px;right:15px}}@media (max-width:480px){.logo-text{font-size:.95rem}.user-tag{max-width:105px}.subnav-tabs{gap:.2rem;padding:.15rem}.subnav-tab{padding:.25rem .45rem;font-size:.74rem}.team-logo{width:42px;height:42px}.team-name{font-size:.78rem}}.standings-header{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.standings-mode-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.mode-selector{background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:.65rem;gap:.25rem;padding:.25rem;display:inline-flex}.mode-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.82rem;font-weight:600;display:inline-flex}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-premium)}.pulsing-live-dot{background:var(--color-green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 #10b981b3}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.standings-badge-group{flex-wrap:wrap;gap:.5rem;display:flex}.info-badge{background:var(--bg-secondary);border:1px solid var(--border-card);color:var(--text-secondary);border-radius:.4rem;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.playoff-cutoff-line{background:var(--color-blue-glow);border-top:2px dashed var(--color-blue);border-bottom:2px dashed var(--color-blue);text-align:center;color:var(--color-blue);letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:700;padding:.45rem 1rem!important}.team-standings-cell{align-items:center;gap:.75rem;display:flex}.team-standings-logo{object-fit:cover;border:1px solid var(--border-card);background:var(--bg-secondary);border-radius:50%;flex-shrink:0;width:38px;height:38px}.team-standings-info{flex-direction:column;min-width:0;display:flex}.team-standings-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.team-standings-sub{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.74rem;display:flex}.playoff-tag{text-transform:uppercase;background:var(--color-green-glow);color:var(--color-green);border:1px solid #10b9814d;border-radius:.3rem;align-items:center;padding:.15rem .4rem;font-size:.68rem;font-weight:700;display:inline-flex}.rules-collapsible{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-premium);border-radius:.75rem;margin-bottom:1.25rem;padding:.9rem 1.2rem}.rules-collapsible summary{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:600;display:flex}.rules-grid{border-top:1px solid var(--border-card);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-top:.85rem;padding-top:.85rem;display:grid}.rule-box{background:var(--bg-secondary);border:1px solid var(--border-card);border-radius:.5rem;padding:.75rem .9rem}.rule-box-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.82rem;font-weight:700}.rule-box-desc{color:var(--text-secondary);font-size:.76rem;line-height:1.25rem}.weekly-breakdown-row{background:var(--bg-secondary)}.weekly-grid-container{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem;padding:1rem;display:grid}.week-stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:.45rem;flex-direction:column;gap:.25rem;padding:.6rem;font-size:.78rem;display:flex}.hide-on-mobile{display:table-cell}.show-on-mobile{display:none!important}@media (max-width:640px){.hide-on-mobile,th.hide-on-mobile,td.hide-on-mobile{display:none!important}.show-on-mobile{display:inline-block!important}span.show-on-mobile{display:inline!important}}.standings-card{border-radius:.85rem;position:relative;overflow:hidden}.standings-table{border-collapse:collapse;text-align:left;width:100%;min-width:520px}.standings-live-score-cell{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.standings-score-val{color:var(--text-primary);font-size:.92rem;font-weight:700;line-height:1.1}.standings-nascar-badge{background:var(--color-blue-glow);color:var(--color-blue);white-space:nowrap;border:1px solid #3b82f64d;border-radius:.35rem;align-items:center;gap:.2rem;padding:.12rem .4rem;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.nascar-rank-sub{color:var(--text-secondary);font-size:.68rem;font-weight:600}.team-mobile-record{color:var(--text-muted);font-size:.72rem;font-weight:600}.standings-mobile-hint{display:none}@media (max-width:640px){.standings-mobile-hint{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:.3rem;margin-bottom:.4rem;padding-right:.25rem;font-size:.7rem;display:flex}.standings-table{min-width:320px}.standings-table th,.standings-table td{padding:.55rem .35rem;font-size:.8rem}.team-standings-logo{width:28px;height:28px}.team-standings-cell{gap:.45rem}.team-standings-name{white-space:nowrap;text-overflow:ellipsis;max-width:95px;font-size:.82rem;overflow:hidden}.team-standings-sub{gap:.25rem;font-size:.68rem}.standings-score-val{font-size:.82rem}.standings-nascar-badge{padding:.08rem .25rem;font-size:.65rem}.modal-card{max-height:92vh;padding:1rem .75rem}.modal-breakdown-table{min-width:340px}.modal-breakdown-table th,.modal-breakdown-table td{padding:.45rem .3rem;font-size:.76rem}}
