: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}.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{padding:14px}.cc-highlight-list{display:flex;flex-direction:column;gap:6px}.cc-highlight-btn{text-align:left;font-size:13px}#practice-panel{padding:14px}