body{color:#fff;background-color:#000;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overflow:hidden}#ui-overlay{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}#ui-overlay h1{text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px #0ff,0 0 40px #0ff;margin-bottom:.5rem;font-size:4rem}#ui-overlay p{color:#aaa;margin-bottom:2rem;font-size:1.2rem}.menu-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.menu-section h2{text-shadow:0 0 10px #0ff;margin:0;font-size:2rem}.level-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.level-btn{color:#0ff;cursor:pointer;text-shadow:0 0 5px #00ffff80;background:0 0;border:2px solid #00ffff80;border-radius:12px;justify-content:center;align-items:center;width:65px;height:65px;font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;transition:all .2s ease-out;display:flex}.level-btn:hover{color:#fff;text-shadow:0 0 10px #0ff;background:#00ffff26;border-color:#0ff;transform:scale(1.05);box-shadow:0 0 15px #0ff6}.level-btn.independent{color:#f0f;text-shadow:0 0 5px #ff00ff80;border-color:#ff00ff80}.level-btn.independent:hover{color:#fff;text-shadow:0 0 10px #f0f;background:#ff00ff26;border-color:#f0f;transform:scale(1.05);box-shadow:0 0 15px #f0f6}.buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}button{color:#0ff;cursor:pointer;text-transform:uppercase;background:0 0;border:2px solid #0ff;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 0 10px #00ffff4d}button:hover{color:#000;background:#0ff;transform:scale(1.05);box-shadow:0 0 20px #0ff}.device-slot{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.device-info{background:#00ffaa14;border:1px solid #0fa6;border-radius:8px;align-items:center;gap:10px;padding:8px 16px;font-family:Orbitron,sans-serif;display:flex}.device-info .device-name{color:#0fa;letter-spacing:1px;text-shadow:0 0 6px #00ffaa80;font-size:.85rem;font-weight:700}.device-info .device-name:before{content:"●";color:#0fa;text-shadow:0 0 8px #0fa;margin-right:6px;animation:2s infinite blink-dot}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.btn-reconnect{color:#aaa;cursor:pointer;text-transform:uppercase;box-shadow:none;background:0 0;border:1px solid #888;border-radius:4px;padding:4px 12px;font-size:.7rem;font-weight:600;transition:all .2s}.btn-reconnect:hover{color:#f0f;background:#ff00ff1a;border-color:#f0f;transform:none;box-shadow:0 0 8px #ff00ff4d}.btn-pink{color:#f0f;cursor:pointer;text-transform:uppercase;text-shadow:0 0 10px #f0f;background:0 0;border:2px solid #f0f;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 10px #ff00ff4d}.btn-pink:hover{color:#000;text-shadow:none;background:#f0f;transform:scale(1.05);box-shadow:0 0 20px #f0f}#top-bar{z-index:5;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:20px;left:20px;right:20px}#scoreDisplay,#timeDisplay{text-shadow:0 0 10px #f0f,0 0 20px #f0f;color:#fff;-webkit-text-stroke:1px #f0f;font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900}#timeDisplay{text-shadow:0 0 10px #0ff,0 0 20px #0ff;-webkit-text-stroke:1px #0ff}canvas{display:block}#motivational-banner{text-transform:uppercase;color:#fff;text-shadow:0 0 4px #0fc,0 0 15px #0fc,0 0 30px #0fc;opacity:0;pointer-events:none;z-index:100;font-family:Orbitron,sans-serif;font-size:4.5rem;font-weight:900;transition:opacity .25s,transform .25s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:15%;left:50%;transform:translate(-50%)scale(.8)}#motivational-banner.show{opacity:1;transform:translate(-50%)scale(1.3)}#countdown-overlay{z-index:50;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#00000073;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}#countdown-overlay.active{opacity:1}#countdown-number{color:#000;-webkit-text-stroke:3px #0ff;text-shadow:0 0 30px #0ff,0 0 60px #0ff,0 0 100px #0ff6;font-family:Orbitron,sans-serif;font-size:12rem;font-weight:900;line-height:1;animation:1s ease-in-out infinite countdown-pulse}#countdown-label{color:#f0f;text-transform:uppercase;text-shadow:0 0 10px #f0f,0 0 20px #f0f;letter-spacing:6px;margin-top:1rem;font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700}@keyframes countdown-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 5px #f0f)drop-shadow(0 0 10px #0ff);transform:scale(.98)}to{filter:drop-shadow(0 0 15px #f0f)drop-shadow(0 0 25px #0ff);transform:scale(1.02)}}@keyframes cal-bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cal-bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes cal-pulse-green{0%,to{opacity:1;text-shadow:0 0 10px #0fa}50%{opacity:.4;text-shadow:0 0 2px #0fa}}@keyframes cal-border-glow{0%,to{border-color:#0fa;box-shadow:0 0 10px #00ffaa4d}50%{border-color:#0f4;box-shadow:0 0 25px #0fa9}}.cal-phase-prepare #cal-timer{color:#0ff}.cal-phase-recording #cal-timer{color:#0fa;animation:.8s ease-in-out infinite cal-pulse-green}.cal-phase-recording{animation:1s ease-in-out infinite cal-border-glow;border-color:#0fa!important}.cal-icon-up{color:#0fa;text-shadow:0 0 15px #0fa9;animation:.8s ease-in-out infinite cal-bounce-up}.cal-icon-down{color:#f0f;text-shadow:0 0 15px #f0f9;animation:.8s ease-in-out infinite cal-bounce-down}.cal-icon-neutral{color:#0ff;text-shadow:0 0 15px #0ff9;animation:1.2s ease-in-out infinite cal-pulse-green}#cal-progress-fill{background:#0ff}#cal-process.cal-phase-recording #cal-progress-fill{background:#0fa}#dashboard-section{color:#fff;background:#050505;border-radius:12px;padding:2rem;font-family:Outfit,sans-serif;box-shadow:0 0 30px #0ff3}#dashboard-section h1{text-align:center;text-transform:uppercase;text-shadow:0 0 20px #0ff;color:#0ff;margin-bottom:2rem;font-size:3rem}#dashboard-section .header-actions{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}#dashboard-section .btn-back{color:#f0f;cursor:pointer;text-transform:uppercase;background:0 0;border:2px solid #f0f;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:800;text-decoration:none;transition:all .3s}#dashboard-section .btn-back:hover{color:#000;background:#f0f;box-shadow:0 0 20px #f0f}#dashboard-section .filters{align-items:center;gap:1.5rem;display:flex}#dashboard-section .filters select{color:#fff;background:#111;border:1px solid #444;border-radius:6px;outline:none;padding:10px;font-size:1.1rem}#dashboard-section .searchable-select{min-width:220px;position:relative}#dashboard-section .searchable-select input[type=text]{color:#fff;box-sizing:border-box;cursor:pointer;background:#111;border:1px solid #444;border-radius:6px;outline:none;width:100%;padding:10px 32px 10px 10px;font-size:1.1rem;transition:border-color .3s,box-shadow .3s}#dashboard-section .searchable-select input[type=text]:focus{border-color:#0ff;box-shadow:0 0 8px #00ffff4d}#dashboard-section .searchable-select:after{content:"▾";color:#888;pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}#dashboard-section .searchable-select-list{z-index:100;background:#111;border:1px solid #444;border-radius:6px;max-height:220px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0009}#dashboard-section .searchable-select-list.open{display:block}#dashboard-section .searchable-select-list .ss-option{cursor:pointer;color:#ccc;border-bottom:1px solid #1a1a1a;padding:10px 12px;font-size:1rem;transition:background .15s,color .15s}#dashboard-section .searchable-select-list .ss-option:last-child{border-bottom:none}#dashboard-section .searchable-select-list .ss-option:hover{color:#0ff;background:#00ffff1a}#dashboard-section .searchable-select-list .ss-option.active{color:#0ff;background:#00ffff26;font-weight:700}#dashboard-section .searchable-select-list .ss-no-results{color:#666;text-align:center;padding:10px 12px;font-style:italic}#dashboard-section .searchable-select-list::-webkit-scrollbar{width:6px}#dashboard-section .searchable-select-list::-webkit-scrollbar-track{background:#111}#dashboard-section .searchable-select-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}#dashboard-section .dashboard-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}#dashboard-section .card{background:#141414cc;border:1px solid #333;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000004d}#dashboard-section .card h2{color:#aaa;border-bottom:1px solid #222;margin-top:0;padding-bottom:.5rem;font-size:1.2rem}#dashboard-section .metrics-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}#dashboard-section .metric{background:#1a1a1a;border-radius:8px;padding:1rem}#dashboard-section .metric .value{margin:.5rem 0;font-size:2rem;font-weight:800}#dashboard-section .metric .label{color:#888;text-transform:uppercase;font-size:.9rem}#dashboard-section .text-cyan{color:#0ff}#dashboard-section .text-magenta{color:#f0f}#dashboard-section .text-green{color:#0fa}#dashboard-section .text-red{color:#f33}#dashboard-section table{border-collapse:collapse;width:100%;margin-top:1rem}#dashboard-section th,#dashboard-section td{text-align:left;border-bottom:1px solid #333;padding:12px}#dashboard-section th{color:#888;text-transform:uppercase;font-size:.9rem}#dashboard-section tr:hover{cursor:pointer;background:#ffffff0d}#session-modal.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#session-modal .modal-content{background:#111;border:2px solid #333;border-radius:12px;width:90%;max-width:900px;padding:2rem;position:relative}#session-modal .modal-close{color:#888;cursor:pointer;font-size:2rem;transition:color .3s;position:absolute;top:1rem;right:1.5rem}#session-modal .modal-close:hover{color:#fff}