/* Leagues page: styled like the scoring monitors above the lanes (Claude, 2026-09-28). */
.league-page{--screen:#0b1640;--screen-2:#101f57;--led:#ffd23f;--led-2:#6fe3ff;--hot:#ee5930}
.monitor{background:linear-gradient(180deg,var(--screen-2),var(--screen));color:#e9f1ff;border:3px solid #050b24;border-radius:10px;box-shadow:inset 0 0 0 2px #1e3a8a,0 18px 40px #0b16404d;position:relative;overflow:hidden}
.monitor::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff06 0 2px,transparent 2px 4px);pointer-events:none}
.monitor-bar{display:flex;justify-content:space-between;gap:12px;background:#050b24;color:var(--led-2);font:700 11px 'DM Sans',sans-serif;letter-spacing:2px;padding:9px 16px;text-transform:uppercase}
.live-dot::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hot);margin-right:8px;box-shadow:0 0 8px var(--hot);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.league-hero{background:#172c78;padding:40px 5% 60px}
.monitor-hero{padding-bottom:0}.monitor-hero h1{font-size:clamp(56px,9vw,130px);line-height:.9;margin:34px 5% 20px;color:var(--led);text-shadow:0 0 18px #ffd23f66;letter-spacing:-1px}
.monitor-hero h1 em{color:var(--led-2);text-shadow:0 0 18px #6fe3ff66}
.monitor-hero>p{max-width:560px;margin:0 5% 26px;font-size:17px;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:0 5% 34px}.hero-actions .text-link{color:#e9f1ff}
.frame-strip{height:54px;background:repeating-linear-gradient(90deg,#050b24 0 2px,transparent 2px 10%),linear-gradient(90deg,#1e3a8a,#172c78);border-top:2px solid #050b24}
.league-week{background:#f8f2e6}.league-board{max-width:900px}
.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:16px}
.week-days button{background:#050b24;border:1px solid #1e3a8a;color:#e9f1ff;padding:12px 0 10px;font:700 16px 'Barlow Condensed',sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:6px}
.week-days button em{display:block;font:700 22px 'Barlow Condensed',sans-serif;font-style:normal;color:var(--led)}
.week-days button[aria-selected=true]{background:var(--led);color:#050b24;box-shadow:0 0 16px #ffd23f88}.week-days button[aria-selected=true] em{color:#050b24}
.week-list{padding:0 16px 18px}.week-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 4px;border-top:1px solid #1e3a8a}
.week-row b{font:700 24px 'Barlow Condensed',sans-serif;color:var(--led);text-transform:uppercase}.week-row span{font-size:13px;color:#b9c7ea;text-align:right}.week-row.empty b{color:var(--led-2)}
.league-list{background:#172c78;color:var(--cream)}.league-list .shop-section-title p{color:var(--cream)}.league-list h2 em{color:#8dd5eb}
.league-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.league-card{display:flex;flex-direction:column}.league-card h3{font:700 30px/1 'Barlow Condensed',sans-serif;color:var(--led);text-transform:uppercase;margin:18px 18px 6px;text-shadow:0 0 12px #ffd23f55}
.league-card p{margin:0 18px 12px;font-size:14px;line-height:1.6;color:#d3dcf5}.league-card .league-when{color:var(--led-2);font-weight:700;letter-spacing:.5px}
.frame-row{display:grid;grid-template-columns:repeat(10,1fr);margin:auto 12px 14px;border:1px solid #1e3a8a;background:#050b24}
.frame{border-right:1px solid #1e3a8a;text-align:center;padding:3px 0}.frame:last-child{border-right:0}.frame small{display:block;font-size:8px;color:#6f84c4}.frame b{font:700 12px 'Barlow Condensed',sans-serif;color:#fff;letter-spacing:.5px}
.league-card .league-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px 16px;border-top:1px solid #1e3a8a;font-size:13px}.league-card .league-links a{color:var(--led-2)}
.league-more{background:#f8f2e6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.more-card{display:flex;flex-direction:column;gap:8px;padding-bottom:20px;transition:transform .3s}.more-card:hover{transform:translateY(-4px)}.more-card b{font:700 30px 'Barlow Condensed',sans-serif;color:var(--led);margin:14px 18px 0;text-transform:uppercase}.more-card small{margin:0 18px;color:var(--led-2);font-size:13px}
.motion-off .live-dot::before{animation:none}.motion-off .more-card{transition:none}
@media(prefers-reduced-motion:reduce){.live-dot::before{animation:none}}
@media(max-width:700px){.league-more{grid-template-columns:1fr}.week-days{gap:4px;padding:12px 8px}.week-days button{font-size:13px}.week-row{flex-direction:column;gap:4px}.week-row span{text-align:left}.monitor-bar{font-size:9px;letter-spacing:1px}.league-grid{grid-template-columns:1fr}}
.shop-section-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.shop-section-title p{line-height:1.8;font-size:15px}
@media(max-width:600px){.shop-section-title{display:block;margin-bottom:30px}.shop-section-title p{font-size:14px;margin-top:25px}}

/* Honor roll scoreboard */
.honor-section{background:#f8f2e6}.honor-board{max-width:900px}
.honor-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:16px 16px 6px}
.honor-tabs button{background:#050b24;border:1px solid #1e3a8a;color:#e9f1ff;padding:12px 6px 10px;font:700 17px 'Barlow Condensed',sans-serif;letter-spacing:1px;cursor:pointer;border-radius:6px}
.honor-tabs em{display:block;font:700 24px 'Barlow Condensed',sans-serif;font-style:normal;color:var(--led)}.honor-tabs button[aria-selected=true]{background:var(--led);color:#050b24;box-shadow:0 0 16px #ffd23f88}.honor-tabs button[aria-selected=true] em{color:#050b24}
.honor-sub{margin:8px 20px 12px;font-size:13px;color:#b9c7ea}
.honor-rows{list-style:none;margin:0;padding:0 16px 16px}.honor-rows li{display:grid;grid-template-columns:44px 1fr auto;grid-template-areas:"rank name score" "rank meta score";gap:2px 14px;align-items:center;padding:12px 4px;border-top:1px solid #1e3a8a}
.honor-rank{grid-area:rank;font:700 24px 'Barlow Condensed',sans-serif;color:var(--led-2)}.honor-name{grid-area:name;font:700 22px 'Barlow Condensed',sans-serif;text-transform:uppercase}.honor-name small{margin-left:10px;font:400 12px 'DM Sans',sans-serif;color:#b9c7ea;text-transform:none}
.honor-meta{grid-area:meta;font-size:12px;color:#b9c7ea}.honor-score{grid-area:score;font:700 42px 'Barlow Condensed',sans-serif;color:var(--led);text-shadow:0 0 14px #ffd23f66}
.honor-empty{padding:4px 16px 20px}.honor-empty p{font-size:14px;line-height:1.6;color:#d3dcf5;margin:14px 4px 0}.honor-empty b{color:var(--led)}
.frame-row.perfect{margin:0}.frame-row.perfect .frame b{color:var(--led);font-size:14px}

/* Learn to keep score */
.score-section{background:#172c78;color:var(--cream)}.score-section .shop-section-title p{color:var(--cream)}.score-section h2 em{color:#8dd5eb}
.score-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start}
.sc-sheet{display:grid;grid-template-columns:repeat(9,minmax(0,1fr)) minmax(0,1.4fr) minmax(0,1.2fr);margin:16px;border:1px solid #1e3a8a;background:#050b24}
.sc-frame{border-right:1px solid #1e3a8a;display:flex;flex-direction:column;min-width:0}.sc-frame small{font-size:10px;text-align:center;color:#6f84c4;padding:3px 0;border-bottom:1px solid #1e3a8a}
.sc-marks{display:flex;justify-content:flex-end;height:26px}.sc-marks span{width:50%;border-left:1px solid #1e3a8a;border-bottom:1px solid #1e3a8a;display:grid;place-items:center;font:700 16px 'Barlow Condensed',sans-serif;color:#fff}
.tenth .sc-marks span{width:33.4%}.sc-marks span:first-child{border-left:0}.sc-frame:not(.tenth) .sc-marks span:first-child{border-left:0;border-bottom:0}
.sc-frame b{min-height:34px;display:grid;place-items:center;font:700 22px 'Barlow Condensed',sans-serif;color:var(--led)}
.sc-frame.now{background:#10245f;box-shadow:inset 0 0 0 2px var(--led-2)}
.sc-total{display:flex;flex-direction:column}.sc-total small{font-size:10px;text-align:center;color:var(--led-2);padding:3px 0;border-bottom:1px solid #1e3a8a}.sc-total b{flex:1;display:grid;place-items:center;font:700 30px 'Barlow Condensed',sans-serif;color:var(--led);text-shadow:0 0 12px #ffd23f77}
.sc-note{margin:4px 18px 10px;min-height:3.2em;font-size:15px;line-height:1.55;color:#e9f1ff}
.sc-ask{margin:0 18px 10px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--led-2);font-weight:700}
.sc-pad{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}
.sc-pad button{width:48px;height:48px;border-radius:50%;border:2px solid #1e3a8a;background:#050b24;color:#fff;font:700 20px 'Barlow Condensed',sans-serif;cursor:pointer;transition:transform .15s,background .15s}
.sc-pad button:hover{transform:translateY(-2px);background:#10245f}.sc-pad button.mark{background:var(--led);color:#050b24;border-color:var(--led);box-shadow:0 0 12px #ffd23f77}
.sc-pad button:focus-visible,.sc-actions button:focus-visible{outline:2px solid var(--led-2);outline-offset:2px}
.sc-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 16px;border-top:1px solid #1e3a8a}
.sc-actions button{background:transparent;border:1px solid #6f84c4;color:#e9f1ff;padding:9px 14px;border-radius:20px;font-size:12px;cursor:pointer}.sc-actions button:disabled{opacity:.4;cursor:default}
.score-rules{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.score-rules li{display:flex;gap:14px;align-items:flex-start;background:#fff4dc;color:var(--ink);padding:16px;border-radius:10px}
.rule-mark{flex:none;width:46px;height:46px;border-radius:8px;background:#050b24;color:var(--led);display:grid;place-items:center;font:700 24px 'Barlow Condensed',sans-serif}
.score-rules strong{display:block;font:700 20px 'Barlow Condensed',sans-serif;text-transform:uppercase}.score-rules span{font-size:13px;line-height:1.55}
@media(max-width:900px){.score-layout{grid-template-columns:1fr}}
@media(max-width:600px){.sc-sheet{margin:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.sc-frame{border-bottom:1px solid #1e3a8a}.sc-frame.tenth{grid-column:span 2}.sc-total{grid-column:span 3;border-bottom:0}.sc-pad button{width:44px;height:44px}}