*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#app{width:100%;height:100dvh;overflow:hidden}body{color:#e5e5e5;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 0,#161a22,#050505 80%);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:#fff;caret-color:#0a7d28;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#141414;border:1px solid #2a2a2a;border-radius:8px;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#0a7d28}input[type=color]{cursor:pointer;height:40px;padding:2px}input[type=file]{padding:8px}input::placeholder,textarea::placeholder{color:#71717a}select option{color:#fff;background:#141414}.screen{width:100%;height:100%;padding:16px;overflow-y:auto}.screen::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar{width:6px}.screen::-webkit-scrollbar-thumb{background:#2e2e33;border-radius:3px}.modal::-webkit-scrollbar-thumb{background:#2e2e33;border-radius:3px}.screen::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-track{background:0 0}.screen h1{margin-bottom:12px;font-size:22px}.screen h2{color:#aaa;text-transform:uppercase;letter-spacing:1px;margin:14px 0 8px;font-size:16px}.row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.col{flex:1;min-width:140px}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field label{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:11px}.field input,.field select{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;padding:10px 12px}.field input:focus,.field select:focus{border-color:#0a7d28}.btn{letter-spacing:.5px;-webkit-backdrop-filter:blur(12px);color:#fff;background:#19191999;border:1px solid #ffffff14;border-radius:12px;padding:12px 16px;font-weight:700;transition:all .25s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #0000001a}.btn:hover{background:#2d2d2dcc;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.btn:active{transform:translateY(2px)scale(.97);box-shadow:0 2px 4px #0000001a}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 4px 14px #10b9814d}.btn-primary:hover{background:linear-gradient(135deg,#34d399,#10b981);border-color:#0000;box-shadow:0 6px 20px #10b98166}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;filter:grayscale();transform:none}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 20px #ef444466}.btn-ghost{box-shadow:none;background:0 0;border:1px solid #ffffff1a}.btn-ghost:hover{background:#ffffff14;border-color:#fff3}.btn-block{width:100%}.card{-webkit-backdrop-filter:blur(12px);background:#14141499;border:1px solid #ffffff14;border-radius:16px;margin-bottom:14px;padding:16px;box-shadow:0 8px 32px #0003}.muted{color:#888}.spacer{flex:1}.toggle-group{gap:6px;display:flex}.toggle-group .btn{flex:1;padding:10px}.toggle-group .btn.active{background:#0a7d28;border-color:#0a7d28}.match-card{background:#141414;border:1px solid #222;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.match-card .meta{color:#888;font-size:11px}.player-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.player-row input{flex:1}.player-row .num{color:#666;text-align:center;width:28px;font-weight:700}.team-header{border-bottom:1px solid #1f1f1f;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;display:flex}.team-logo-sm{object-fit:contain;background:#0a0a0a;border-radius:6px;width:32px;height:32px}.team-logo{object-fit:contain;background:#0a0a0a;border-radius:8px;width:56px;height:56px;padding:2px}.team-logo-lg{object-fit:contain;background:#0a0a0a;border-radius:10px;width:64px;height:64px;padding:3px}.team-name{letter-spacing:.5px;font-size:15px;font-weight:900}.team-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.team-tile{-webkit-backdrop-filter:blur(8px);text-align:center;background:#14141480;border:1.5px solid #ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000001a}.team-tile:hover:not(.disabled){border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.team-tile:active:not(.disabled){background:#1e1e1ecc;transform:translateY(2px)scale(.97)}.team-tile.disabled{opacity:.35;cursor:not-allowed}.team-tile-name{font-size:11px;font-weight:800;line-height:1.15}.team-tile-cap{color:#888;font-size:10px}.team-selected{align-items:center;gap:12px;padding:6px 4px;display:flex}.team-selected .team-meta{flex:1}.team-selected .team-cap{margin-top:2px;font-size:11px}.team-selected button{padding:6px 12px;font-size:11px}#rec-screen{background:#000;flex-direction:column;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.rec-header{background:linear-gradient(#121419,#0a0a0c);border-bottom:1px solid #1f1f23;flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:0 12px;font-size:11px;display:flex;box-shadow:inset 0 1px #ffffff0a}.rec-header .live{align-items:center;gap:8px;display:flex}.dot-live{background:#b91c1c;border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse;box-shadow:0 0 8px #b91c1c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.rec-header .right{color:#888;align-items:center;gap:10px;display:flex}.rec-body{flex:1;min-height:0;display:flex}.rec-left{background:#000;border-right:1px solid #1a1a1a;justify-content:center;align-items:center;width:50%;transition:width .3s;display:flex;position:relative}.rec-right{background:#0a0a0a;flex-direction:column;width:50%;min-width:0;transition:width .3s;display:flex;overflow:hidden}.role-scorer .rec-header,.role-scorer .rec-left{display:none!important}.role-scorer .rec-body{flex-direction:column;min-height:0}.role-scorer .rec-right{background:linear-gradient(#050608 0%,#090a0d 100%);border-left:none;height:100%;overflow:hidden;width:100%!important}.score-shell{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.score-shell-scorer{height:100%}.scoreboard-pane-host{flex-shrink:0;min-width:0}.controls-pane-host{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.role-scorer .controls-scorer{flex:1;grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-height:0;padding:8px 10px 10px;display:grid;overflow:hidden}.role-scorer .controls-core-host{min-height:0}.role-scorer .controls-core{flex-direction:column;min-height:0;display:flex;position:relative}.role-scorer .cric-pad-grid{flex:1;min-height:0}.role-scorer .score-secondary{grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-height:0;display:grid;overflow:hidden}.role-scorer .score-secondary-strip-host{min-height:0}.role-scorer .score-secondary-strip{justify-content:space-between;align-items:center;gap:8px;min-height:34px;display:flex}.role-scorer .score-secondary-meta{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;background:#0f1218e6;border:1px solid #94a3b82e;border-radius:8px;align-items:center;min-height:32px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.role-scorer .score-secondary-meta.live{color:#cbd5f5;border-color:#60a5fa47}.role-scorer .score-secondary-button{color:#e2e8f0;letter-spacing:1px;background:linear-gradient(#141923,#0c1017);border:1px solid #94a3b82e;border-radius:8px;min-height:32px;padding:0 12px;font-size:10px;font-weight:800}.role-scorer .score-secondary-button.active{background:linear-gradient(#7f1d1d,#450a0a);border-color:#f8717147}.role-scorer .score-secondary-panel{min-height:0;padding-right:2px;overflow-y:auto}.role-scorer .score-secondary-panel .bcast-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.role-scorer .score-secondary-panel .btn-score{min-height:40px}.role-scorer .cric-chip{min-height:44px}.role-scorer .cric-chip .chip-short{font-size:15px}.role-scorer .cric-tile{min-height:54px}.role-scorer .cric-tile .tile-num{font-size:24px}.role-scorer .cric-act{min-height:40px}.role-scorer .btn-score{min-height:38px}.role-scorer .sb-pane{padding:10px 12px}.role-scorer .sb-total{font-size:27px}.role-scorer .sb-overs .value{font-size:24px}@media (orientation:portrait){.role-scorer{height:100dvh!important}.role-scorer .rec-body{flex:1;min-height:0}.role-scorer .rec-right{-webkit-overflow-scrolling:touch}.role-scorer .controls-scorer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.role-scorer .controls-core{grid-template-rows:auto minmax(220px,1fr) auto}.role-scorer .cric-tile{border-radius:10px;min-height:64px}.role-scorer .cric-tile .tile-num{font-size:28px}.role-scorer .cric-tile .tile-lbl{font-size:10px}.role-scorer .cric-chip{border-radius:9px;min-height:48px}.role-scorer .cric-chip .chip-short{font-size:16px}.role-scorer .cric-act{border-radius:9px;min-height:44px}.role-scorer .cric-act .act-lbl{font-size:12px}.role-scorer .sb-pane{padding:10px 12px}.role-scorer .sb-total{font-size:28px}.role-scorer .sb-overs .value{font-size:24px}.role-scorer .score-secondary-panel .bcast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (orientation:landscape) and (height<=420px){.role-scorer .sb-pane{padding:8px 10px}.role-scorer .sb-total{font-size:24px}.role-scorer .sb-overs .value{font-size:22px}.role-scorer .controls-scorer{gap:6px;padding:7px 8px 8px}.role-scorer .controls-core,.role-scorer .score-secondary{gap:6px}.role-scorer .cric-extras,.role-scorer .cric-runs,.role-scorer .cric-actions,.role-scorer .bcast-grid,.role-scorer .dj-grid{gap:5px}.role-scorer .cric-chip{min-height:38px}.role-scorer .cric-chip .chip-short{font-size:14px}.role-scorer .cric-chip .chip-full{font-size:7px}.role-scorer .cric-tile{min-height:46px}.role-scorer .cric-tile .tile-num{font-size:21px}.role-scorer .cric-tile .tile-lbl{font-size:7px}.role-scorer .cric-act{min-height:36px}.role-scorer .cric-act .act-lbl{font-size:10px}.role-scorer .score-secondary-meta,.role-scorer .score-secondary-button{min-height:30px;font-size:9px}.role-scorer .score-secondary-panel .btn-score{min-height:34px;font-size:9px}}@media (orientation:landscape) and (height<=380px){.role-scorer .controls-scorer{gap:5px;padding:6px 7px 7px}.role-scorer .controls-core{grid-template-rows:auto minmax(128px,1fr) auto;gap:5px}.role-scorer .score-secondary{gap:5px}.role-scorer .cric-chip{min-height:34px}.role-scorer .cric-tile{min-height:41px}.role-scorer .cric-tile .tile-num{font-size:19px}.role-scorer .cric-act{min-height:32px}.role-scorer .cric-act .act-ic{font-size:15px}.role-scorer .cric-act .act-lbl{font-size:9px}.role-scorer .cric-more{min-height:28px;padding:4px 10px}.role-scorer .score-secondary-panel .btn-score{min-height:30px}}.role-recorder .rec-right{display:none!important}.role-recorder .rec-left{border-right:none;width:100%!important}#cam-canvas{object-fit:contain;background:#000;width:100%;height:100%}#cam-video{opacity:.01;pointer-events:none;z-index:-10;width:1px;height:1px;display:block;position:absolute}.cam-error{color:#f88;text-align:center;padding:20px}.rec-toolbar{pointer-events:none;z-index:10;justify-content:space-between;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}.rec-toolbar button{pointer-events:auto;letter-spacing:1px;color:#000;background:#ffffffeb;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 12px #00000073}.rec-toolbar button:active{transform:scale(.95);box-shadow:0 2px 6px #0006}.rec-toolbar .recording{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);animation:1.4s infinite pulse;box-shadow:0 0 16px #dc26268c}.rec-toolbar .secondary{color:#fff;-webkit-backdrop-filter:blur(6px);background:#000000a6;border:1px solid #ffffff2e}.score-status-card{text-align:center;background:linear-gradient(#14120ef5,#0c0b0afa);border:1px solid #fbbf242e;border-radius:12px;margin:18px;padding:28px 24px;box-shadow:0 10px 30px #00000042}.score-status-icon{margin-bottom:10px;font-size:30px}.score-status-title{letter-spacing:1.4px;text-transform:uppercase;color:#e5e7eb;font-size:18px;font-weight:900}.score-status-title.warm{color:#fbbf24}.score-status-body{color:#cbd5e1;margin-top:10px;line-height:1.5}.score-status-note{color:#94a3b8;margin-top:8px;font-size:11px;line-height:1.4}.sb-pane{-webkit-backdrop-filter:blur(12px);z-index:5;background:linear-gradient(#14161cf0,#0a0b0ffa);border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:7px 12px;box-shadow:0 3px 16px #00000038}.sb-row1{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.sb-team{align-items:center;gap:8px;display:flex}.sb-team img{object-fit:contain;background:#222;border-radius:6px;width:26px;height:26px;box-shadow:0 2px 6px #0006}.sb-team .name{letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:800}.sb-total{font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #00000080;font-family:ui-monospace,SF Mono,monospace;font-size:21px;font-weight:900}.sb-total small{color:#888;font-size:12px;font-weight:400}.sb-overs{text-align:right}.sb-overs .label{letter-spacing:1.5px;color:#777;font-size:9px;font-weight:800}.sb-overs .value{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace;font-size:19px;font-weight:900}.sb-target{color:#ffb703;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:6px;margin-top:3px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-block}.sb-row2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sb-card{background:linear-gradient(#14161c,#0d1015);border:1px solid #1b2028;border-radius:9px;padding:6px 8px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000038}.sb-card .accent{width:3px;position:absolute;top:0;bottom:0;left:0}.sb-card .accent-r{left:auto;right:0}.sb-line{justify-content:space-between;align-items:center;gap:6px;display:flex}.sb-line .pname{font-size:12px;font-weight:700}.sb-line .pstats{color:#ddd;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace;font-size:12px}.sb-line.dim{opacity:.6}.sb-line.dim .pname{font-weight:400}.over-strip{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ball-pill{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #00000059,inset 0 1px #ffffff1f}.over-strip .ball-pill:last-child{animation:.25s cubic-bezier(.34,1.5,.64,1) pillIn}@keyframes pillIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.ball-dot{background:#2a2a2a}.ball-run{background:#1d4ed8}.ball-four{background:#ea580c}.ball-six{background:#6d28d9}.ball-wide{background:#0891b2;font-size:8px}.ball-nb{background:#be185d;font-size:8px}.ball-wkt{background:#b91c1c}.ball-bye{background:#4b5563;font-size:8px}.free-hit-pill{color:#fff;letter-spacing:2px;pointer-events:none;background:#ea580cf2;border-radius:999px;padding:4px 14px;font-size:10px;font-weight:900;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #ea580c99}.controls{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px;display:flex;position:relative;overflow-y:auto}.controls .free-hit-banner{text-align:center;color:#fb923c;letter-spacing:2px;background:#ea580c26;border:1px solid #ea580c80;border-radius:8px;flex-shrink:0;padding:2px 4px;font-size:10px;font-weight:900;line-height:1.3}.controls .free-hit-banner.fh-live{animation:1.2s ease-in-out infinite fhPulse}@keyframes fhPulse{0%,to{box-shadow:0 0 #ea580c00}50%{box-shadow:0 0 14px #ea580c73}}.ctrl-section-label{letter-spacing:2px;color:#6b7280;text-transform:uppercase;text-align:center;border-top:1px solid #1a1a1c;margin-top:2px;padding-top:6px;font-size:9px;font-weight:800}.cric-pad{gap:6px}.controls-core{min-height:0;position:relative}.controls-overlay-host{position:relative;overflow:hidden}.controls-overlay{z-index:6;text-align:center;background:#05080ee6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px;display:flex;position:absolute;inset:0}.overlay-split{background:linear-gradient(#40230af2,#1a0e06f5)}.overlay-replay{background:linear-gradient(#440a14f2,#16080af5)}.overlay-icon{font-size:28px;line-height:1}.overlay-title{letter-spacing:1.2px;text-transform:uppercase;font-size:18px;font-weight:900}.overlay-copy{color:#e2e8f0;max-width:28ch;font-size:13px;line-height:1.4}.overlay-countdown{font-variant-numeric:tabular-nums;font-size:30px;font-weight:900}.overlay-note{color:#cbd5e1;font-size:11px;line-height:1.35}.score-secondary-panel-body{flex-direction:column;gap:8px;padding-bottom:4px;display:flex}.cric-extras{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.cric-chip{color:#fff;background:linear-gradient(#1d2128,#12151b);border:1px solid #ffffff14;border-bottom:2px solid #00000061;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:36px;transition:all .12s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 5px #0003,inset 0 1px #ffffff0d}.cric-chip:active:not(:disabled){filter:brightness(1.15);border-bottom-width:1px;transform:translateY(2px)}.cric-chip:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.4)}.cric-chip .chip-short{font-size:16px;font-weight:900;line-height:1}.cric-chip .chip-full{letter-spacing:.5px;color:#ffffff8c;text-transform:uppercase;font-size:8px;font-weight:700}.chip-wd .chip-short{color:#22d3ee}.chip-nb .chip-short{color:#f472b6}.chip-by .chip-short{color:#cbd5e1}.cric-extras,.cric-actions,.cric-more,.ctrl-section-label{flex-shrink:0}.cric-runs{flex:1 1 0;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:6px;min-height:68px;display:grid}.cric-tile{color:#fff;border:1px solid #ffffff1a;border-bottom:2px solid #00000061;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:0;transition:transform .1s cubic-bezier(.4,0,.2,1),filter .1s;display:flex;box-shadow:0 3px 8px #0000003d,inset 0 1px #ffffff14}.cric-tile:active:not(:disabled){filter:brightness(1.18);border-bottom-width:1px;transform:translateY(3px)scale(.97)}.cric-tile:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.5)}.cric-tile .tile-num{font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #00000052;font-family:Outfit,ui-monospace,sans-serif;font-size:26px;font-weight:900;line-height:1}.cric-tile .tile-lbl{letter-spacing:1px;opacity:.85;text-transform:uppercase;margin-top:1px;font-size:8px;font-weight:800}.t-dot{background:linear-gradient(#33343a,#212227);border-bottom-color:#16171b}.t-dot .tile-num{color:#9ca3af}.t-run{background:linear-gradient(#1f3a8a,#16275e);border-bottom-color:#0f1c44}.t-four{background:linear-gradient(#16a34a,#15803d);border-bottom-color:#0d5828}.t-six{background:linear-gradient(#7c3aed,#5b21b6);border-bottom-color:#3f1576}.t-out{background:linear-gradient(#dc2626,#991b1b);border-bottom-color:#6b1414}.t-out .tile-num{letter-spacing:1px;font-size:22px}.cric-actions{gap:6px;display:flex}.cric-actions>button{flex:1}.cric-act{color:#fff;border:1px solid #ffffff14;border-bottom:2px solid #00000061;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;transition:all .12s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 5px #00000038}.cric-act:active:not(:disabled){filter:brightness(1.12);border-bottom-width:1px;transform:translateY(2px)}.cric-act:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.4)}.cric-act .act-ic{font-size:18px;line-height:1}.cric-act .act-lbl{letter-spacing:.5px;font-size:11px;font-weight:800}.act-undo{background:linear-gradient(#4b4b52,#3a3a40);border-bottom-color:#27272a}.act-swap{background:linear-gradient(#2563eb,#1e3a8a);border-bottom-color:#1e3a8a}.act-change{background:linear-gradient(#ea7c3a,#9a4012);border-bottom-color:#7c2d12}.cric-more{letter-spacing:1px;color:#cbd5e1;background:linear-gradient(#151920,#0e1319);border:1px solid #94a3b824;border-radius:9px;justify-content:space-between;align-items:center;width:100%;min-height:30px;padding:5px 14px;font-size:10px;font-weight:800;transition:background .12s,color .12s;display:flex}.cric-more.open{color:#fbbf24;background:linear-gradient(#1c1a12,#121015);border-color:#fbbf2459}.cric-more:active{filter:brightness(1.15)}.cric-more .more-caret{opacity:.8;font-size:9px;font-weight:700}.btn-score{color:#fff;border:1px solid #ffffff0f;border-bottom:2px solid #00000061;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 5px;font-weight:800;transition:all .12s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 2px 6px #00000038,inset 0 1px #ffffff0f}.btn-score:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px)}.btn-score:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.4)}.btn-score .lbl{color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px;white-space:normal;text-overflow:clip;text-align:center;max-width:100%;font-size:9px;line-height:1.1;overflow:hidden}.bcast-grid{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:5px;display:grid}.dj-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.bcast-btn{letter-spacing:.5px;text-align:center;white-space:normal;background:linear-gradient(#1b2028,#11161d);border-bottom-color:#090c10;min-height:34px;font-size:10px;line-height:1.1}.dj-btn{background:linear-gradient(#1b2028,#11161d);border-bottom-color:#090c10;min-height:42px}.dj-btn .dj-icon{font-size:16px;line-height:1}.dj-btn .lbl{font-size:9px}.modal-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out modalFade;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(16px);background:#0f0f0fd9;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:420px;max-height:90vh;padding:20px;animation:.22s cubic-bezier(.34,1.4,.64,1) modalPop;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal h3{letter-spacing:1.5px;color:#fb923c;text-transform:uppercase;text-align:center;margin-bottom:16px;font-size:15px;font-weight:900}.modal .grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.modal .grid-2{grid-template-columns:repeat(2,1fr)}.modal .grid .opt{text-align:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;min-height:44px;padding:12px 6px;font-weight:800;transition:background .12s,border-color .12s,transform .12s}.modal .grid .opt:hover{border-color:#3f3f46}.modal .grid .opt:active{background:#2a2a2a;transform:scale(.96)}.modal .actions{gap:6px;margin-top:12px;display:flex}.rotate-hint{display:none}@media (orientation:portrait){#rec-screen:not(.role-scorer) .rotate-hint{z-index:250;text-align:center;color:#fff;background:#0a0a0af7;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:16px;display:flex;position:fixed;inset:0}.rotate-hint .icon{font-size:64px;animation:1.6s ease-in-out infinite alternate rot}}@keyframes rot{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}.role-scorer .rotate-hint{display:none!important}button{touch-action:manipulation}