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}.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:1.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 2px #0fc,0 0 8px #0fc;opacity:0;pointer-events:none;z-index:100;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;transition:opacity .2s,transform .2s 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.2)}@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)}}#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 .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}