body,html{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background-color:#000;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}#loading-screen{position:fixed;inset:0;z-index:9999;background:#08080c;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-content{text-align:center;width:320px}#loading-title{margin:0 0 8px;font-size:2rem;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}#loading-sub{color:#555;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;margin:0 0 24px}#loading-bar-track{width:100%;height:3px;background:#1a1a22;border-radius:2px;overflow:hidden}#loading-bar-fill{height:100%;width:0%;background:#4ade80;border-radius:2px;transition:width .3s ease;box-shadow:0 0 8px #4ade8099}#game-container{position:absolute;top:0;left:0;width:100%;height:100%}#crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;background-color:#0f0;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:10}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}#leaderboard-panel{position:absolute;left:40px;top:50%;transform:translateY(-50%);width:260px;background:#0f0f14eb;padding:25px;border-radius:12px;border:1px solid #222;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #000c;display:none;pointer-events:auto;z-index:30}#leaderboard-panel h3{margin-top:0;color:#4ade80;text-transform:uppercase;letter-spacing:2px;font-size:.9rem;border-bottom:1px solid #222;padding-bottom:10px}#leaderboard-list{display:flex;flex-direction:column;gap:6px;margin-top:15px}#editor-hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#editor-toolbar{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#0f0f14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:8px;border-radius:12px;display:flex;gap:8px;pointer-events:auto}#editor-toolbar button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}#editor-hint{position:absolute;top:20px;left:20px;background:#000000b3;color:#fff;padding:10px 15px;border-radius:8px;font-size:14px;font-weight:500;pointer-events:none;border:1px solid var(--accent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}#editor-toolbar button:hover{background:#ffffff26}#editor-toolbar button.active{background:var(--primary);border-color:var(--primary-glow)}#editor-toolbar .divider{width:1px;background:#ffffff1a;margin:4px 0}#editor-selection-panel{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:#0f0f14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:20px;border-radius:12px;width:280px;pointer-events:auto}#editor-selection-panel h3{margin:0 0 15px;font-size:16px;color:var(--primary)}#editor-selection-panel input[type=number]{width:60px;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:4px;border-radius:4px}#editor-toolbar .accent-btn{background:#4ade80!important;color:#fff!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 0 15px #4ade804d}#editor-toolbar .danger-btn{background:#ff323233!important;border-color:#ff323266!important}#editor-toolbar .danger-btn:hover{background:#ff323266!important}#main-menu,#custom-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#08080cf7;pointer-events:auto;z-index:1000}#main-menu-center,#custom-menu-center{text-align:center;max-width:500px}#main-menu-center h1{margin:0 0 4px;font-size:2.2rem;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}#main-menu-center{text-align:center;color:#fff;width:340px}.subtitle{color:#555;font-size:.85rem;margin:0 0 28px;letter-spacing:2px;text-transform:uppercase}.menu-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.big-btn{width:100%;padding:14px 20px;font-size:1rem;font-family:Inter,sans-serif;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:transform .1s,background .2s;letter-spacing:.5px}button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.big-btn:active{transform:scale(.98)}.big-btn:not(.secondary-btn){background:#4ade80;color:#0a0a0a}.big-btn:not(.secondary-btn):hover{background:#6beba0}.secondary-btn{background:#1a1a22;color:#aaa;border:1px solid #333}.secondary-btn:hover{background:#2a2a38;color:#ccc}#submit-panel{margin-top:20px;background:#4ade8014;padding:16px;border-radius:8px;border:1px solid #4ade80}.submit-label{margin:0 0 10px;color:#4ade80;font-size:.9rem}#name-input{width:80px;font-size:1.5rem;text-transform:uppercase;text-align:center;background:#111;border:1px solid #555;color:#fff;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace}#name-input:focus{outline:none;border-color:#4ade80}.settings{display:flex;flex-direction:column;gap:16px;text-align:left;border-top:1px solid #222;padding-top:20px}.setting-row{display:flex;flex-direction:column;gap:8px}.setting-row label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:1px}.control-group{display:flex;align-items:center;gap:12px}.settings input[type=number]{width:55px;padding:5px;background:#111;border:1px solid #444;color:#fff;border-radius:4px;text-align:center;font-family:Inter,sans-serif;font-size:.9rem}.settings input[type=range]{flex:1;cursor:pointer;accent-color:#4ade80}.settings input:focus{outline:none;border-color:#4ade80}#ready-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#ready-content{text-align:center}.ready-hint{font-size:1.5rem;color:#ffffffd9;margin:0 0 8px;font-weight:600;letter-spacing:1px}.ready-sub{font-size:.85rem;color:#ffffff59;margin:0}.ready-sub kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 5px;font-family:Inter,sans-serif}#pause-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}#pause-card{background:#0f0f14fa;border:1px solid #333;border-radius:14px;padding:36px 44px;text-align:center;box-shadow:0 20px 60px #000c;min-width:220px}#pause-card h2{margin-top:0;font-size:1.1rem;letter-spacing:3px;text-transform:uppercase;color:#666}.pause-buttons{display:flex;flex-direction:column;gap:10px;margin-top:0}#results-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:30px}#submit-panel{background:#0f0f14f2;border:1px solid #333;border-radius:12px;padding:24px;text-align:center;width:200px;flex-shrink:0}.submit-label{margin:0 0 12px;color:#aaa;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}#keybinds-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08080cf7;pointer-events:auto}.keybinds-inner{background:#0f0f14f2;padding:40px;border-radius:12px;border:1px solid #333;width:300px;text-align:center}#keybinds-screen h2{margin-top:0;color:#4ade80}.keybinds-list{display:flex;flex-direction:column;gap:10px;margin-top:20px;text-align:left;width:300px}.keybind-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#ccc}.keybind-btn{background:#1a1a22;border:1px solid #444;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;min-width:120px;text-align:center;transition:background .2s}.keybind-btn:hover{background:#2a2a38}.keybind-btn.listening{border-color:#4ade80;background:#4ade8026}.menu-btn{background:#1a1a22;color:#fff;border:1px solid #444;padding:9px 18px;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;transition:background .2s,border-color .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.menu-btn:hover{background:#2a2a38;border-color:#4ade80;color:#4ade80}.danger-btn{border-color:#555;color:#888}.danger-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.leader-row{display:flex;justify-content:space-between;font-family:Courier New,Courier,monospace;font-size:.9rem;padding:5px 8px;border-radius:4px;transition:background .3s}.leader-row.gold{background:#ffd70026;border:1px solid rgba(255,215,0,.3)}.leader-row.gold .rank{color:gold;font-weight:700}.leader-row.silver{background:#c0c0c026;border:1px solid rgba(192,192,192,.3)}.leader-row.silver .rank{color:silver;font-weight:700}.leader-row.bronze{background:#cd7f3226;border:1px solid rgba(205,127,50,.3)}.leader-row.bronze .rank{color:#cd7f32;font-weight:700}.leader-row.preview-row{background:#4ade8026;border:1px dashed #4ade80;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.leader-row .rank{color:#555;width:28px;flex-shrink:0}.leader-row .name{color:#fff;flex:1;text-transform:uppercase}.leader-row .time{color:#4ade80}#hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;color:#fff;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 0 #000;pointer-events:none}#results-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#00000080}#completion-msg{color:#4ade80;font-weight:700;text-align:center}