:root{--bg-darkest: #050811;--bg-darker: #090e1a;--bg-dark: #0f172a;--bg-surface: #1e293b;--bg-surface-elevated: #283548;--bg-glass: rgba(15, 23, 42, .75);--bg-glass-elevated: rgba(30, 41, 59, .85);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(249, 115, 22, .3);--border-accent: rgba(59, 130, 246, .4);--accent-orange: #f97316;--accent-orange-glow: rgba(249, 115, 22, .4);--accent-yellow: #facc15;--accent-yellow-glow: rgba(250, 204, 21, .4);--accent-blue: #3b82f6;--accent-blue-glow: rgba(59, 130, 246, .4);--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-red: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 4px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .65);--shadow-glow: 0 0 20px var(--accent-orange-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b0f19b3}::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:6px;border:2px solid rgba(11,15,25,.7)}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) rgba(11,15,25,.7)}html,body{height:100%;height:100vh;height:100dvh;overflow:hidden}#root{width:100%;height:100%;height:100dvh;overflow:hidden;position:relative}body{font-family:var(--font-family);background-color:var(--bg-darkest);color:var(--text-main);display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.app-header{height:64px;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;flex-shrink:0}.brand-section{display:flex;align-items:center;gap:12px}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-orange),var(--accent-yellow));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px var(--accent-orange-glow);font-size:20px}.brand-meta{display:flex;flex-direction:column}.brand-title{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--text-main);display:flex;align-items:center;gap:8px}.brand-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;background:#f9731626;border:1px solid var(--accent-orange);color:var(--accent-orange);border-radius:var(--radius-full)}.room-status{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--accent-green);box-shadow:0 0 8px #10b981b3;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.header-center{display:flex;align-items:center;justify-content:center;gap:8px}.tactical-toggle-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);padding:8px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.tactical-toggle-btn .btn-icon{font-size:16px;transition:transform var(--transition-fast)}.tactical-toggle-btn:hover{color:var(--text-main);background:var(--bg-surface-elevated);border-color:var(--border-glow)}.tactical-toggle-btn:hover .btn-icon{transform:scale(1.15) rotate(15deg)}.tactical-toggle-btn.active{background:linear-gradient(135deg,#f9731640,#facc1533);border-color:var(--accent-orange);color:#fff;box-shadow:0 0 16px var(--accent-orange-glow)}.close-board-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-dim);width:26px;height:26px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.close-board-btn:hover{color:#fff;background:#ef444433;border-color:var(--accent-red)}.header-right{display:flex;align-items:center;gap:14px}.voice-bar{display:flex;align-items:center;gap:10px;background:var(--bg-surface);padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.voice-ptt-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.voice-ptt-btn.active{background:var(--accent-green);color:#000;box-shadow:0 0 12px #10b98199}.mic-settings-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:220px;max-width:calc(100vw - 16px);max-height:calc(100vh - 60px);overflow-y:auto;padding:12px;border-radius:var(--radius-md);z-index:250;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:0 12px 32px #000000bf}@media (max-width: 600px){.mic-settings-dropdown{right:-60px!important;max-width:85vw!important}}.participant-chip{position:relative;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--accent-blue);color:#fff;border:2px solid transparent;transition:all var(--transition-fast)}.participant-chip.speaking{border-color:var(--accent-green);box-shadow:0 0 10px var(--accent-green)}.app-main{flex:1 1 0%;display:flex;position:relative;overflow:hidden;height:calc(100vh - 64px);min-height:0}.workspace-container{flex:1;display:flex;width:100%;height:100%;min-height:0;min-width:0;overflow:hidden;background:#000;position:relative}.view-split{display:flex;width:100%;height:100%}.view-split .video-pane{flex:1;min-width:0;min-height:0;width:50%;border-right:1px solid var(--border-subtle);transition:width var(--transition-normal)}.view-split .board-pane{flex:1;min-width:0;min-height:0;width:50%;display:flex;transition:width var(--transition-normal)}.view-video-only{display:flex;width:100%;height:100%}.view-video-only .video-pane{flex:1;width:100%;min-width:0;min-height:0;border-right:none}.view-video-only .board-pane,.view-board-only .video-pane{display:none!important}.view-board-only .board-pane{flex:1;width:100%;min-width:0;min-height:0;display:flex}.video-pane{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;background:var(--bg-darkest);position:relative;overflow:hidden}.video-stage-wrapper{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden;padding:8px 12px}.stage-aspect-box{position:relative;box-shadow:var(--shadow-lg);background:#030712;border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;aspect-ratio:16 / 9}video#mainVideo{width:100%;height:100%;object-fit:contain;display:block}canvas#telestratorCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;cursor:default;z-index:10}canvas#laserCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:12}.player-controls-bar{background:var(--bg-darker);border-top:1px solid var(--border-subtle);padding:10px 18px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;z-index:30}.timeline-row{display:flex;align-items:center;gap:8px;width:100%}.fullscreen-btn{display:inline-flex;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.sync-label-short{display:none}.sync-label-full{display:inline}.fullscreen-btn:hover{background:#facc1540!important;color:var(--accent-yellow)!important;border-color:var(--accent-yellow)!important}.timeline-container{display:flex;align-items:center;position:relative;width:100%;height:18px;cursor:pointer}.timeline-track{width:100%;height:6px;background:#ffffff1a;border-radius:var(--radius-full);position:relative;overflow:visible;transition:height var(--transition-fast)}.timeline-container:hover .timeline-track{height:8px}.timeline-progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--accent-orange),var(--accent-yellow));border-radius:var(--radius-full);width:0%}.timeline-handle{position:absolute;top:50%;right:0;transform:translate(50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 6px #000c}.timeline-marker{position:absolute;top:-3px;width:6px;height:12px;background:var(--accent-cyan);border-radius:2px;transform:translate(-50%);cursor:pointer;z-index:5;transition:transform var(--transition-fast)}.timeline-marker:hover{transform:translate(-50%) scale(1.4);background:#fff}.controls-row{display:flex;align-items:center;justify-content:space-between}.controls-left,.controls-center,.controls-right{display:flex;align-items:center;gap:8px}.ctrl-btn{background:transparent;border:1px solid transparent;color:var(--text-main);padding:6px 10px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition-fast)}.ctrl-btn:hover{background:var(--bg-surface);border-color:var(--border-subtle)}.ctrl-btn-primary{background:var(--accent-orange);color:#fff;padding:8px 18px;border-radius:var(--radius-full);box-shadow:0 0 12px var(--accent-orange-glow)}.ctrl-btn-primary:hover{background:#ea580c;box-shadow:0 0 16px #ea580c99}.play-pause-btn{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;box-shadow:0 0 14px var(--accent-orange-glow);transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.play-pause-btn:hover{transform:scale(1.06)}.play-pause-btn:active{transform:scale(.95)}.play-pause-btn svg{display:block}.timecode-display{font-family:"JetBrains Mono",monospace,var(--font-family);font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.04em;padding:0 8px}.timecode-display span.current{color:var(--text-main)}.speed-chips{display:flex;align-items:center;gap:4px;background:var(--bg-surface);padding:3px 6px;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.speed-chip{background:transparent;border:none;color:var(--text-dim);font-size:11px;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.speed-chip:hover{color:var(--text-main)}.speed-chip.active{background:var(--accent-orange);color:#fff;box-shadow:0 0 8px var(--accent-orange-glow)}.board-pane{background:var(--bg-dark);display:flex;flex-direction:column;position:relative;overflow:hidden}.board-header{padding:10px 16px;background:var(--bg-darker);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.board-title-group{display:flex;align-items:center;gap:8px}.board-title{font-size:14px;font-weight:700}.court-type-toggle{display:flex;background:var(--bg-surface);padding:2px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.court-type-btn{background:transparent;border:none;color:var(--text-dim);padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.court-type-btn.active{background:var(--bg-surface-elevated);color:var(--text-main)}.admin-board-toggle{display:inline-flex;align-items:center;gap:7px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:4px 10px;border-radius:var(--radius-md);font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.admin-board-toggle:hover{background:var(--bg-surface-elevated);border-color:var(--accent-yellow);color:var(--text-main)}.admin-board-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.court-container{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#1e293b,#0f172a)}.court-svg-wrapper{position:relative;max-width:100%;max-height:100%;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000080;display:flex;align-items:center;justify-content:center;margin:auto}.basketball-court-svg{width:100%;height:100%;max-width:600px;max-height:500px;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000080;background:#111827;border:2px solid #374151;position:relative;-webkit-user-select:none;user-select:none}.tactical-piece{position:absolute;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;cursor:grab;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);transition:box-shadow var(--transition-fast),transform .05s ease-out;z-index:10}.tactical-piece:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);z-index:20}.tactical-piece.attack{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:2px solid #60a5fa;box-shadow:0 2px 8px #3b82f680}.tactical-piece.defense{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:2px solid #f87171;box-shadow:0 2px 8px #ef444480}.tactical-piece.ball{background:#f97316;font-size:18px;width:26px;height:26px;border:2px solid #ffedd5;box-shadow:0 0 10px #f97316cc;z-index:15}.tactical-piece.has-ball:after{content:"🏀";position:absolute;top:-8px;right:-8px;font-size:14px}.board-footer{padding:10px 16px;background:var(--bg-darker);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.phase-tabs{display:flex;align-items:center;gap:6px}.phase-tab{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-dim);padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.phase-tab.active{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.app-sidebar{position:absolute;top:0;right:0;width:380px;max-width:90vw;height:100%;background:#0b0f19f2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--border-subtle);box-shadow:-10px 0 40px #000000b3;display:flex;flex-direction:column;overflow:hidden;z-index:140;transform:translate(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);pointer-events:none}.app-sidebar.open{transform:translate(0);pointer-events:auto}.close-sidebar-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-dim);width:26px;height:26px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.close-sidebar-btn:hover{color:#fff;background:#ef444433;border-color:var(--accent-red)}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.moments-count-badge{background:var(--bg-surface);color:var(--text-muted);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.search-input-wrapper{position:relative;width:100%}.search-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);padding:8px 12px 8px 32px;border-radius:var(--radius-md);font-size:12px;outline:none;transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--accent-blue)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:13px}.tag-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.tag-filter-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px;padding:3px 8px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.tag-filter-chip.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.moments-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.moment-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:8px}.moment-card:hover{background:var(--bg-surface-elevated);border-color:var(--accent-orange);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.glass-panel{background:#151c2e;background-color:#151c2efa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);color:var(--text-main);box-shadow:0 16px 36px #000000bf}.moment-card.active{border-color:var(--accent-orange);box-shadow:0 0 10px var(--accent-orange-glow)}.moment-meta-row{display:flex;align-items:center;justify-content:space-between}.moment-timecode{font-family:"JetBrains Mono",monospace,var(--font-family);font-size:12px;font-weight:700;color:var(--accent-yellow);background:#facc151a;padding:2px 6px;border-radius:4px}.moment-meta-actions{display:flex;align-items:center;gap:8px}.moment-author{font-size:11px;color:var(--text-dim)}.moment-delete-btn{background:transparent;border:1px solid transparent;color:var(--text-dim);font-size:13px;cursor:pointer;padding:2px 5px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);line-height:1}.moment-delete-btn:hover{color:#fff;background:#ef444440;border-color:var(--accent-red);transform:scale(1.15)}.moment-tags{display:flex;flex-wrap:wrap;gap:4px}.moment-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff0f;color:var(--text-muted)}.moment-comment{font-size:12px;color:var(--text-main);line-height:1.4}.moment-author{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:4px}.sidebar-footer{padding:14px;border-top:1px solid var(--border-subtle);background:var(--bg-darkest);display:flex;gap:8px}.btn-export{flex:1;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);padding:8px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition-fast)}.btn-export:hover{background:var(--bg-surface-elevated);border-color:var(--accent-blue)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-window{background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:90%;max-width:520px;box-shadow:var(--shadow-lg);overflow:hidden;transform:scale(.95);transition:transform var(--transition-fast)}.modal-backdrop.open .modal-window{transform:scale(1)}.modal-header{padding:16px 20px;background:var(--bg-darker);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:16px;font-weight:700}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--text-muted)}.form-input,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);padding:10px 12px;border-radius:var(--radius-md);font-size:13px;outline:none;font-family:inherit}.form-input:focus,.form-textarea:focus{border-color:var(--accent-orange)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;background:var(--bg-darker);border-top:1px solid var(--border-subtle)}@media print{body{background:#fff;color:#000;overflow:visible}.app-header,.telestrator-toolbar,.player-controls-bar,.app-sidebar,.court-type-toggle,.phase-tabs{display:none!important}.app-main{height:auto;display:block}.print-report-container{display:block!important;padding:20px}}.participant-chip{width:34px;height:34px;-webkit-user-select:none;user-select:none}.participant-chip.is-leader{border-color:var(--accent-orange);box-shadow:0 0 10px var(--accent-orange-glow)}.participant-chip.admin-clickable{cursor:pointer}.participant-chip.admin-clickable:hover{transform:scale(1.12);border-color:var(--accent-yellow)}.participant-chip-badge{position:absolute;bottom:-4px;right:-4px;font-size:10px;line-height:1;background:var(--bg-darkest);border-radius:999px;padding:1px 2px}.participant-chip-mic{position:absolute;top:-4px;right:-4px;font-size:9px;line-height:1;background:var(--bg-darkest);border-radius:999px;padding:1px 2px}.role-status-badge{font-size:11px;font-weight:700;padding:4px 8px;border-radius:var(--radius-sm);background:var(--bg-surface-elevated);color:var(--text-muted);white-space:nowrap}.role-status-badge.leader{background:#f9731633;border:1px solid var(--accent-orange);color:var(--accent-yellow)}.role-status-badge.admin-only{background:#3b82f633;border:1px solid var(--accent-blue);color:#93c5fd}.role-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.role-badge-admin{background:#eab3082e;border:1px solid rgba(234,179,8,.45);color:var(--accent-yellow)}.role-badge-leader{background:#f9731633;border:1px solid var(--accent-orange);color:#ff9d54}.role-badge-viewer{background:#94a3b81f;border:1px solid rgba(148,163,184,.25);color:var(--text-muted)}.main-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(circle at 20% 10%,#151c2e,#0b0f19 65%,#070a10);display:block;overflow-y:auto;overflow-x:hidden;padding:28px 20px 80px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.main-menu-overlay.hidden{display:none}.main-menu-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.main-menu-header{display:flex;align-items:center;justify-content:space-between;background:#151c2ed9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 24px;box-shadow:var(--shadow-md)}.main-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-card{background:#151c2ed9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-md)}.menu-card-title{font-size:15px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.menu-name-input{font-size:14px;font-weight:600;padding:11px 14px}.menu-name-input.input-error{border-color:var(--accent-red)!important;box-shadow:0 0 12px #ef444459}.menu-name-error{font-size:12px;font-weight:600;color:#f87171;background:#ef44441f;border:1px solid rgba(239,68,68,.35);padding:6px 10px;border-radius:var(--radius-sm)}.menu-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--border-subtle)}.menu-admin-btn{padding:8px 14px;font-size:12px;font-weight:700;white-space:nowrap}.menu-admin-btn.active{background:linear-gradient(135deg,var(--accent-yellow),var(--accent-orange));color:#0b0f19;border-color:var(--accent-yellow);box-shadow:0 0 16px #facc1559}.mic-meter-box{background:var(--bg-darkest);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px}.mic-meter-bar{width:100%;height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.mic-meter-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-yellow),var(--accent-orange));border-radius:999px;transition:width .06s linear}.mic-meter-status{font-size:11px;color:var(--text-dim);font-family:JetBrains Mono,monospace}.admin-create-room-panel{border-color:#facc1573;background:linear-gradient(135deg,#facc1512,#151c2ee6)}.create-room-form{display:flex;gap:10px;flex-wrap:wrap}.menu-rooms-section{display:flex;flex-direction:column;gap:14px}.menu-rooms-header{display:flex;align-items:center;justify-content:space-between}.rooms-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.room-card{background:#151c2ee6;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all var(--transition-fast)}.room-card:hover{border-color:var(--accent-orange);transform:translateY(-2px);box-shadow:0 8px 24px #00000073}.room-card-title{font-size:15px;font-weight:700;color:var(--text-main);line-height:1.35}.room-card-meta{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-muted)}.room-card-badges{display:flex;flex-wrap:wrap;gap:8px}.room-stat-pill{background:var(--bg-darkest);border:1px solid var(--border-subtle);padding:4px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--text-muted)}.room-card-actions{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.btn-delete-room{background:#ef444424;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:7px 11px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-delete-room:hover{background:var(--accent-red);color:#fff}.board-tools-bar{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-darker);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.board-tool-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);padding:5px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.board-tool-btn:hover{color:var(--text-main);background:var(--bg-surface-elevated)}.board-tool-btn.active{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.board-color-btn{width:20px;height:20px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast)}.board-color-btn.active{transform:scale(1.22);border-color:#fff}.board-readonly-badge{font-size:11px;font-weight:600;color:var(--text-muted);background:#ffffff0f;border:1px solid var(--border-subtle);padding:3px 8px;border-radius:var(--radius-full)}.board-readonly .tactical-piece{cursor:default!important}.tactical-piece.ball-piece{width:28px;height:28px;background:radial-gradient(circle at 35% 30%,#fb923c,#ea580c 70%,#9a3412);border:2px solid #fff;box-shadow:0 3px 10px #000000a6,0 0 12px #f973168c;font-size:16px;line-height:1;z-index:25}.tactical-piece.ball-piece.dragging{transform:translate(-50%,-50%) scale(1.25);z-index:35}.phase-tabs-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.phase-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.phase-add-btn{background:#facc1524;border:1px dashed var(--accent-yellow);color:var(--accent-yellow);padding:4px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.phase-add-btn:hover{background:var(--accent-yellow);color:#0b0f19}.tactics-dropdown-wrapper{position:relative}.tactics-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;width:310px;max-height:380px;overflow-y:auto;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 12px 32px #000000bf;padding:10px;z-index:180;display:none;flex-direction:column;gap:8px}.tactics-dropdown-menu.open{display:flex}.tactics-dropdown-section{display:flex;flex-direction:column;gap:4px}.tactics-dropdown-header{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;padding:2px 6px}.tactics-dropdown-list{display:flex;flex-direction:column;gap:4px}.tactics-dropdown-divider{height:1px;background:var(--border-subtle);margin:4px 0}.tactic-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:7px 10px;cursor:pointer;transition:all var(--transition-fast)}.tactic-menu-item:hover{background:var(--bg-surface-elevated);border-color:var(--accent-orange)}.tactic-menu-item-title{font-size:12px;font-weight:600;color:var(--text-main);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tactic-menu-item-meta{font-size:10px;color:var(--text-dim)}.tactic-delete-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px}.tactic-delete-btn:hover{background:#ef444433;color:#f87171}.tactics-empty{font-size:11px;color:var(--text-dim);padding:6px 8px;font-style:italic}.tactic-scope-option{display:flex;align-items:flex-start;gap:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;transition:border-color var(--transition-fast)}.tactic-scope-option:hover{border-color:var(--accent-orange)}.tactic-scope-option input[type=radio]{margin-top:3px;accent-color:var(--accent-orange)}.tactical-piece.attack{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:2.5px solid #93c5fd;color:#fff;box-shadow:0 4px 10px #000000a6,0 0 0 1px #0b192ee6;font-weight:800}.tactical-piece.defense{background:linear-gradient(135deg,#ef4444,#b91c1c);border:2.5px solid #fca5a5;color:#fff;box-shadow:0 4px 10px #000000a6,0 0 0 1px #0b192ee6;font-weight:800}.basketball-court-svg{max-width:none!important;max-height:none!important;width:100%!important;height:100%!important;border:none!important}.live-badge-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.live-badge-btn:hover{background:#ef44442e;border-color:#ef4444;color:#fff}.live-badge-btn .live-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;transition:all var(--transition-fast)}.live-badge-btn.at-live{background:#ef444438;border-color:#ef4444;color:#fff;box-shadow:0 0 12px #ef444459}.live-badge-btn.at-live .live-dot{background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulse-live-dot 1.4s infinite ease-in-out}.live-badge-btn.behind-live{background:#f9731629;border-color:var(--accent-orange);color:var(--accent-yellow)}.live-badge-btn.behind-live:hover{background:#f9731647;border-color:#f97316;color:#fff}.live-badge-btn.behind-live .live-dot{background:var(--accent-orange)}@keyframes pulse-live-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.55}}.chat-edge-tab{position:absolute;top:50%;left:0;transform:translateY(-50%);background:var(--bg-glass-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;z-index:120;box-shadow:4px 0 18px #00000080;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.chat-edge-tab:hover{background:var(--bg-surface-elevated);border-color:var(--accent-blue);box-shadow:6px 0 24px #3b82f659;padding-left:12px}.chat-edge-tab .edge-icon{font-size:16px}.chat-edge-tab .edge-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.chat-edge-tab:hover .edge-label{color:var(--text-main)}.chat-edge-tab .edge-badge{background:var(--accent-blue);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.chat-edge-tab.has-unread{border-color:var(--accent-yellow);box-shadow:6px 0 24px #facc1573}.chat-edge-tab.has-unread .edge-badge{background:var(--accent-orange);animation:pulse-live-dot 1.2s infinite ease-in-out}.chat-sidebar{position:absolute;top:0;left:0;width:360px;max-width:90vw;height:100%;background:#0b0f19f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--border-subtle);box-shadow:10px 0 40px #000000bf;display:flex;flex-direction:column;overflow:hidden;z-index:145;transform:translate(-100%);transition:transform .32s cubic-bezier(.16,1,.3,1);pointer-events:none}.chat-sidebar.open{transform:translate(0);pointer-events:auto}.chat-messages-list{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.chat-empty-state{margin:auto 0;text-align:center;font-size:12px;color:var(--text-dim);padding:24px 12px}.chat-msg-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px 12px;display:flex;flex-direction:column;gap:5px;max-width:92%;align-self:flex-start}.chat-msg-card.my-msg{align-self:flex-end;background:#2563eb29;border-color:#3b82f673}.chat-msg-card.role-admin{border-left:3px solid var(--accent-yellow)}.chat-msg-card.role-leader{border-left:3px solid var(--accent-orange)}.chat-msg-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-msg-author{font-size:11px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:5px}.chat-msg-role-pill{font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;background:#facc1526;color:var(--accent-yellow)}.chat-msg-time{font-size:10px;color:var(--text-dim);font-family:JetBrains Mono,monospace}.chat-msg-text{font-size:12.5px;color:var(--text-main);line-height:1.42;word-break:break-word;white-space:pre-wrap}.chat-msg-timecode-btn{align-self:flex-start;background:#facc151f;border:1px solid rgba(250,204,21,.35);color:var(--accent-yellow);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.chat-msg-timecode-btn:hover{background:var(--accent-yellow);color:#0b0f19}.chat-footer{padding:10px 12px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-darkest);display:flex;flex-direction:column;gap:8px}.chat-options-row{display:flex;align-items:center;justify-content:space-between}.chat-timecode-toggle{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.chat-timecode-toggle input{accent-color:var(--accent-yellow)}.chat-input-row{display:flex;gap:6px;align-items:center}.chat-input{flex:1;padding:8px 11px;font-size:12.5px}.chat-send-btn{padding:8px 13px;font-size:13px;font-weight:800}.modal-backdrop{z-index:650!important}.create-room-tags-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.preset-room-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.room-tag-select-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.room-tag-select-chip:hover{color:var(--text-main);border-color:var(--accent-yellow)}.room-tag-select-chip.active{background:#facc152e;border-color:var(--accent-yellow);color:var(--accent-yellow);box-shadow:0 0 10px #facc1540}.menu-rooms-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#151c2ebf;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px}.menu-room-tag-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.room-filter-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.room-filter-chip:hover{color:var(--text-main);background:var(--bg-surface-elevated)}.room-filter-chip.active{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff;box-shadow:0 0 12px var(--accent-orange-glow)}.room-card.permanent-tactics-room{background:linear-gradient(135deg,#2563eb29,#151c2ef2 65%,#facc151a);border-color:#facc158c;box-shadow:0 6px 22px #00000073,0 0 16px #facc151f}.permanent-room-ribbon{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0b0f19;background:linear-gradient(135deg,var(--accent-yellow),#f59e0b);padding:2px 8px;border-radius:var(--radius-full);margin-bottom:6px}.room-tags-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.room-tag-badge{background:#3b82f624;border:1px solid rgba(59,130,246,.35);color:#93c5fd;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.room-tag-badge:hover{background:var(--accent-blue);color:#fff}.menu-tactics-catalog-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.menu-tactic-catalog-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;transition:all var(--transition-fast)}.menu-tactic-catalog-card:hover{border-color:var(--accent-orange);background:var(--bg-surface-elevated)}.create-room-passwords-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.btn-edit-room{background:#3b82f624;border:1px solid rgba(59,130,246,.4);color:#93c5fd;padding:7px 11px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:4px}.btn-edit-room:hover{background:var(--accent-blue);color:#fff}.menu-header-btn{padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:var(--radius-md);transition:all var(--transition-fast)}.menu-header-btn:hover{transform:translateY(-1px)}.menu-btn-text-full{display:inline}.menu-btn-text-short{display:none}.header-action-btn,.board-action-btn{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}@media (max-width: 960px),(max-height: 600px){.app-header{height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 8px!important;flex-wrap:nowrap!important;gap:6px!important;align-items:center!important;overflow:visible!important}.brand-section{gap:6px!important;flex-shrink:0!important}#backToMenuBtn{padding:4px 6px!important;font-size:11px!important;min-width:28px!important;height:28px!important}.brand-logo{width:24px!important;height:24px!important;font-size:13px!important;border-radius:var(--radius-sm)!important}.brand-title{font-size:12px!important;gap:4px!important}.brand-badge{display:none!important}.brand-meta div:nth-child(2){display:none!important}.room-status{display:none!important}.header-center{order:0!important;width:auto!important;display:flex!important;gap:6px!important;margin-top:0!important;justify-content:center!important;flex-shrink:0!important}.tactical-toggle-btn{padding:4px 8px!important;font-size:11px!important;flex:initial!important;min-width:auto!important;height:28px!important;justify-content:center!important;display:inline-flex!important;align-items:center!important}.header-btn-text{display:none!important}.header-action-btn{padding:4px 6px!important;font-size:11px!important;min-width:28px!important;height:28px!important;justify-content:center!important;display:inline-flex!important;align-items:center!important}.board-action-btn{padding:3px 6px!important;font-size:10px!important;height:26px!important;min-width:auto!important}.menu-header-btn{padding:6px 10px!important;font-size:11.5px!important;gap:4px!important}@media (max-width: 520px){.menu-btn-text-full{display:none!important}.menu-btn-text-short{display:inline!important}}.fullscreen-btn-label{display:none!important}.fullscreen-btn{padding:3px 6px!important}.header-right{gap:4px!important;margin-left:auto!important;flex-shrink:0!important;display:flex!important;align-items:center!important}#pttBtn,.voice-ptt-btn,#headerUserNameLabel,#becomeLeaderBtn,#claimAdminBtn,#menuBecomeAdminBtn,.role-control-box{display:none!important}.voice-bar{padding:2px 4px!important;gap:2px!important;background:transparent!important;border:none!important}.voice-users-count{font-size:10px!important}.header-right .ctrl-btn{padding:4px 6px!important;font-size:11px!important;min-width:28px!important;height:28px!important}.workspace-container.view-split .video-pane{display:none!important}.workspace-container.view-split .board-pane{display:flex!important;width:100%!important;height:100%!important;min-height:0!important;border:none!important}.telestrator-toolbar,#telestratorToolbar{display:none!important}canvas#telestratorCanvas{pointer-events:none!important;touch-action:manipulation}.court-container{padding:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;flex:1!important;min-height:0!important;min-width:0!important}.court-svg-wrapper{max-width:100%!important;max-height:100%!important;margin:auto!important;box-shadow:0 4px 20px #0009!important}#boardToolsBar,.board-tools-bar{display:flex!important;padding:4px 6px!important;gap:4px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-shrink:0!important;background:#0b0f19f2!important}.board-tools-bar::-webkit-scrollbar{display:none!important}.board-tool-btn{padding:3px 6px!important;font-size:10px!important;height:24px!important;white-space:nowrap!important;flex-shrink:0!important}.board-color-btn{width:16px!important;height:16px!important;flex-shrink:0!important}#boardDrawCanvas{touch-action:none!important}.tactical-piece{width:22px!important;height:22px!important;font-size:10px!important;border-width:1.5px!important;box-shadow:0 1px 4px #0009!important;-webkit-user-select:none!important;user-select:none!important;touch-action:none!important}.tactical-piece.ball-piece{width:17px!important;height:17px!important;font-size:10px!important;border-width:1.5px!important;box-shadow:0 2px 6px #0009!important}.tactical-piece.has-ball:after{font-size:10px!important;top:-5px!important;right:-5px!important}.board-action-btn{padding:3px 6px!important;font-size:10px!important;height:26px!important}.board-header{padding:6px 10px;gap:6px;flex-wrap:wrap}.board-title{font-size:13px}.court-type-toggle .court-type-btn{padding:3px 8px;font-size:10.5px}.tactics-dropdown-wrapper .ctrl-btn{padding:3px 8px;font-size:11px}.phase-tabs-row{gap:4px}.phase-tab{padding:3px 7px;font-size:10.5px}#playCombinationBtn{padding:4px 10px;font-size:11px}.board-footer{padding:6px 10px max(20px,env(safe-area-inset-bottom,20px))!important;gap:6px!important;flex-wrap:nowrap!important;flex-shrink:0!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:space-between!important}.video-pane{min-height:0!important;flex:1!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}.stage-area-wrapper{flex:1!important;min-height:0!important;min-width:0!important;padding:6px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}.video-container-box{max-width:100%!important;max-height:100%!important;margin:auto!important}.sync-label-full{display:none!important}.sync-label-short{display:inline!important}.player-controls-bar{display:flex!important;flex-direction:column!important;flex-shrink:0!important;padding:6px 10px max(24px,env(safe-area-inset-bottom,24px))!important;gap:4px!important;z-index:30!important;background:#0b0f19f5!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-top:1px solid var(--border-subtle)!important}.timeline-row{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important}.player-controls-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:2px!important}.player-controls-row::-webkit-scrollbar{display:none!important}.controls-left{display:flex!important;align-items:center!important;gap:4px!important;flex-shrink:0!important;flex-wrap:nowrap!important}.controls-center{display:inline-flex!important;align-items:center!important;flex-shrink:0!important}.controls-right{display:flex!important;align-items:center!important;gap:4px!important;flex-shrink:0!important;margin-left:auto!important}#stepBackBtn,#stepForwardBtn,#openFileBtn,#saveMomentBtn .btn-text{display:none!important}#saveMomentBtn{padding:4px 8px!important;font-size:11px!important}.speed-chips{display:inline-flex!important;gap:2px!important;padding:2px 4px!important}.speed-chip{padding:2px 4px!important;font-size:10px!important}.ctrl-btn{padding:4px 7px;font-size:11.5px}.ctrl-btn-primary{padding:5px 10px;font-size:11.5px}.timecode-display{font-size:10.5px;padding:2px 4px}.app-sidebar,.chat-sidebar{width:90vw!important;max-width:380px!important}.chat-edge-tab{bottom:78px;top:auto;font-size:12px;padding:6px 10px}.main-menu-overlay{padding:8px}.main-menu-container{width:96vw!important;max-height:none!important;padding:14px 10px 60px!important;gap:12px}.main-menu-header{flex-direction:column;align-items:flex-start;gap:8px}.main-menu-grid{grid-template-columns:1fr!important;gap:10px}.menu-card{padding:14px 12px;gap:10px}.menu-rooms-filter-bar{flex-direction:column;align-items:flex-start;gap:8px}.preset-room-tags{gap:4px}.modal-dialog{width:94vw!important;max-width:94vw!important;max-height:90vh!important;padding:16px 12px!important;overflow-y:auto}}@media screen and (max-height: 600px) and (orientation: landscape),screen and (max-height: 520px){.app-header{height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 6px!important;gap:4px!important;flex-shrink:0!important;overflow:visible!important}.brand-logo{width:20px!important;height:20px!important;font-size:11px!important}.brand-title{font-size:11px!important}.header-center{margin-top:0!important;order:0!important}.tactical-toggle-btn,#backToMenuBtn{height:24px!important;padding:2px 6px!important;font-size:10px!important}.header-right .ctrl-btn,.header-action-btn{height:24px!important;padding:2px 5px!important;font-size:10px!important}.board-header{height:30px!important;min-height:30px!important;max-height:30px!important;padding:0 6px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;flex-shrink:0!important}.board-tools-bar{height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 4px!important;gap:2px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;flex-shrink:0!important}.board-tool-btn{padding:2px 4px!important;font-size:10px!important;height:22px!important;width:22px!important;min-width:22px!important}.stage-area-wrapper{padding:2px 4px!important;flex:1!important;min-height:0!important}.video-container-box{max-height:100%!important;max-width:100%!important;margin:auto!important}.court-container{padding:2px!important;flex:1!important;min-height:0!important;min-width:0!important}.court-svg-wrapper{max-width:100%!important;max-height:100%!important;margin:auto!important}.board-footer{height:30px!important;min-height:30px!important;max-height:30px!important;padding:0 6px max(6px,env(safe-area-inset-bottom,6px))!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;flex-shrink:0!important}#playCombinationBtn{font-size:10px!important;padding:2px 6px!important;height:24px!important;min-height:24px!important;display:inline-flex!important;align-items:center!important}.player-controls-bar{padding:2px 6px max(8px,env(safe-area-inset-bottom,8px))!important;gap:2px!important;flex-shrink:0!important}.play-pause-btn{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}.ctrl-btn{padding:2px 5px!important;font-size:10px!important}.speed-chips{padding:1px 3px!important;gap:1px!important}.speed-chip{padding:1px 3px!important;font-size:9px!important}.timeline-row{gap:4px!important}}@media print{@page{size:A4 landscape;margin:10mm}body *{visibility:hidden}.match-report-container,#printable-report,#printable-report *{visibility:visible!important}.match-report-container{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;background:#fff!important;color:#000!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}#printable-report{background:#fff!important;color:#1e293b!important;padding:0!important}.no-print{display:none!important}.report-moment-card{background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#0f172a!important;page-break-inside:avoid!important;margin-bottom:16px!important}.report-input-title{color:#000!important}.report-textarea{background:#f1f5f9!important;color:#0f172a!important;border:1px solid #cbd5e1!important}}