*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02050b;font-family:Inter,Arial,Helvetica,sans-serif;color:#fff}body{position:relative}img{display:block;object-fit:cover}.broadcast{position:absolute;left:0;top:0;overflow:hidden;transform-origin:0 0;font-variant-numeric:tabular-nums;--primary:#e41414;--secondary:#38158a;--accent:#ffd91a;--batter:#c90000;--bowler:#36108d;--commentary:#0b617f;--text:#fff;--stadium-top:#7b4a64;--stadium-mid:#183c4d;--stadium-field:#0d5f32;--panel:#07142d;--panel2:#0b2350;--edge:#4698ff;--glow:#2e8cff;--batEdge:#ffba44;--bowlEdge:#a75bff;--round:22px;--cardRound:24px;--tickerBg:#082455;background:#030713;color:var(--text)}.broadcast.horizontal{width:1920px;height:1080px}.broadcast.vertical{width:1080px;height:1920px}
.stadium-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#081531 0 16%,var(--stadium-top) 16% 31%,var(--stadium-mid) 31% 72%,var(--stadium-field) 72% 100%)}.stadium-bg:before{content:"";position:absolute;left:-5%;right:-5%;top:120px;height:500px;border-radius:50% 50% 8% 8%/18% 18% 8% 8%;background:repeating-linear-gradient(180deg,rgba(45,91,177,.88) 0 16px,rgba(222,82,173,.44) 16px 27px,rgba(14,24,43,.92) 27px 62px);filter:blur(1px);opacity:.9}.stadium-bg:after{content:"";position:absolute;left:-7%;right:-7%;bottom:-185px;height:520px;background:radial-gradient(ellipse at 50% 100%,#5aba4c 0 36%,#2d7f43 37% 61%,#0e482c 62% 100%);border-radius:50% 50% 0 0}.stadium-lights{position:absolute;inset:0;background:radial-gradient(circle at 8% 10%,rgba(255,255,255,.96) 0 6px,rgba(255,255,255,.5) 6px 25px,transparent 27px),radial-gradient(circle at 92% 10%,rgba(255,255,255,.96) 0 6px,rgba(255,255,255,.5) 6px 25px,transparent 27px),radial-gradient(circle at 15% 31%,rgba(255,255,255,.86) 0 6px,rgba(255,255,255,.4) 6px 20px,transparent 22px),radial-gradient(circle at 85% 31%,rgba(255,255,255,.86) 0 6px,rgba(255,255,255,.4) 6px 20px,transparent 22px),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28) 65%,rgba(0,0,0,.42));pointer-events:none}
.overlay-top,.stats-grid,.speech-caption,.player-row,.player-column,.ticker,.stadium-window,.v-last-wicket,.v-note-pill,.v-over-pill{position:relative;z-index:2}
.overlay-top{display:flex;align-items:stretch;gap:18px;padding:18px 28px 0}.team-box{flex:1;min-width:0;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(7,13,27,.95),rgba(16,19,34,.94));border:2px solid rgba(255,255,255,.13);border-radius:var(--round);padding:14px 18px;box-shadow:0 10px 32px rgba(0,0,0,.28)}.bat-box{border-color:color-mix(in srgb,var(--batEdge) 60%,transparent)}.bowl-box{border-color:color-mix(in srgb,var(--bowlEdge) 60%,transparent)}.right{justify-content:flex-end}.team-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.right-copy{text-align:right;align-items:flex-end}.team-full{font-size:34px;line-height:1;font-weight:900;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.team-short{font-size:20px;font-weight:900;color:var(--accent);letter-spacing:.08em}.team-logo{width:94px;height:94px;border-radius:20px;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.14);padding:7px;object-fit:contain;flex:0 0 auto}.center-score-box{width:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,black),color-mix(in srgb,var(--panel2) 92%,black));border-radius:var(--round);padding:10px 18px 14px;border:2px solid color-mix(in srgb,var(--edge) 55%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--glow) 20%,transparent),0 10px 28px rgba(0,0,0,.3)}.live-row{display:flex;justify-content:center;width:100%}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ef2739;font-size:18px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 0 6px rgba(239,39,57,.12)}.live-pill:before{content:"";width:9px;height:9px;border-radius:50%;background:#fff}.center-headline{font-size:40px;font-weight:1000;letter-spacing:.08em;text-shadow:0 0 16px color-mix(in srgb,var(--edge) 45%,transparent);margin:7px 0 4px;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-main{display:flex;align-items:flex-end;gap:16px}.score-main b{font-size:82px;line-height:.88;font-weight:1000;color:#fff7cc}.score-main span{font-size:30px;font-weight:850;margin-bottom:8px}
.stats-grid{display:grid;gap:10px;padding:12px 28px 0}.h-stats-grid{grid-template-columns:130px 130px 1.45fr 180px 240px 1.1fr}.stat-pill{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 95%,black),color-mix(in srgb,var(--panel2) 88%,black));border:1px solid color-mix(in srgb,var(--edge) 32%,transparent);border-radius:16px;min-height:74px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 9px 22px rgba(0,0,0,.22);min-width:0}.stat-pill span{font-size:15px;font-weight:900;letter-spacing:.06em;color:color-mix(in srgb,var(--edge) 70%,white)}.stat-pill b{font-size:34px;line-height:1.02;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-pill b{font-size:24px}.over-pill{padding-right:14px}.balls-inline{display:flex;align-items:center;gap:10px;min-width:0}.speech-caption{margin:10px 28px 0;padding:10px 14px;border-radius:14px;background:rgba(8,16,34,.82);border:1px solid rgba(255,255,255,.07);font-size:18px;font-weight:800;color:#d8f1ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stadium-window{margin:12px 28px 0;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.005));border:1px solid rgba(255,255,255,.06)}.stadium-window-h{height:270px}.player-row{display:grid;grid-template-columns:1fr 1fr .92fr;gap:14px;padding:12px 28px 0}.player-card{position:relative;display:grid;grid-template-columns:104px 1fr;grid-template-rows:auto auto;gap:0 14px;align-items:center;padding:12px 16px;border-radius:var(--cardRound);overflow:hidden;border:2px solid rgba(255,255,255,.1);box-shadow:0 10px 26px rgba(0,0,0,.28);min-height:156px}.player-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 50%,rgba(255,255,255,.07),transparent 26%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01));pointer-events:none}.player-card.batter{background:linear-gradient(135deg,color-mix(in srgb,var(--batter) 55%,#1b1008),#1f150c);border-color:color-mix(in srgb,var(--batEdge) 55%,transparent)}.player-card.bowler{background:linear-gradient(135deg,color-mix(in srgb,var(--bowler) 56%,#130c24),#21103b);border-color:color-mix(in srgb,var(--bowlEdge) 55%,transparent)}.player-card.striker{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent),0 10px 26px rgba(0,0,0,.28)}.role{position:absolute;top:9px;right:13px;background:rgba(255,255,255,.12);padding:5px 10px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.05em}.avatar{grid-row:1/3;width:94px;height:94px;border-radius:50%;border:4px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08)}.player-main{padding-top:10px;min-width:0}.player-name{font-size:22px;font-weight:1000;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score{font-size:44px;font-weight:1000;line-height:1;margin-top:7px;color:#fff7cc}.player-meta{grid-column:2;display:flex;gap:14px;align-items:center;margin-top:7px;font-size:16px;font-weight:800}.player-meta span b{color:var(--accent)}.balls{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-width:0}.ball{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:999px;padding:0 9px;background:#616e85;font-size:17px;font-weight:1000;color:#fff;border:2px solid rgba(255,255,255,.18)}.ball.run{background:#6e788b}.ball.dot{background:#4d5a70}.ball.four{background:#1dbf5d}.ball.six{background:#05c2ff}.ball.wicket{background:#ef2739}.ball.wide,.ball.noball,.ball.legbye{background:#7e2cff}.waiting{font-size:14px;font-weight:800;opacity:.7;white-space:nowrap}.ticker{display:grid;gap:7px;padding:12px 28px 18px}.ticker-main{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--tickerBg) 94%,black),color-mix(in srgb,var(--commentary) 62%,#061635));border:1px solid color-mix(in srgb,var(--edge) 28%,transparent);border-radius:16px;padding:10px 14px;box-shadow:0 9px 22px rgba(0,0,0,.25);min-height:56px}.ticker-label{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:1000;letter-spacing:.04em;min-width:150px}.ticker-label:before{content:"";width:13px;height:13px;border-radius:50%;background:#ff2b67;box-shadow:0 0 14px rgba(255,43,103,.5)}.commentary-ball,.commentary-result{font-size:16px;font-weight:1000}.commentary-ball{color:color-mix(in srgb,var(--edge) 70%,white)}.commentary-result{color:#fff7cc}.commentary-text{flex:1;font-size:17px;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-trail{display:flex;gap:7px;align-items:center;flex-wrap:nowrap;overflow:hidden}.recent-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:12px;background:rgba(6,18,48,.9);border:1px solid rgba(255,255,255,.07);font-size:13px;font-weight:900}.recent-pill b{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;border-radius:999px;padding:0 6px;background:#60728a}.recent-pill.four b{background:#1dbf5d}.recent-pill.six b{background:#05c2ff}.recent-pill.wicket b{background:#ef2739}.recent-pill.wide b,.recent-pill.noball b,.recent-pill.legbye b{background:#7e2cff}
/* compact event animation: never covers the full screen */
.event-layer{position:absolute;left:50%;top:50%;width:380px;min-height:132px;transform:translate(-50%,-50%) scale(.9);z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;opacity:0;pointer-events:none;background:linear-gradient(145deg,rgba(7,12,28,.98),rgba(13,28,60,.97));border:3px solid color-mix(in srgb,var(--edge) 65%,white);border-radius:28px;box-shadow:0 26px 80px rgba(0,0,0,.5),0 0 34px color-mix(in srgb,var(--glow) 25%,transparent);transition:opacity .16s ease,transform .18s ease;padding:22px 26px}.event-layer strong{font-size:50px;line-height:1;font-weight:1000;letter-spacing:.06em;text-shadow:0 8px 25px rgba(0,0,0,.35)}.event-layer span{font-size:15px;max-width:94%;text-align:center;font-weight:800;color:#fff}.event-layer.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.event-layer.four{border-color:#3dff92}.event-layer.four strong{color:#3dff92}.event-layer.six{border-color:#67d9ff}.event-layer.six strong{color:#67d9ff}.event-layer.wicket{border-color:#ff6072}.event-layer.wicket strong{color:#ff6072}.event-layer.wide,.event-layer.noball{border-color:#d088ff}.event-layer.wide strong,.event-layer.noball strong{color:#d088ff}.event-layer.dot strong,.event-layer.run strong{color:#fff7cc}.overlay-error{position:absolute;left:18px;bottom:18px;z-index:12;background:rgba(132,19,31,.95);padding:12px 16px;border-radius:12px;font-size:16px;font-weight:800;max-width:440px}
/* vertical hard-fit */
.overlay-top-v{display:block;padding:18px 24px 0}.vertical .live-pill{font-size:16px;padding:5px 12px}.vertical .center-headline{font-size:34px;margin:7px 0 2px}.v-score-row{display:flex;justify-content:center;align-items:flex-end;gap:12px}.v-score-row b{font-size:78px;line-height:.9;font-weight:1000;color:#fff7cc}.v-score-row span{font-size:26px;font-weight:900;margin-bottom:7px}.v-team-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.v-team-card{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-items:center;gap:0 10px;padding:10px 12px;border-radius:18px;background:linear-gradient(135deg,rgba(9,14,28,.92),rgba(17,16,28,.92));border:1px solid rgba(255,255,255,.1);min-width:0}.v-team-card .team-logo{grid-row:1/3}.v-team-card-right{border-color:color-mix(in srgb,var(--bowlEdge) 36%,transparent)}.vertical .team-logo{width:66px;height:66px;border-radius:15px}.vertical .team-full{font-size:19px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vertical .team-short{font-size:14px}.v-stats-grid{grid-template-columns:1fr 1fr 1fr;padding:10px 24px 0;gap:8px}.vertical .stat-pill{min-height:66px;padding:8px 10px;border-radius:14px}.vertical .stat-pill span{font-size:13px}.vertical .stat-pill b{font-size:28px}.v-note-pill,.v-over-pill,.v-last-wicket{margin:8px 24px 0}.vertical .note-pill b{font-size:20px}.speech-caption-v{margin:8px 24px 0;font-size:16px;padding:8px 11px}.v-over-pill .balls-inline{gap:8px}.vertical .ball{min-width:36px;height:36px;font-size:14px}.stadium-window-v{height:310px;margin:10px 24px 0}.player-column{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 24px 0}.vertical .player-card{grid-template-columns:88px 1fr;min-height:142px;padding:10px 14px;border-radius:18px}.vertical .avatar{width:80px;height:80px}.vertical .player-name{font-size:20px}.vertical .player-score{font-size:38px}.vertical .player-meta{font-size:15px;gap:11px}.vertical .role{font-size:12px;padding:4px 8px}.ticker-v{padding:10px 24px 18px}.vertical .ticker-main{display:grid;grid-template-columns:auto auto auto 1fr;gap:8px;padding:10px 12px;min-height:52px}.vertical .ticker-label{font-size:15px;min-width:130px}.vertical .commentary-text{grid-column:1/5;font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vertical .recent-trail{overflow:hidden}.vertical .event-layer{width:320px;min-height:118px}.vertical .event-layer strong{font-size:44px}.vertical .event-layer span{font-size:14px}
/* five complete themes */
.theme-neon-arena{--panel:#061735;--panel2:#102b66;--edge:#4ba7ff;--glow:#2b8fff;--batEdge:#ffbe42;--bowlEdge:#a663ff;--tickerBg:#082b64;--round:22px;--cardRound:24px}.theme-neon-arena .stadium-bg{filter:saturate(1.08)}
.theme-crimson-pro{--panel:#17090d;--panel2:#3c0c18;--edge:#ff566d;--glow:#e41533;--batEdge:#ffba3a;--bowlEdge:#ff526b;--tickerBg:#3b0a18;--accent:#ffc34f;--batter:#7d111d;--bowler:#4b1022;--stadium-top:#5a1726;--stadium-mid:#241117;--stadium-field:#153e28;--round:8px;--cardRound:10px}.theme-crimson-pro .team-box,.theme-crimson-pro .center-score-box,.theme-crimson-pro .stat-pill,.theme-crimson-pro .ticker-main{transform:skewX(-2deg)}.theme-crimson-pro .team-copy,.theme-crimson-pro .score-main,.theme-crimson-pro .stat-pill>*,.theme-crimson-pro .ticker-main>*{transform:skewX(2deg)}
.theme-emerald-field{--panel:#041c18;--panel2:#075c4b;--edge:#34e6be;--glow:#09c698;--batEdge:#6bffcf;--bowlEdge:#51b9ff;--tickerBg:#063e35;--accent:#9dffda;--batter:#075e47;--bowler:#0b3d56;--stadium-top:#153d47;--stadium-mid:#0c3a37;--stadium-field:#12663c;--round:28px;--cardRound:28px}.theme-emerald-field .team-box,.theme-emerald-field .center-score-box,.theme-emerald-field .stat-pill,.theme-emerald-field .player-card{backdrop-filter:blur(12px);background-color:rgba(6,35,31,.78)}
.theme-sunset-league{--panel:#111735;--panel2:#4b184c;--edge:#ff7e49;--glow:#ff5c43;--batEdge:#ffb13e;--bowlEdge:#ff4fa3;--tickerBg:#2a174a;--accent:#ffd15b;--batter:#7c2b21;--bowler:#681b58;--stadium-top:#9b466d;--stadium-mid:#27345c;--stadium-field:#205839;--round:18px;--cardRound:18px}.theme-sunset-league .center-score-box{background:linear-gradient(135deg,#2c1748,#a54348 70%,#ef7e35)}
.theme-ice-minimal{--panel:#0b1119;--panel2:#182738;--edge:#8eeeff;--glow:#64dcff;--batEdge:#dfeef6;--bowlEdge:#82dfff;--tickerBg:#111d2a;--accent:#9ff0ff;--batter:#18262d;--bowler:#172637;--stadium-top:#364a5c;--stadium-mid:#182631;--stadium-field:#21463e;--round:4px;--cardRound:4px}.theme-ice-minimal .team-box,.theme-ice-minimal .center-score-box,.theme-ice-minimal .stat-pill,.theme-ice-minimal .player-card,.theme-ice-minimal .ticker-main{box-shadow:none;border-color:rgba(200,235,255,.22)}.theme-ice-minimal .role{border-radius:3px}.theme-ice-minimal .ball{border-radius:4px}
/* preset colors intentionally override older inline custom colors */
.theme-neon-arena{--accent:#ffd15a!important;--batter:#7a3b17!important;--bowler:#3c1f69!important;--commentary:#0a4772!important;--stadium-top:#74415f!important;--stadium-mid:#183c58!important;--stadium-field:#11613b!important}
.theme-crimson-pro{--accent:#ffc34f!important;--batter:#7d111d!important;--bowler:#4b1022!important;--commentary:#4b101b!important;--stadium-top:#5a1726!important;--stadium-mid:#241117!important;--stadium-field:#153e28!important}
.theme-emerald-field{--accent:#9dffda!important;--batter:#075e47!important;--bowler:#0b3d56!important;--commentary:#07534a!important;--stadium-top:#153d47!important;--stadium-mid:#0c3a37!important;--stadium-field:#12663c!important}
.theme-sunset-league{--accent:#ffd15b!important;--batter:#7c2b21!important;--bowler:#681b58!important;--commentary:#2a174a!important;--stadium-top:#9b466d!important;--stadium-mid:#27345c!important;--stadium-field:#205839!important}
.theme-ice-minimal{--accent:#9ff0ff!important;--batter:#18262d!important;--bowler:#172637!important;--commentary:#111d2a!important;--stadium-top:#364a5c!important;--stadium-mid:#182631!important;--stadium-field:#21463e!important}