:root{--cc-bg: #0b1220;--cc-surface: #131e33;--cc-text: #f2f5fa;--cc-text-muted: #9fb0c9;--cc-accent: #20d080;--cc-font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--cc-bg);color:var(--cc-text);font-family:var(--cc-font)}#app{position:relative;width:100%;height:100dvh;overflow:hidden}#scene-container{position:absolute;inset:0}#scene-container canvas{display:block;width:100%;height:100%}#scene-status{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--cc-surface) 85%,transparent);color:var(--cc-text-muted);font-size:13px;white-space:nowrap}#match-panel{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;width:min(352px,calc(100vw - 24px));max-height:calc(100dvh - 84px);overflow-y:auto;padding:14px 16px;border:1px solid rgb(255 255 255 / 8%);border-radius:14px;background:color-mix(in srgb,var(--cc-surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:14px}#match-panel [hidden]{display:none}.cc-title{margin:0 0 10px;font-size:17px;font-weight:650}.cc-label{margin:12px 0 6px;color:var(--cc-text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cc-segmented{display:flex;flex-wrap:wrap;gap:6px}.cc-seg{flex:1 1 auto}.cc-seg input{position:absolute;opacity:0;pointer-events:none}.cc-seg span{display:block;padding:7px 10px;border:1px solid rgb(255 255 255 / 14%);border-radius:9px;color:var(--cc-text-muted);text-align:center;white-space:nowrap;cursor:pointer}.cc-seg input:checked+span{border-color:var(--cc-accent);background:color-mix(in srgb,var(--cc-accent) 18%,transparent);color:var(--cc-text);font-weight:600}.cc-seg input:focus-visible+span{outline:2px solid var(--cc-accent);outline-offset:2px}#app button:focus-visible,#app input:focus-visible,#app select:focus-visible,#app [tabindex]:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.cc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid rgb(255 255 255 / 16%);border-radius:9px;background:transparent;color:var(--cc-text);font:inherit;font-size:13.5px;cursor:pointer}.cc-btn:hover:not(:disabled){border-color:var(--cc-accent)}.cc-btn:disabled{opacity:.45;cursor:default}.cc-btn-primary{border-color:transparent;background:var(--cc-accent);color:#06251a;font-weight:650}#cc-start{width:100%;justify-content:center;margin-top:14px;padding:10px}.cc-note{margin:10px 0 0;color:var(--cc-text-muted);font-size:12.5px;line-height:1.45}.cc-score-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.cc-score-team{font-weight:650}.cc-score-value{font-size:22px;font-weight:750}.cc-score-overs{color:var(--cc-text-muted)}.cc-score-sub{margin-top:2px;color:var(--cc-text-muted);font-size:12.5px}.cc-batters{margin-top:10px;border-top:1px solid rgb(255 255 255 / 8%);padding-top:8px}.cc-batter{display:flex;justify-content:space-between;padding:2px 0;color:var(--cc-text-muted)}.cc-batter-onstrike{color:var(--cc-text)}.cc-batter-fig{font-variant-numeric:tabular-nums}.cc-bowler{margin-top:6px;color:var(--cc-text-muted);font-size:13px}.cc-balls{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;min-height:24px}.cc-chip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 5px;border-radius:999px;background:#ffffff17;color:var(--cc-text);font-size:12px;font-weight:600}.cc-chip-boundary{background:color-mix(in srgb,var(--cc-accent) 32%,transparent)}.cc-chip-wicket{background:#b3373f;color:#fff}.cc-chip-extra{background:#8a6d1f;color:#fff}.cc-result{margin-top:12px;padding:9px 11px;border-radius:9px;background:color-mix(in srgb,var(--cc-accent) 16%,transparent);font-weight:650}.cc-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cc-batting,.cc-bowling{margin-top:12px;border-top:1px solid rgb(255 255 255 / 8%);padding-top:4px}.cc-shots{display:flex;gap:6px}.cc-pick{flex:1 1 0;justify-content:center}.cc-pick-active{border-color:var(--cc-accent);background:color-mix(in srgb,var(--cc-accent) 18%,transparent);font-weight:650}.cc-picker{display:flex;flex-direction:column;gap:6px}.cc-picker-btn{width:100%;justify-content:space-between}.cc-picker-fig{color:var(--cc-text-muted);font-size:12.5px}.cc-timing{position:relative;height:18px;margin-top:12px;border-radius:999px;background:#ffffff1a;overflow:hidden}.cc-timing-zone{position:absolute;top:0;bottom:0;left:43%;width:14%;background:color-mix(in srgb,var(--cc-accent) 55%,transparent)}.cc-timing-marker{position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1.5px;background:#fff;border-radius:2px}.cc-hit{flex:1 1 auto;justify-content:center;padding:10px;font-size:15px;letter-spacing:.06em}.cc-feedback{min-height:20px;margin:10px 0 0;font-size:13.5px}.cc-coin{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:12px auto;border:2px solid var(--cc-accent);border-radius:50%;background:color-mix(in srgb,var(--cc-accent) 14%,transparent);font-size:26px;font-weight:750}.cc-coin-flip{animation:cc-coin-flip .7s ease}@keyframes cc-coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}@media(prefers-reduced-motion:reduce){.cc-coin-flip{animation:none}}.cc-toss-text{min-height:20px;margin:8px 0 0;text-align:center}.cc-toss .cc-controls{justify-content:center}.cc-scorecard{margin-top:6px}.cc-card-title{margin:14px 0 6px;font-size:14.5px;font-weight:650}.cc-table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.cc-table th,.cc-table td{padding:4px 6px;text-align:right;vertical-align:top}.cc-table th:first-child,.cc-table td:first-child{text-align:left}.cc-table th{border-bottom:1px solid rgb(255 255 255 / 12%);color:var(--cc-text-muted);font-weight:600}.cc-card-name{color:var(--cc-text);font-weight:600}.cc-card-dism{color:var(--cc-text-muted);font-size:11.5px}.cc-card-total td{border-top:1px solid rgb(255 255 255 / 12%);font-weight:650}.cc-card-note{margin:6px 0 0;color:var(--cc-text-muted);font-size:12.5px;line-height:1.5}.cc-input{width:100%;padding:8px 10px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:var(--cc-panel-2);color:var(--cc-text);font:inherit;font-size:14px}.cc-mgr-list{display:flex;flex-direction:column;gap:6px}.cc-mgr-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid rgb(255 255 255 / 8%);border-radius:8px}.cc-mgr-row-active{border-color:var(--cc-accent)}.cc-mgr-pick{display:flex;flex:1 1 auto;align-items:baseline;gap:8px;padding:4px 2px;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.cc-mgr-pos{width:18px;color:var(--cc-text-muted);font-size:12.5px}.cc-mgr-name{flex:1 1 auto;font-weight:600;font-size:14px}.cc-mgr-role{color:var(--cc-text-muted);font-size:12px}.cc-badge{padding:0 5px;border:1px solid var(--cc-accent);border-radius:999px;color:var(--cc-accent);font-size:10.5px;font-weight:700;vertical-align:1px}.cc-mgr-move{padding:4px 8px}.cc-mgr-editor{margin-top:12px;border-top:1px solid rgb(255 255 255 / 8%);padding-top:4px}.cc-mgr-field{display:block;margin:8px 0}.cc-mgr-selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.cc-mgr-slider{display:flex;align-items:center;gap:10px;margin:7px 0;font-size:13px}.cc-mgr-slider>span:first-child{width:128px;color:var(--cc-text-muted)}.cc-mgr-slider input{flex:1 1 auto;accent-color:var(--cc-accent)}.cc-mgr-slider-val{width:28px;text-align:right;font-variant-numeric:tabular-nums}.cc-mgr-errors{margin-top:10px;color:#fda4af;font-size:13px;line-height:1.5}.cc-mgr-errors p{margin:2px 0}.cc-commentary{margin-top:6px}.cc-comm-list{display:flex;flex-direction:column;gap:3px;max-height:320px;overflow-y:auto}.cc-comm-line{margin:0;padding:5px 8px;border-left:3px solid transparent;border-radius:6px;background:#ffffff08;font-size:13px;line-height:1.45}.cc-comm-over{margin-right:8px;color:var(--cc-text-muted);font-weight:700;font-variant-numeric:tabular-nums}.cc-comm-boundary{border-left-color:var(--cc-accent)}.cc-comm-wicket{border-left-color:#fb7185}.cc-comm-milestone{border-left-color:#fbbf24;background:color-mix(in srgb,#fbbf24 10%,transparent)}.cc-comm-info{color:var(--cc-text-muted)}.cc-speed{display:inline-flex;align-items:center;gap:6px;color:var(--cc-text-muted);font-size:12.5px}.cc-speed-select{width:auto;padding:6px 8px;font-size:13px}.cc-scorecard{overflow-x:auto}.cc-table{min-width:290px}@media(max-width:560px){#match-panel{left:8px;top:max(8px,env(safe-area-inset-top));width:calc(100vw - 16px);max-height:calc(100dvh - 88px);padding:12px}#scene-status{max-width:calc(100vw - 24px);white-space:normal;text-align:center}.cc-comm-list{max-height:210px}.cc-mgr-slider>span:first-child{width:104px}}@media(pointer:coarse){.cc-btn{min-height:42px;padding:9px 14px}.cc-seg span{padding:10px}.cc-timing{height:30px}.cc-mgr-pick{padding:8px 2px}.cc-mgr-move{min-width:42px;min-height:42px}.cc-mgr-slider input{height:28px}}.cc-dirs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cc-dirs .cc-pick{padding:7px 2px;font-size:12px;text-align:center}.cc-table-scroll{overflow-x:auto}.cc-table{width:100%;border-collapse:collapse;font-size:13px}.cc-table th,.cc-table td{padding:5px 6px;text-align:left;border-bottom:1px solid rgba(127,140,160,.25)}.cc-table td:not(:first-child),.cc-table th:not(:first-child){text-align:right}.cc-user-row{font-weight:600}.cc-cutoff td{border-bottom:2px solid rgba(64,145,108,.8)}.cc-fixtures{display:flex;flex-direction:column;gap:6px}.cc-fixture{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid rgba(127,140,160,.3);border-radius:8px}.cc-fixture-main{display:flex;flex-direction:column;gap:2px;font-size:13px}.cc-fixture-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.cc-fixture-score{opacity:.85}#tournament-panel,#practice-panel{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;max-height:calc(100dvh - 84px);overflow-y:auto;padding:14px 16px;border:1px solid rgb(255 255 255 / 8%);border-radius:14px;background:color-mix(in srgb,var(--cc-surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:14px}#tournament-panel{width:min(468px,calc(100vw - 24px))}#practice-panel{width:min(384px,calc(100vw - 24px))}@media(max-width:560px){#tournament-panel,#practice-panel{left:8px;width:calc(100vw - 16px)}}.cc-highlight-list{display:flex;flex-direction:column;gap:6px}.cc-highlight-btn{text-align:left;font-size:13px}#match-panel:has(>.cc-live:not([hidden])){inset:0;width:auto;max-height:none;overflow:visible;padding:0;border:none;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}#app:has(.cc-live:not([hidden])) #scene-status{display:none}.cc-live{position:absolute;inset:0;pointer-events:none}.cc-live>*{pointer-events:auto}.cc-live #cc-score,.cc-hud-bl,.cc-live #cc-balls,.cc-hud-tools,.cc-live #cc-sim-controls,.cc-live .cc-batting,.cc-live .cc-bowling,.cc-live .cc-scorecard,.cc-live .cc-commentary,.cc-live .cc-highlights{border:1px solid rgb(255 255 255 / 10%);border-radius:12px;background:color-mix(in srgb,var(--cc-surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cc-live .cc-batting,.cc-live .cc-bowling{-webkit-backdrop-filter:none;backdrop-filter:none}.cc-live #cc-score{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;min-width:188px;padding:9px 13px;z-index:3}.cc-live #cc-result{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 78px);left:50%;transform:translate(-50%);margin:0;max-width:min(520px,92vw);text-align:center;z-index:4}.cc-hud-bl{position:absolute;left:12px;bottom:max(12px,env(safe-area-inset-bottom));min-width:218px;padding:9px 13px;z-index:3}.cc-hud-bl .cc-batters{margin-top:0;border-top:none;padding-top:0}.cc-hud-bl .cc-bowler{margin-top:4px}.cc-live #cc-balls{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;min-height:0;padding:6px 10px;border-radius:999px;z-index:3}.cc-hud-tools{position:absolute;top:max(10px,env(safe-area-inset-top));right:12px;margin:0;padding:6px;align-items:center;z-index:4}.cc-hud-tools .cc-btn{padding:6px 10px;font-size:12.5px}.cc-hud-tools .cc-input{width:auto;padding:5px 7px;font-size:12.5px}.cc-live #cc-sim-controls{position:absolute;right:12px;bottom:max(12px,env(safe-area-inset-bottom));margin:0;padding:6px;align-items:center;z-index:3}.cc-live #cc-sim-controls .cc-input{width:auto}.cc-live .cc-batting,.cc-live .cc-bowling{position:absolute;left:12px;bottom:158px;width:268px;max-height:56dvh;overflow-y:auto;margin:0;padding:12px 14px;z-index:3}.cc-live .cc-batting .cc-label,.cc-live .cc-bowling .cc-label{margin:8px 0 5px}.cc-live .cc-batting .cc-label:first-child,.cc-live .cc-bowling .cc-label:first-child{margin-top:0}.cc-live .cc-batting>.cc-controls,.cc-live .cc-bowling .cc-controls{margin:0}.cc-live .cc-timing{position:fixed;right:16px;bottom:198px;width:210px;height:20px;margin:0;z-index:4;box-shadow:0 4px 18px #00000059}.cc-live .cc-hit{position:fixed;right:16px;bottom:92px;width:88px;height:88px;padding:0;border-radius:50%;justify-content:center;font-size:17px;font-weight:750;letter-spacing:.05em;z-index:4;box-shadow:0 6px 22px #0006}.cc-live #cc-bowl,.cc-live #cc-deliver{position:fixed;right:118px;bottom:114px;padding:11px 16px;border-radius:999px;background:color-mix(in srgb,var(--cc-surface) 88%,transparent);z-index:4;box-shadow:0 4px 16px #0000004d}.cc-live .cc-scorecard,.cc-live .cc-commentary,.cc-live .cc-highlights{position:absolute;top:64px;right:12px;width:min(372px,calc(100vw - 24px));max-height:calc(100dvh - 150px);overflow-y:auto;margin:0;padding:12px 14px;z-index:6}.cc-live .cc-comm-list{max-height:46dvh}.cc-live .cc-card-title{margin-top:2px}#match-panel:has(>.cc-setup:not([hidden])){width:min(712px,calc(100vw - 24px))}.cc-setup{display:grid;grid-template-columns:1.05fr .95fr;gap:4px 20px;align-items:start}.cc-setup-side .cc-controls{flex-direction:column;align-items:stretch;margin-top:26px}.cc-setup-side .cc-btn{justify-content:center;padding:10px}.cc-setup-side .cc-speed{justify-content:space-between}.cc-setup-side .cc-input{width:auto}@media(max-width:760px){#match-panel:has(>.cc-setup:not([hidden])){width:calc(100vw - 16px)}.cc-setup{grid-template-columns:1fr}.cc-setup-side .cc-controls{margin-top:14px}.cc-live #cc-score{left:8px;min-width:0;padding:7px 10px}.cc-live .cc-score-value{font-size:18px}.cc-hud-tools{top:max(8px,env(safe-area-inset-top));right:8px;max-width:52vw;padding:4px;gap:5px}.cc-hud-tools .cc-btn{padding:5px 8px;font-size:11.5px}.cc-hud-bl{left:8px;bottom:max(8px,env(safe-area-inset-bottom));min-width:0;padding:7px 10px;font-size:12.5px}.cc-live #cc-balls{top:100px;bottom:auto;padding:4px 8px}.cc-live #cc-result{top:148px;width:calc(100vw - 16px)}.cc-live .cc-batting,.cc-live .cc-bowling{left:8px;bottom:132px;width:min(232px,60vw);max-height:46dvh;padding:10px}.cc-live .cc-timing{right:12px;bottom:162px;width:168px}.cc-live .cc-hit{right:12px;bottom:78px;width:72px;height:72px;font-size:15px}.cc-live #cc-bowl,.cc-live #cc-deliver{right:94px;bottom:92px;padding:9px 12px}.cc-live #cc-sim-controls{right:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:4px}.cc-live .cc-scorecard,.cc-live .cc-commentary,.cc-live .cc-highlights{top:56px;right:8px;left:8px;width:auto;max-height:62dvh}}