:root{--electric-blue:#00a2ff;--cyan:#0ff;--bg-navy:#050a1a;--text-main:#fff;--text-secondary:#b8c2d0;--warning:#ff9500;--critical:#ff3b30}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-navy);color:var(--text-main);margin:0;font-family:Rajdhani,sans-serif;overflow:hidden}#app{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}.hidden{display:none!important}#hud{flex-direction:column;width:100%;height:100%;padding:30px;display:flex}.hud-top{justify-content:space-between;width:100%;display:flex}.sys-buttons{pointer-events:auto;align-items:center;gap:20px;display:flex}.sys-btn{color:var(--cyan);cursor:pointer;text-transform:uppercase;background:#00a2ff1a;border:1px solid #00a2ff80;border-radius:6px;outline:none;padding:10px 20px;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;transition:all .3s}.sys-btn:hover{background:#00a2ff4d;box-shadow:0 0 15px #00a2ff80}.sys-btn.active{color:#fff;border-color:var(--cyan);background:#0ff6;box-shadow:0 0 20px #0ff9}.score-container,.speed-container{flex-direction:column;display:flex}.speed-container{align-items:flex-end}.label{letter-spacing:3px;color:var(--text-secondary);font-size:14px}#score{color:var(--electric-blue);text-shadow:0 0 10px #00a2ff80;font-size:48px;font-weight:700;line-height:1}#speed{color:var(--cyan);text-shadow:0 0 10px #00ffff80;font-size:48px;font-weight:700;line-height:1}.unit{letter-spacing:2px;color:var(--text-secondary);font-size:12px}#control-panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;background:#050a1a99;border:1px solid #00a2ff4d;border-radius:10px;flex-direction:column;gap:20px;width:320px;max-height:calc(100vh - 200px);padding:15px;transition:transform .4s cubic-bezier(.175,.885,.32,1),opacity .3s;display:flex;position:absolute;top:170px;left:30px;overflow-y:auto;transform:translate(0)}#control-panel.closed{opacity:0;pointer-events:none;transform:translate(-150%)}#control-panel::-webkit-scrollbar{width:6px}#control-panel::-webkit-scrollbar-thumb{background:var(--electric-blue);border-radius:3px}.control-group{flex-direction:column;gap:10px;display:flex}.control-label{letter-spacing:2px;color:var(--cyan);border-bottom:1px solid #0ff3;padding-bottom:5px;font-size:16px;font-weight:700}.btn-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ctrl-btn{color:var(--text-secondary);text-align:center;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:8px 10px;font-family:Rajdhani,sans-serif;font-size:14px;transition:all .2s}.ctrl-btn:hover{border-color:var(--electric-blue);color:var(--text-main);background:#00a2ff33}.ctrl-btn.active{border-color:var(--cyan);color:#fff;background:#00a2ff66;font-weight:700;box-shadow:0 0 10px #0ff6}.menu-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#050a1ad9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.glitch-title{color:var(--text-main);text-shadow:0 0 20px var(--electric-blue);letter-spacing:10px;margin-bottom:5px;font-size:8vw;font-weight:700;position:relative}.subtitle{letter-spacing:8px;color:var(--cyan);margin-bottom:50px;font-size:24px}button{border:2px solid var(--electric-blue);color:var(--electric-blue);letter-spacing:4px;cursor:pointer;text-transform:uppercase;background:0 0;outline:none;padding:15px 40px;font-family:Rajdhani,sans-serif;font-size:24px;font-weight:700;transition:all .3s;box-shadow:inset 0 0 15px #00a2ff33,0 0 15px #00a2ff33}button:hover{background:var(--electric-blue);color:#000;box-shadow:0 0 30px var(--electric-blue) inset, 0 0 30px var(--electric-blue)}.instructions{text-align:center;color:var(--text-secondary);letter-spacing:2px;margin-top:50px;font-size:18px;line-height:1.8}.final-score{color:var(--text-main);margin-bottom:40px;font-size:32px}#final-score-val{color:var(--electric-blue);text-shadow:0 0 10px var(--electric-blue);font-weight:700}