#start-screen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:auto;animation:fadeIn .4s ease-out;background:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#start-screen-overlay .start-panel{background:#081824f2;border:2px solid rgba(0,200,220,.6);border-radius:12px;padding:40px 50px;display:flex;flex-direction:column;align-items:center;gap:20px;min-width:400px;max-width:90vw;box-shadow:0 0 40px #00b4c826,inset 0 0 60px #00283c4d;animation:panelSlideIn .5s ease-out}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}#start-screen-overlay .title{font-family:Segoe UI,Arial,sans-serif;font-size:64px;font-weight:700;color:#fff;letter-spacing:12px;margin:0;text-shadow:0 0 20px rgba(0,200,220,.3);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(0,200,220,.3)}50%{text-shadow:0 0 30px rgba(0,220,240,.5),0 0 60px rgba(0,180,200,.2)}}#start-screen-overlay .subtitle{font-family:Segoe UI,Arial,sans-serif;font-size:14px;color:#00d4e6;letter-spacing:4px;margin:0;opacity:.9}#start-screen-overlay .decorative-row{display:flex;align-items:center;gap:10px;margin-top:1rem}#start-screen-overlay .meter-group{display:flex;gap:3px}#start-screen-overlay .meter{width:4px;height:12px;background:#00b4c840;transition:all .3s ease}#start-screen-overlay .meter-group:not(.right) .m1,#start-screen-overlay .meter-group:not(.right) .m2,#start-screen-overlay .meter-group:not(.right) .m3{background:#00dcf0cc;box-shadow:0 0 6px #00dcf080}#start-screen-overlay .meter-group.right .m3,#start-screen-overlay .meter-group.right .m4,#start-screen-overlay .meter-group.right .m5{background:#00dcf0cc;box-shadow:0 0 6px #00dcf080}#start-screen-overlay .meter-group:not(.right) .m1{animation:meterPulse 2s ease-in-out infinite 0s}#start-screen-overlay .meter-group:not(.right) .m2{animation:meterPulse 2s ease-in-out infinite .1s}#start-screen-overlay .meter-group:not(.right) .m3{animation:meterPulse 2s ease-in-out infinite .2s}#start-screen-overlay .meter-group.right .m3{animation:meterPulse 2s ease-in-out infinite .2s}#start-screen-overlay .meter-group.right .m4{animation:meterPulse 2s ease-in-out infinite .1s}#start-screen-overlay .meter-group.right .m5{animation:meterPulse 2s ease-in-out infinite 0s}@keyframes meterPulse{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}#start-screen-overlay .divider-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,180,200,.6),transparent);animation:lineGlow 2s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.4}50%{opacity:.8}}#start-screen-overlay .divider-dot{width:6px;height:6px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 8px #ff646499;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}#start-screen-overlay .button-container{display:flex;flex-direction:column;gap:15px;margin-top:3rem}#start-screen-overlay .menu-button{font-family:Segoe UI,Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:3px;padding:15px 60px;border:2px solid rgba(0,180,200,.5);border-radius:8px;background:#003246b3;color:#00d4e6;cursor:pointer;transition:all .2s ease;min-width:250px;position:relative;overflow:hidden}#start-screen-overlay .menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,220,240,.1),transparent);transition:left .4s ease}#start-screen-overlay .menu-button:hover:before,#start-screen-overlay .menu-button.selected:before{left:100%}#start-screen-overlay .menu-button:hover,#start-screen-overlay .menu-button.selected{background:#005a78d9;border-color:#00dcf0f2;box-shadow:0 0 20px #00c8dc4d,inset 0 0 20px #00647833;transform:scale(1.02)}#start-screen-overlay .menu-button:active{background:#0082a0f2;transform:scale(.98)}#start-screen-overlay .start-button{background:#00465acc;border-color:#00dcf0b3;color:#fff;animation:startButtonGlow 2s ease-in-out infinite}@keyframes startButtonGlow{0%,to{box-shadow:0 0 10px #00c8dc33}50%{box-shadow:0 0 25px #00dcf066,0 0 40px #00b4c81a}}#start-screen-overlay .start-button:hover,#start-screen-overlay .start-button.selected{background:#006e8cf2;border-color:#0ff;animation:none;box-shadow:0 0 30px #00dcf080,inset 0 0 20px #0064784d}#start-screen-overlay .footer{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:8px}#start-screen-overlay .credits{font-family:Segoe UI,Arial,sans-serif;font-size:11px;color:#00b4c880;margin:0}#start-screen-overlay .status-row{display:flex;align-items:center;gap:8px}#start-screen-overlay .status-text{font-family:Segoe UI,Arial,sans-serif;font-size:12px;color:#00c8dcb3;letter-spacing:2px}#start-screen-overlay .status-dot{width:6px;height:6px;border-radius:50%;background:#00d4e6;box-shadow:0 0 8px #00d4e699;animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}#start-screen-overlay .status-row.status-checking .status-dot{background:#f0ad4e;box-shadow:0 0 8px #f0ad4e99;animation:statusBlink .8s ease-in-out infinite}#start-screen-overlay .status-row.status-checking .status-text{color:#f0ad4ee6}#start-screen-overlay .status-row.status-ready .status-dot{background:#4ae04a;box-shadow:0 0 8px #4ae04a99}#start-screen-overlay .status-row.status-ready .status-text{color:#4ae04ae6}#start-screen-overlay .status-row.status-warning .status-dot{background:#f0ad4e;box-shadow:0 0 8px #f0ad4e99}#start-screen-overlay .status-row.status-warning .status-text{color:#f0ad4ee6}#start-screen-overlay .status-row.status-error .status-dot{background:#e05050;box-shadow:0 0 8px #e0505099;animation:statusBlink 1s ease-in-out infinite}#start-screen-overlay .status-row.status-error .status-text{color:#e05050e6}@keyframes statusBlink{0%,to{opacity:.3}50%{opacity:1}}#start-screen-overlay .start-button.disabled,#start-screen-overlay .start-button:disabled{background:#28323c99;border-color:#505a6466;color:#78828c99;cursor:not-allowed;animation:none;box-shadow:none}#start-screen-overlay .start-button.disabled:hover,#start-screen-overlay .start-button:disabled:hover{background:#28323c99;border-color:#505a6466;transform:none;box-shadow:none}#options-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;z-index:1001;pointer-events:auto;background:#00000080}#options-menu-overlay .options-panel{background:#081824f2;border:2px solid rgba(0,200,220,.6);border-radius:12px;padding:30px 40px;display:flex;flex-direction:column;gap:25px;min-width:400px;max-width:90vw}#options-menu-overlay .header-row{display:flex;justify-content:space-between;align-items:center}#options-menu-overlay .title{font-family:Segoe UI,Arial,sans-serif;font-size:24px;font-weight:700;color:#fff;letter-spacing:4px;margin:0}#options-menu-overlay .close-button{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,180,200,.6);background:#003246b3;color:#00d4e6;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}#options-menu-overlay .close-button:hover{background:#005a78d9;border-color:#00dcf0f2}#options-menu-overlay .settings-container{display:flex;flex-direction:column;gap:20px}#options-menu-overlay .setting-row{display:flex;flex-direction:column;gap:8px}#options-menu-overlay .setting-label{font-family:Segoe UI,Arial,sans-serif;font-size:12px;color:#00c8dccc;letter-spacing:2px}#options-menu-overlay .slider-row{display:flex;align-items:center;gap:15px}#options-menu-overlay .slider{flex:1;height:8px;-webkit-appearance:none;appearance:none;background:#003246cc;border-radius:4px;outline:none}#options-menu-overlay .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#00d4e6;cursor:pointer;border:2px solid rgba(0,255,255,.8)}#options-menu-overlay .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00d4e6;cursor:pointer;border:2px solid rgba(0,255,255,.8)}#options-menu-overlay .slider-value{font-family:Segoe UI,Arial,sans-serif;font-size:14px;color:#00d4e6;min-width:45px;text-align:right}#options-menu-overlay .checkbox-row{flex-direction:row;justify-content:space-between;align-items:center}#options-menu-overlay .checkbox-container{position:relative;cursor:pointer}#options-menu-overlay .checkbox-container input{position:absolute;opacity:0;cursor:pointer}#options-menu-overlay .checkmark{display:block;width:28px;height:28px;border:2px solid rgba(0,180,200,.6);border-radius:4px;background:#003246b3;transition:all .15s ease}#options-menu-overlay .checkbox-container input:checked~.checkmark{background:#00b4c8cc;border-color:#00d4e6}#options-menu-overlay .checkmark:after{content:"";position:absolute;display:none;left:10px;top:5px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}#options-menu-overlay .checkbox-container input:checked~.checkmark:after{display:block}#options-menu-overlay .toggle-row{flex-direction:row;justify-content:space-between;align-items:center}#options-menu-overlay .toggle-buttons{display:flex;gap:8px}#options-menu-overlay .toggle-btn{padding:8px 16px;font-family:Segoe UI,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:#00c8dcb3;background:#003246b3;border:2px solid rgba(0,180,200,.4);border-radius:4px;cursor:pointer;transition:all .15s ease}#options-menu-overlay .toggle-btn:hover{background:#00465ad9;border-color:#00c8dcb3}#options-menu-overlay .toggle-btn.active{color:#fff;background:#00b4c8cc;border-color:#00d4e6}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity .5s ease-out}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px}.loading-title{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:32px;font-weight:300;letter-spacing:8px;color:#fff;text-transform:uppercase}.loading-progress-container{width:300px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loading-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;transition:width .3s ease-out}.loading-progress-text{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:#fff9;letter-spacing:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-title{animation:pulse 2s ease-in-out infinite}.unsupported-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f1a);display:flex;align-items:center;justify-content:center;z-index:10001}.unsupported-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:48px;max-width:500px}.unsupported-icon{color:#fffc;margin-bottom:16px}.unsupported-icon svg{width:80px;height:80px}.unsupported-title{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:36px;font-weight:600;color:#fff;margin:0;letter-spacing:1px}.unsupported-message{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:18px;color:#ffffffb3;line-height:1.6;margin:0}.unsupported-instructions{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:#ffffff80;line-height:2;margin:0;padding:24px;background:#ffffff0d;border-radius:12px;text-align:left}.unsupported-instructions strong{color:#fffc}
