:root{--team-primary: #7dd3fc;--team-secondary: #f7c948;--team-accent: #d5e3f3;--team-surface: #0c1a2b;--team-background: #07111f;--ink: #f4f7fb;--ink-soft: #c7d6e8;--ink-mute: #8ea4bd;--line: #223a57;--line-soft: #1a2e47;--panel: #0a1727;--panel-deep: #081320;--display: "Oswald", "Arial Narrow", system-ui, sans-serif;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07111f;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}main{width:min(100%,980px);margin:0 auto;padding:18px 14px 28px;background:radial-gradient(ellipse 120% 40% at 50% -8%,color-mix(in srgb,var(--team-primary) 16%,transparent) 0,transparent 70%),repeating-linear-gradient(90deg,transparent 0 26px,color-mix(in srgb,var(--team-primary) 2.5%,transparent) 26px 27px),linear-gradient(180deg,color-mix(in srgb,var(--team-background) 92%,#000000),#07111f 44%)}.hero{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:10px 2px 18px}.eyebrow{margin:0 0 6px;color:var(--team-secondary);font-family:var(--display);font-size:.8rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-family:var(--display);font-size:clamp(2.4rem,8vw,5rem);font-weight:700;letter-spacing:.01em;line-height:.95;text-transform:uppercase}.compact-title{font-size:clamp(1.9rem,6.5vw,4rem)}h2{margin-bottom:8px;font-family:var(--display);font-size:.95rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--team-primary)}.lede{margin-bottom:0;color:var(--ink-soft)}.scorebug{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:200px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--team-secondary);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--team-surface) 88%,#000) 0%,var(--panel-deep) 100%);box-shadow:0 10px 30px #00000059}.score-team,.score-state{display:grid;align-items:center}.score-team{grid-template-columns:minmax(0,1fr) auto;gap:12px}.score-state{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--team-primary) 30%,var(--line))}.scorebug span{color:var(--ink-soft);font-family:var(--display);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scorebug strong{color:var(--team-secondary);font-family:var(--display);font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:right}.game-picker{margin-bottom:12px}.game-picker select{width:100%;min-height:44px;padding:0 38px 0 12px;border:1px solid color-mix(in srgb,var(--team-primary) 38%,var(--line));border-radius:10px;background:var(--panel-deep);color:var(--ink);font:inherit;font-weight:700}.state-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-deep)}.state-panel.compact{margin-bottom:10px}.state-panel p{margin:0;color:var(--ink-soft);font-size:.88rem;font-weight:600}.state-panel button{min-height:38px;padding:0 14px;border:none;border-radius:9px;background:var(--team-secondary);color:#07111f;cursor:pointer;font:inherit;font-weight:800}.replay-lab{display:grid;gap:10px;margin-bottom:12px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--team-secondary) 50%,var(--line));border-radius:10px;background:var(--panel)}.replay-lab>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.replay-lab strong{color:var(--team-secondary);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase}.replay-lab span{color:var(--ink-soft);font-size:.82rem;font-weight:600}.replay-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.replay-scenarios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.replay-controls button,.replay-controls select,.replay-scenarios button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:#122942;color:var(--ink);font:inherit;font-weight:700}.replay-controls button,.replay-scenarios button{cursor:pointer}.replay-controls button:disabled,.replay-scenarios button:disabled{color:#71849b;cursor:not-allowed}.replay-scenarios span{grid-column:1 / -1;min-height:34px;display:flex;align-items:center;color:var(--ink-soft);font-size:.78rem;font-weight:600}.replay-controls label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:var(--ink-soft);font-size:.78rem;font-weight:600}.replay-lab input[type=range]{width:100%;accent-color:var(--team-secondary)}.play-surface{padding:14px;border:1px solid color-mix(in srgb,var(--team-primary) 34%,var(--line-soft));border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--team-surface) 86%,#10223a),#091524);box-shadow:0 18px 50px #00000059}.toolbar,.pregame-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.toolbar button,.pregame-actions button{min-height:42px;border:1px solid var(--line);border-radius:9px;background:#122942;color:var(--ink);cursor:pointer;font-weight:700}.toolbar button:disabled,.pregame-actions button:disabled{color:#71849b;cursor:not-allowed}.pregame-actions{grid-template-columns:minmax(0,1fr)}.live-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.live-meta span,.feed-note{display:flex;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel-deep);color:var(--ink-soft);font-family:var(--display);font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.07em;text-align:center;text-transform:uppercase}.feed-note{margin-bottom:10px;border-color:#7f5531;color:#ffd7a8}.bingo-call{margin-bottom:12px;padding:12px;border-radius:10px;background:linear-gradient(180deg,var(--team-secondary),color-mix(in srgb,var(--team-secondary) 80%,#b35900));color:#07111f;font-family:var(--display);font-size:1.25rem;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase;box-shadow:0 0 24px color-mix(in srgb,var(--team-secondary) 45%,transparent)}.bingo-call.celebration{animation:bingo-pop .75s ease both}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.stats-strip span{min-height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel-deep);color:var(--ink-soft);font-family:var(--display);font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.07em;text-align:center;text-transform:uppercase}.card-actions{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center;margin-bottom:10px}.card-actions button{min-height:38px;padding:0 14px;border:none;border-radius:9px;background:var(--team-secondary);color:#07111f;cursor:pointer;font-weight:800}.card-actions .sound-toggle{border:1px solid var(--line);background:#122942;color:var(--ink)}.card-actions .sound-toggle[aria-pressed=true]{border-color:color-mix(in srgb,var(--team-primary) 64%,var(--line));background:color-mix(in srgb,var(--team-primary) 18%,#122942);color:var(--ink)}.card-actions span{color:var(--ink-soft);font-size:.78rem;font-weight:600}.card-actions input{grid-column:1 / -1;width:100%;min-height:36px;padding:0 10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel-deep);color:var(--ink-soft);font:inherit;font-size:.76rem}.card-grid,.card-skeleton{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;aspect-ratio:1}.card-skeleton span{min-width:0;border:1px solid color-mix(in srgb,var(--team-primary) 22%,var(--line-soft));border-radius:9px;background:linear-gradient(90deg,#081625f2,color-mix(in srgb,var(--team-primary) 16%,#10243b),#081625f2);background-size:220% 100%;animation:card-sheen 1.8s ease-in-out infinite}.closed-card{display:flex;min-height:min(78vw,620px);aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#07111feb,#0b1828f5),#07111f;color:var(--ink-soft);text-align:center}.closed-card h2{margin:0;color:var(--ink);font-size:clamp(1.4rem,5vw,2.2rem);letter-spacing:.04em}.closed-card p{max-width:34ch;margin:0;color:var(--ink-mute);font-size:.92rem;font-weight:600;line-height:1.35}.square{position:relative;display:flex;min-width:0;align-items:center;justify-content:center;padding:19px 7px 15px;border:1px solid color-mix(in srgb,#31506f 70%,var(--team-secondary) calc(var(--heat) * 30%));border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--team-primary) calc(10% + var(--heat) * 20%),rgb(7 17 31 / .92)),#07111ff0),#0b1828;color:var(--ink);cursor:pointer;font-size:clamp(.58rem,1.9vw,.92rem);font-weight:700;line-height:1.14;overflow-wrap:anywhere;text-align:center;transition:transform .1s ease}.square:active{transform:scale(.97)}.square.marked{border-color:var(--team-secondary);background:linear-gradient(160deg,var(--team-secondary),color-mix(in srgb,var(--team-secondary) 82%,#7a4a00));color:#07111f}.square.newly-marked{animation:square-fill 1.2s ease both}.square.manual{border-style:dashed;background:var(--team-accent)}.square.bingo-line{box-shadow:inset 0 0 0 3px #f4f7fb,0 0 14px color-mix(in srgb,var(--team-secondary) 72%,transparent)}.square.near-miss-line{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--team-secondary) 72%,transparent)}.square.alive:not(.marked){box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--team-primary) 48%,transparent)}.square[data-tier=rare]:not(.marked){border-color:color-mix(in srgb,var(--team-secondary) 55%,var(--line))}.square[data-tier=mythic]:not(.marked){border-color:var(--team-secondary);animation:mythic-pulse 2.6s ease-in-out infinite}.tier{position:absolute;top:5px;left:6px;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,currentColor 14%,transparent);color:currentColor;font-family:var(--display);font-size:.5rem;font-weight:600;letter-spacing:.12em;opacity:.85;text-transform:uppercase}.mark-source{position:absolute;right:6px;bottom:5px;font-size:.48rem;font-weight:800;letter-spacing:.08em;opacity:.68;text-transform:uppercase}.square-dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#02080fc7}.square-dialog{width:min(100%,460px);max-height:calc(100vh - 32px);overflow:auto;padding:16px;border:1px solid color-mix(in srgb,var(--team-primary) 42%,var(--line));border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--team-surface) 88%,#10243b),var(--panel-deep)),var(--panel-deep);box-shadow:0 22px 70px #00000075}.square-dialog header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:14px}.square-dialog header p{margin-bottom:5px;color:var(--team-primary);font-family:var(--display);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.square-dialog h2{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:0;line-height:1.2;text-transform:none}.square-dialog-close,.square-dialog-actions button{min-height:38px;border-radius:9px;cursor:pointer;font-weight:800}.square-dialog-close{padding:0 12px;border:1px solid var(--line);background:#122942;color:var(--ink)}.square-dialog dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}.square-dialog dl div{min-width:0;padding:9px;border:1px solid var(--line-soft);border-radius:8px;background:var(--team-surface)}.square-dialog dt{margin-bottom:3px;color:var(--ink-mute);font-family:var(--display);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.square-dialog dd{margin:0;color:var(--ink);font-size:.86rem;font-weight:700;overflow-wrap:anywhere}.square-dialog-reason{margin-bottom:14px;color:var(--ink-soft);font-weight:600;line-height:1.35}.square-dialog-actions{display:grid}.square-dialog-actions button{padding:0 12px;border:none;background:var(--team-secondary);color:#07111f}.share-dialog-backdrop{position:fixed;inset:0;z-index:22;display:grid;place-items:center;padding:16px;background:#02080fc7}.share-dialog{width:min(100%,620px);max-height:calc(100vh - 32px);overflow:auto;padding:16px;border:1px solid color-mix(in srgb,var(--team-primary) 42%,var(--line));border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--team-surface) 88%,#10243b),var(--panel-deep)),var(--panel-deep);box-shadow:0 22px 70px #00000075}.share-dialog header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:14px}.share-dialog header p{margin-bottom:5px;color:var(--team-primary);font-family:var(--display);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.share-dialog h2{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:0;line-height:1.2;text-transform:none}.share-dialog-close,.share-dialog-actions button{min-height:38px;border-radius:9px;cursor:pointer;font-weight:800}.share-dialog-close{padding:0 12px;border:1px solid var(--line);background:#122942;color:var(--ink)}.share-preview{display:block;width:min(100%,420px);max-height:58vh;margin:0 auto 14px;border:1px solid var(--line-soft);border-radius:10px;background:#061217;object-fit:contain}.share-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.share-dialog-actions button{padding:0 12px;border:none;background:var(--team-secondary);color:#07111f}.share-link-field{display:grid;gap:6px;color:var(--ink-soft);font-family:var(--display);font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.share-link-field input{width:100%;min-height:38px;padding:0 10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel-deep);color:var(--ink-soft);font:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.76rem;font-weight:600;letter-spacing:0;text-transform:none}.share-dialog-status{min-height:20px;margin:10px 0 0;color:var(--ink-soft);font-size:.82rem;font-weight:600}@keyframes square-fill{0%{transform:scale(1);box-shadow:0 0 #f7c94800}35%{transform:scale(1.05);box-shadow:0 0 0 8px #f7c9484d}to{transform:scale(1);box-shadow:0 0 #f7c94800}}@keyframes bingo-pop{0%{transform:translateY(-6px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes card-sheen{0%{background-position:180% 0}to{background-position:-80% 0}}@keyframes mythic-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--team-secondary) 0%,transparent)}50%{box-shadow:0 0 12px 1px color-mix(in srgb,var(--team-secondary) 38%,transparent)}}.below{display:grid;grid-template-columns:1fr 1.1fr 1.2fr;gap:14px;margin-top:16px}.below>div{min-height:132px;padding:14px;border:1px solid var(--line-soft);border-radius:12px;background:var(--team-surface)}.below p,.below li{color:var(--ink-soft)}.below .primary-copy{color:var(--ink);font-weight:700}.below .pressure-number{margin-bottom:4px;color:var(--team-secondary);font-family:var(--display);font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}ol{display:grid;gap:8px;margin:0;padding-left:20px}.below li span{display:block;color:var(--team-primary);font-family:var(--display);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.history-panel{margin-top:16px;padding:14px;border:1px solid var(--line-soft);border-radius:12px;background:var(--team-surface)}.history-list{display:grid;gap:8px}.history-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:48px;padding:10px;border:1px solid color-mix(in srgb,var(--team-primary) 30%,var(--line));border-radius:9px;background:var(--panel-deep);color:var(--ink);cursor:pointer;text-align:left}.history-list span{min-width:0}.history-list strong,.history-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-list strong{font-size:.92rem}.history-list small{color:var(--ink-soft);font-size:.72rem;font-weight:600}.history-list button>span:last-child{color:var(--team-secondary);font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-align:right;white-space:nowrap}.inning-group{display:grid;gap:5px}.inning-group+.inning-group{margin-top:10px}.inning-group strong{color:var(--team-primary);font-family:var(--display);font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.inning-group ul{margin:0;padding-left:18px}footer{padding:22px 4px 0;color:var(--ink-mute);font-size:.82rem;text-align:center}@media(max-width:620px){main{padding-inline:10px}.hero,.below{grid-template-columns:1fr}.hero{display:grid;align-items:stretch}.scorebug{min-width:0}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.replay-lab>div,.replay-controls,.replay-scenarios{grid-template-columns:1fr}.replay-lab>div{display:grid}.live-meta,.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.card-actions,.state-panel,.history-list button{grid-template-columns:1fr}.history-list button>span:last-child{text-align:left}.play-surface{padding:8px}.card-grid{gap:4px}.square{padding:17px 4px 13px}.square-dialog{padding:14px}.square-dialog header,.square-dialog dl{grid-template-columns:1fr}.square-dialog-close{width:100%}.share-dialog{padding:14px}.share-dialog header,.share-dialog-actions{grid-template-columns:1fr}.share-dialog-close{width:100%}}.stats-nav{display:flex;gap:.5rem;margin-bottom:14px}.stats-nav a{padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel-deep);color:var(--ink-soft);font-family:var(--display);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.stats-nav a.active{border-color:var(--team-secondary);background:color-mix(in srgb,var(--team-secondary) 16%,var(--panel-deep));color:var(--ink)}.lede a{color:var(--team-primary)}.stats-grid{display:grid;gap:14px;margin-top:14px}.stats-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-card{padding:14px;border:1px solid var(--line-soft);border-radius:12px;background:var(--team-surface)}.stats-card h3{margin:0 0 8px;color:var(--team-primary);font-family:var(--display);font-size:.95rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.stats-player{margin:0 0 8px;font-size:1.15rem;font-weight:800}.stats-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0}.stats-line div{padding:8px 6px;border:1px solid var(--line-soft);border-radius:8px;background:var(--panel-deep);text-align:center}.stats-line dt{color:var(--ink-mute);font-family:var(--display);font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.stats-line dd{margin:2px 0 0;color:var(--ink);font-family:var(--display);font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.stats-line div.good dd{color:#6fe3a1}.stats-note{margin:10px 0 0;color:var(--team-secondary);font-size:.88rem;font-weight:600}.stats-muted{color:var(--ink-mute);font-size:.9rem}.stats-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.stats-table th{padding:6px 8px;border-bottom:1px solid var(--line);color:var(--ink-mute);font-family:var(--display);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-align:left;text-transform:uppercase}.stats-table td{padding:7px 8px;border-bottom:1px solid var(--line-soft);color:var(--ink-soft);font-size:.88rem}.stats-table td.stats-player-cell{color:var(--ink);font-weight:700}.stats-table td.good{color:#6fe3a1;font-weight:700}.stats-table td.hot{color:#ff9f6e;font-weight:700}.guy-star{min-height:0;padding:2px 6px;border:none;background:transparent;color:var(--ink-mute);cursor:pointer;font-size:1rem}.guy-star.active{color:var(--team-secondary)}@media(max-width:620px){.stats-grid.two{grid-template-columns:1fr}.stats-line{grid-template-columns:repeat(3,minmax(0,1fr))}}