body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;background-color:#1a1a1a;color:#e0e0e0;display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center}#app-container{width:100vw;height:100vh}h1{color:#61dafb}canvas{position:fixed;top:0;left:0;width:100%;height:100%;cursor:crosshair}.controls{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:15px}.control-group{display:flex;align-items:center;gap:10px}label{font-size:16px;width:120px;text-align:right}input[type=range]{width:250px}input[type=checkbox]{width:20px;height:20px}select,button{font-size:16px;padding:8px;border-radius:5px;border:1px solid #61dafb;background-color:#20232a;color:#e0e0e0;cursor:pointer}.ui-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:opacity .3s ease,backdrop-filter .3s ease,visibility .3s}.ui-overlay.hidden{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none}.ui-overlay.visible{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-card{pointer-events:auto;background:#141414e6;border:1px solid #444;padding:40px 60px;border-radius:4px;color:#e0e0e0;text-align:center;box-shadow:0 0 20px #00000080;font-family:Courier New,Courier,monospace;letter-spacing:1px}.ui-card h1{font-size:2.5rem;margin:0 0 10px;color:#fff;text-transform:uppercase;letter-spacing:4px}.start-prompt{font-size:1.2rem;color:#61dafb;text-transform:uppercase;animation:pulse 2s infinite}.button-group{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}.restart-button{pointer-events:auto;background:transparent;border:1px solid #555;color:#888;padding:8px 16px;font-size:.8rem;cursor:pointer;font-family:inherit;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px}.restart-button:hover{border-color:#e17055;color:#e17055;background:#e170551a}.restart-button:focus-visible{outline:none;border-color:#e17055;background:#e170551a}button.start-button{background:transparent;border:2px solid transparent;font-family:inherit;padding:10px 20px;cursor:pointer;pointer-events:auto;transition:all .2s ease}button.start-button:hover{text-shadow:0 0 10px rgba(97,218,251,.5);background:#61dafb0d;border-radius:4px}button.start-button:focus-visible{outline:none;border-color:#61dafb;border-radius:4px;background:#61dafb1a}.controls-section{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}.control-row{display:flex;align-items:center;gap:20px;width:100%;justify-content:space-between}.keys{display:flex;gap:5px}.key{background:linear-gradient(to bottom,#444,#333);border:1px solid #222;border-bottom:4px solid #111;border-radius:4px;padding:6px 12px;font-size:1rem;font-weight:700;color:#e0e0e0;min-width:20px;display:inline-block;transition:all .05s ease;box-shadow:0 4px #0006;text-shadow:0 1px 1px rgba(0,0,0,.5);position:relative;top:0}.key.pressed{border-bottom:1px solid #111;transform:translateY(3px);box-shadow:0 1px #0006;background:#333;color:#61dafb;border-color:#61dafb}.key-wide{padding:6px 20px}.action{font-size:.9rem;color:#aaa;text-transform:uppercase}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(prefers-reduced-motion:reduce){.start-prompt{animation:none}}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f0f0f;z-index:2000;display:flex;justify-content:center;align-items:center;font-family:Courier New,Courier,monospace;color:#e0e0e0;opacity:1;transition:opacity .5s ease-out}.loader-overlay.fade-out{opacity:0;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:flex-start;width:400px;max-width:90%}.loader-header{font-size:.8rem;color:#666;letter-spacing:2px;margin-bottom:10px;border-bottom:1px solid #333;width:100%;padding-bottom:5px}.loader-text{font-size:1.2rem;font-weight:700;color:#61dafb;margin-bottom:15px;letter-spacing:1px}.loader-bar{width:100%;height:4px;background:#333;margin-bottom:10px;position:relative;overflow:hidden}.loader-bar-fill{height:100%;background:#61dafb;transition:width .2s ease-out;box-shadow:0 0 10px #61dafb80}.loader-item{font-size:.7rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-style:italic}.crosshair{position:fixed;top:50%;left:50%;width:8px;height:8px;background-color:#fff9;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100;box-shadow:0 0 2px #000c;transition:width .2s,height .2s,background-color .2s,opacity .2s,visibility .2s;opacity:1;visibility:visible}.crosshair:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:2px;background-color:#000;border-radius:50%;transform:translate(-50%,-50%)}.crosshair.hidden{opacity:0;visibility:hidden}.confirm-group{display:flex;flex-direction:column;align-items:center;gap:15px;animation:fadeIn .3s ease}.confirm-text{font-size:1.2rem;color:#e17055;font-weight:700;letter-spacing:2px}.confirm-subtext{font-size:.8rem;color:#888;margin-bottom:5px}.confirm-buttons{display:flex;gap:15px}.confirm-yes,.confirm-no{pointer-events:auto;padding:8px 20px;font-family:inherit;font-weight:700;font-size:.9rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease;text-transform:uppercase}.confirm-yes{background:#e1705533;border-color:#e17055;color:#e17055}.confirm-yes:hover,.confirm-yes:focus-visible{background:#e17055;color:#fff;outline:none}.confirm-no{background:transparent;border-color:#666;color:#888}.confirm-no:hover,.confirm-no:focus-visible{border-color:#aaa;color:#e0e0e0;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.game-hint{position:fixed;bottom:20%;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:10px 20px;border-radius:20px;font-size:1rem;font-weight:700;pointer-events:none;z-index:900;transition:opacity .5s ease,visibility .5s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.2);letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.game-hint.hidden{opacity:0;visibility:hidden}.game-hint.visible{opacity:1;visibility:visible}.shortcut-hint{opacity:.5;font-size:.8em;margin-left:6px}.mini-key{background:linear-gradient(to bottom,#444,#333);border:1px solid #222;border-bottom:2px solid #111;border-radius:3px;padding:2px 6px;font-size:.7em;font-weight:700;color:#e0e0e0;display:inline-block;margin-left:8px;vertical-align:middle;box-shadow:0 2px #0006;text-shadow:0 1px 1px rgba(0,0,0,.5);line-height:1}.restart-button:hover .mini-key,.start-button:hover .mini-key{color:#fff;border-color:#555}