:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Arial Narrow", "Roboto Condensed", "Segoe UI", ui-sans-serif, sans-serif;font-family:var(--font-ui);color:#f8fafc;background:#080b10}*{box-sizing:border-box}html,body{background:#080b10;min-height:100%;margin:0}body{min-height:100vh}button,select,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.live-shell{--club-primary:#00a0e3;--club-secondary:#08111b;background:radial-gradient(circle at 72% 14%, color-mix(in srgb, var(--club-primary) 18%, transparent), transparent 29rem), linear-gradient(180deg, color-mix(in srgb, var(--club-secondary) 88%, #18212d) 0%, color-mix(in srgb, var(--club-secondary) 92%, #000) 100%);min-height:100vh}.live-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05080ddb;border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px clamp(16px,3vw,42px);display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-crown{flex:none;place-items:center;width:42px;height:30px;display:grid}.brand-crown img{object-fit:contain;width:42px;height:30px;display:block}.club-environment-crest{object-fit:contain;background:#fffffff0;border-radius:9px;width:38px;height:38px;padding:3px;box-shadow:0 4px 18px #0000003d}.brand-title{font-family:var(--font-display);letter-spacing:.035em;white-space:nowrap;font-size:clamp(15px,2vw,20px);font-weight:900}.brand-title span{color:var(--club-primary)}.brand-subtitle{color:#8fa0b3;letter-spacing:.18em;margin-top:3px;font-size:10px;font-weight:800}.header-status{color:#9aa9b9;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#31c48d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #31c48db3}.live-main{padding:clamp(14px,2.5vw,30px)}.studio-grid{grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:18px;max-width:1680px;margin:0 auto;display:grid}.panel{background:#111822db;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 18px 55px #0000003d}.side-panel{flex-direction:column;gap:18px;padding:16px;display:flex}.panel-kicker{color:var(--club-primary);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.panel-title{font-family:var(--font-display);margin:5px 0 0;font-size:23px;font-weight:900;line-height:1.05}.control-section{gap:8px;display:grid}.control-label{color:#8494a6;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:800}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.control-button{appearance:none;color:#d7e0e9;cursor:pointer;background:#111923;border:1px solid #94a3b826;border-radius:11px;min-height:40px;padding:8px 10px;font-size:12px;font-weight:800;transition:all .14s}.control-button:hover{border-color:var(--club-primary)}.control-button.active{border-color:var(--club-primary);color:#fff;background:color-mix(in srgb, var(--club-primary) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--club-primary) 25%, transparent)}.control-button.danger{color:#f7b8b8}.appearance-section{border-top:1px solid #94a3b81a;padding-top:14px}.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:2px;display:grid}.appearance-field{color:#9aa9b9;gap:5px;font-size:10px;font-weight:800;display:grid}.appearance-field.wide{grid-column:1/-1}.appearance-field input[type=color]{cursor:pointer;background:#0c121a;border:1px solid #94a3b82e;border-radius:8px;width:100%;min-height:32px;padding:2px}.appearance-field select{color:#dbe6ef;background:#0c121a;border:1px solid #94a3b82e;border-radius:8px;min-height:34px;padding:6px 8px}.file-button,.mini-button{color:#dbe6ef;cursor:pointer;text-align:center;background:#0c121a;border:1px solid #94a3b82e;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:900}.file-button input{display:none}.mini-button{width:100%;margin-top:4px}.mini-button.inline{min-height:28px;margin-top:0;padding:4px 7px}.workspace-panel{min-width:0;overflow:hidden}.workspace-toolbar{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex}.tool-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tool-button{color:#dbe6ef;letter-spacing:.03em;cursor:pointer;background:#0c121a;border:1px solid #94a3b826;border-radius:10px;min-height:38px;padding:8px 12px;font-size:11px;font-weight:900}.tool-button.active{color:#041019;background:#00a0e3;border-color:#00a0e3}.tool-button:disabled{opacity:.35;cursor:not-allowed}.court-stage-wrap{background:#0b1017;justify-content:center;align-items:center;padding:clamp(6px,1vw,12px);display:flex;overflow:auto}.court-scroll{min-width:100%;margin:0 auto;transition:width .16s}.court-stage{aspect-ratio:1653.73/981.9;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b1017;border-radius:18px;width:min(100%,168.421dvh - 303.159px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 65px #00000059}.basketball-court-visual,.interaction-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.basketball-court-visual{pointer-events:none;overflow:hidden}.basketball-court-artwork{transform-origin:50%;position:absolute;inset:0}.basketball-court-texture,.basketball-court-fill,.basketball-two-point-fill,.basketball-court-line-mask,.basketball-court-hoops{width:100%;height:100%;position:absolute;inset:0}.basketball-court-texture{z-index:1;overflow:hidden}.basketball-parquet-image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.basketball-parquet-image.rotated{width:59.374%;height:168.424%;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.basketball-court-fill{z-index:2}.basketball-two-point-fill{z-index:3}.basketball-paint-fill{z-index:4;position:absolute}.basketball-club-logo{object-fit:contain;z-index:5;filter:drop-shadow(0 2px 3px #0000002e);width:15%;height:22%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.basketball-court-line-mask{z-index:6;transform:translate(-.1px)}.basketball-court-hoops{z-index:7;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.basketball-taboosport-branding{z-index:8;background:#070c12d1;border-radius:9px;width:8.2%;min-width:54px;padding:5px 7px;position:absolute;top:1.7%;right:1.4%;box-shadow:0 4px 14px #0000002e}.basketball-taboosport-branding img{width:100%;height:auto;display:block}.interaction-svg{z-index:10;overflow:visible}.player-marker{cursor:grab;touch-action:none}.player-marker:active{cursor:grabbing}.player-label{fill:#06111a;paint-order:stroke;stroke:#fffc;stroke-width:4px;stroke-linejoin:round;font-size:13px;font-weight:900}.rotation-handle{fill:#00a0e31f;stroke:#00a0e3;stroke-width:2px;cursor:grab}.ball-hit{cursor:grab}.action-pass,.action-shot{fill:none;stroke:#00a0e3;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #000000b3)}.action-pass{stroke-dasharray:12 10}.draw-stroke{fill:none;stroke:#111827;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.draw-stroke.active{opacity:.72}.movement-path{fill:none;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.control-label-row{color:#8494a6;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.control-label-row strong{color:#dce6ef}.compact-control input[type=range]{accent-color:#00a0e3;width:100%}.engine-status{color:#9aa9b9;font-size:12px;line-height:1.6}.workspace-footer{color:#8192a5;border-top:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:11px;display:flex}.footer-state strong{color:#dce6ef}.cyan{color:#00a0e3}@media (max-width:900px){.studio-grid{grid-template-columns:1fr}.side-panel{order:2}.workspace-panel{order:1}.live-header{min-height:64px}.brand-subtitle{display:none}.court-stage{min-height:240px}}@media (max-width:560px){.live-main{padding:8px}.live-header{padding:10px 12px}.header-status span:last-child{display:none}.workspace-toolbar{flex-direction:column;align-items:flex-start}.tool-row{width:100%}.tool-button{flex:1;min-width:64px;padding:7px}.court-stage-wrap{padding:6px}.court-stage{border-radius:14px;min-height:220px}.side-panel{border-radius:14px}}