html,body,canvas{cursor:crosshair;background:#000;height:100%;margin:0;overflow:hidden}:root{--bg-ink:#050910;--bg-panel:#0b1421e6;--bg-panel-strong:#0f1d31;--line-soft:#1f2f49;--accent:#5fd0ff;--accent-2:#2ca0f2;--text-main:#dfe9ff;--text-dim:#9cb7d9}.hidden-ui{display:none!important}canvas:focus{outline:none}canvas.locked-cursor{cursor:none}#perf{border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;image-rendering:auto;background:linear-gradient(#0a1220dd,#08101ccc);border-radius:8px;width:240px;height:210px;position:fixed;top:56px;left:12px}#map-panel{border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:linear-gradient(150deg,#0a1424d4,#0f1e33c4);border-radius:8px;padding:6px;position:fixed;bottom:12px;left:12px}#map{border:1px solid var(--line-soft);background:#0a0f1a;border-radius:4px;width:180px;height:180px;display:block}#panel{border:1px solid var(--line-soft);width:340px;color:var(--text-main);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(175deg,#0b1424dd,#0d1e34c9);border-radius:10px;padding:10px;font:12px/1.4 ui-monospace,Consolas,monospace;position:fixed;top:12px;right:12px}#panel h3{color:var(--accent);margin:0 0 8px;font:600 12px/1.2 ui-monospace}#panel .row{grid-template-columns:1fr 58px;align-items:center;gap:8px;margin:6px 0;display:grid}#panel .row label{color:var(--text-dim);display:block}#panel .row input[type=range]{width:100%}#panel .pill{color:var(--accent);cursor:pointer;background:#0d2139;border:1px solid #173256;border-radius:999px;margin:2px 4px 6px 0;padding:3px 8px;display:inline-block}#panel button{border:1px solid var(--line-soft);width:100%;color:var(--text-main);cursor:pointer;background:linear-gradient(170deg,#0e1b2e,#0b2743);border-radius:8px;margin-top:8px;padding:6px 8px}#panel .kv{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}#bonus-timer{z-index:8;color:#ff8a72;letter-spacing:1.4px;text-shadow:0 0 12px #ff584080;background:linear-gradient(150deg,#180909e6,#120606b8);border:1px solid #ff7660b3;border-radius:12px;padding:8px 14px;font:700 16px/1.2 DM Mono,JetBrains Mono,ui-monospace,Consolas,monospace;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000059,inset 0 0 12px #ff505026}#key-hint{color:var(--text-main);letter-spacing:.6px;text-shadow:0 0 12px #5fd0ff99,0 0 24px #102030e6;opacity:0;pointer-events:none;padding:8px 12px;font:700 16px/1.3 Inter,DM Sans,SF Pro Text,system-ui,sans-serif;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(10px)}#key-hint.visible{opacity:1;transform:translate(-50%)translateY(0)}#lock-hint{color:#e9f4ff;letter-spacing:.6px;text-align:center;text-shadow:0 0 10px #5fd0ffa6,0 0 18px #000000b3;opacity:0;pointer-events:none;z-index:24;padding:10px 14px;font:800 17px/1.4 Inter,DM Sans,SF Pro Text,system-ui,sans-serif;transition:opacity .18s,transform .2s;position:fixed;bottom:68px;left:50%;transform:translate(-50%,12px)scale(.99)}#lock-hint.visible{opacity:1;transform:translate(-50%)scale(1)}#finish-screen{color:var(--text-main);z-index:30;background:radial-gradient(120% 110% at 50% 20%,#0a1627,#03070f);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#finish-screen.visible{display:flex}#finish-screen .finish-content{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:space-around;align-items:center;max-width:560px;height:100%;padding:16px;display:flex}#finish-title{letter-spacing:1.2px;margin:0 0 12px;font:800 24px/1.2 Inter,DM Sans,SF Pro Display,system-ui,sans-serif}.finish-stats{border-collapse:collapse;margin:0 auto 16px}.finish-stats td{color:#f5f8ff;padding:6px 10px;font:600 15px/1.6 Inter,DM Sans,SF Pro Text,system-ui,sans-serif}.finish-stats td:first-child{text-align:right;white-space:nowrap;padding-right:14px}.finish-stats td:last-child{text-align:left;padding-left:14px}#finish-screen .finish-actions{flex-direction:column;justify-content:center;align-items:stretch;gap:12px;display:flex}#finish-screen button{border:1px solid var(--line-soft);min-width:180px;color:var(--text-main);cursor:pointer;letter-spacing:.5px;background:linear-gradient(160deg,#0f2038,#0e3655);border-radius:12px;padding:10px 12px;font:700 13px/1.2 Inter,DM Sans,SF Pro Text,system-ui,sans-serif;transition:transform .12s,box-shadow .22s,border-color .22s;box-shadow:0 10px 24px #00000073}#finish-screen button:hover{border-color:#5fd0ff;transform:translateY(-1px);box-shadow:0 0 0 1px #5fd0ff,0 0 16px #5fd0ffd9,0 14px 28px #0000008c}#finish-screen button:active{transform:translateY(1px)scale(.995)}#finish-screen button:focus-visible{outline:none}#intro-menu{color:var(--text-main);z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(120% 120% at 50% 20%,#0a1324,#04070f 55%,#020409 100%);justify-content:center;align-items:center;transition:opacity .22s,transform .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s;display:flex;position:fixed;inset:0}#intro-menu.hidden{opacity:0;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:scale(1.02)}#intro-menu .menu-card{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;width:min(720px,100% - 36px);min-height:620px;padding:48px 0 32px;display:flex}.menu-title{letter-spacing:4px;color:#eef6ff;justify-content:center;align-items:center;gap:6px;margin-bottom:32px;font:700 32px/1.1 DM Mono,JetBrains Mono,ui-monospace,Consolas,monospace;display:flex}.menu-word{color:#f7fbff;text-shadow:0 0 18px #96d2ff40;animation:3s ease-in-out .25s infinite wordPulse}.menu-bracket{color:#5fc8ff;opacity:0;animation:3s ease-in-out infinite bracketChase;display:inline-block}.menu-bracket-3,.menu-bracket-4{animation-delay:.36s}.menu-bracket-2,.menu-bracket-5{animation-delay:.48s}.menu-bracket-1,.menu-bracket-6{animation-delay:.6s}.menu-subtitle{color:#b9cff1;letter-spacing:.6px;margin:2px 0 8px;font:600 13px/1.6 Inter,DM Sans,SF Pro Text,system-ui,sans-serif}.menu-controls{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:14px;width:100%;margin-top:64px;padding-top:0;padding-bottom:8px;display:grid}.control-block{flex-direction:column;align-items:center;gap:8px;display:flex}.keys-stack{flex-direction:column;align-items:center;gap:6px;display:flex}.key-row{gap:6px;display:flex}.key{color:#e7f5ff;letter-spacing:1px;background:#0f1118;border:1px solid #1f2740;border-radius:10px;justify-content:center;align-items:center;min-width:46px;height:38px;padding:0 10px;font:700 13px/1 DM Mono,JetBrains Mono,ui-monospace,Consolas,monospace;display:flex;box-shadow:0 8px 18px #0006}.key-solo{min-width:52px;height:40px}.key-wide{min-width:128px}.mouse-icon{justify-content:center;align-items:center;width:58px;height:74px;display:flex}.mouse-body{background:linear-gradient(#0f1827,#0c0f18);border:1px solid #22324d;border-radius:20px 20px 18px 18px;width:46px;height:66px;position:relative;box-shadow:0 8px 20px #0006}.mouse-wheel{background:#6ad5ff;border-radius:4px;width:7px;height:16px;animation:2s ease-in-out infinite wheelPulse;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #6ad5ffcc}.control-label{color:#90b5e6;letter-spacing:.5px;text-transform:uppercase;font:600 12px/1.3 Inter,DM Sans,SF Pro Text,system-ui,sans-serif}#start-btn{color:#eaf6ff;cursor:pointer;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;background:linear-gradient(160deg,#0f1d30,#102c48);border:1px solid #2c4366;border-radius:12px;justify-content:center;align-self:center;align-items:center;width:min(320px,80vw);max-width:320px;margin:0 auto 40px;padding:12px 16px;font:800 14px/1.3 Inter,DM Sans,SF Pro Display,system-ui,sans-serif;transition:transform .12s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 10px 24px #00000080}#start-btn:hover{border-color:#5fd0ff;transform:translateY(-1px);box-shadow:0 0 0 1px #5fd0ff,0 0 16px #5fd0ffd9,0 14px 28px #0000008c}#start-btn:active{transform:translateY(1px)scale(.995)}#start-btn:focus-visible{outline:none}@keyframes bracketChase{0%,to{opacity:0;text-shadow:none}25%{opacity:1;text-shadow:0 0 16px #5fc8ffe6,0 0 28px #5fc8ff66}55%{opacity:0;text-shadow:0 0 6px #5fc8ff4d}}@keyframes wordPulse{0%,to{opacity:.35;text-shadow:0 0 10px #96d2ff33}35%{opacity:1;text-shadow:0 0 20px #96d2ff99,0 0 32px #96d2ff59}65%{opacity:.4;text-shadow:0 0 12px #96d2ff4d}}@keyframes wheelPulse{0%,to{transform:translate(-50%)scaleY(1)}45%{transform:translate(-50%)scaleY(1.18)}75%{transform:translate(-50%)scaleY(.94)}}