*,:before,:after{box-sizing:border-box}html,body{color:#9ca3af;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;background:#0a0a0f;width:100%;height:100%;margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#game{width:100%;height:100%;image-rendering:pixelated;touch-action:none;background:#0d0d14;display:block;position:absolute;inset:0}#boot-error{z-index:100;text-align:center;color:#fecaca;background:#0a0a0ff2;justify-content:center;align-items:center;padding:2rem;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0}#hud{pointer-events:none;position:absolute;inset:0}#stats{top:max(.75rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));letter-spacing:.02em;flex-direction:column;gap:.35rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.75rem;line-height:1;display:flex;position:absolute}#level,#health,#score{color:#9ca3af;font-variant-numeric:tabular-nums;background:#0a0a0fbf;border:1px solid #1f2937;border-radius:.25rem;padding:.35rem .5rem}#level{color:#67e8f9}#health{color:#f87171}#fps{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));letter-spacing:.02em;color:#6b7280;font-variant-numeric:tabular-nums;background:#0a0a0fbf;border:1px solid #1f2937;border-radius:.25rem;padding:.35rem .5rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.75rem;line-height:1;position:absolute}.controls-hint{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#e5e7eb;pointer-events:none;background:#08080ec7;justify-content:center;align-items:center;padding:1.5rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;transition:opacity .35s;display:flex;position:absolute;inset:0}.controls-hint.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.controls-hint__panel{background:#0a0a0f99;border:1px solid #1f2937;border-radius:1rem;flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:32rem;padding:1.8rem 1.6rem;display:flex;box-shadow:0 10px 60px #22d3ee14}.controls-hint__title{letter-spacing:.32em;color:#67e8f9;text-shadow:0 0 18px #22d3ee8c;text-align:center;margin:0;font-size:clamp(1.1rem,4.5vw,1.5rem)}.controls-hint__rows{flex-direction:column;gap:1rem;width:100%;display:flex}.controls-hint__rows--mobile{display:none}.controls-hint__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.controls-hint__keys{flex-direction:column;align-items:center;gap:.25rem;display:flex}.key-cluster{gap:.25rem;display:flex}.key{color:#e5e7eb;text-shadow:0 1px #0006;background:linear-gradient(#1f2937 0%,#111827 100%);border:1px solid #4b5563;border-bottom-width:3px;border-radius:.35rem;justify-content:center;align-items:center;min-width:2rem;height:2rem;padding:0 .4rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9rem;font-weight:600;line-height:1;display:inline-flex}.key--arrow{font-family:system-ui,sans-serif;font-size:1rem}.controls-hint__label{color:#6b7280;letter-spacing:.15em;text-transform:uppercase;font-size:.75rem}.controls-hint__caption{color:#d1d5db;letter-spacing:.03em;text-align:left;font-size:.85rem;line-height:1.35}.controls-hint__caption strong{color:#a5f3fc}.controls-hint__mouse{justify-content:center;align-items:center;display:flex}.mouse{background:linear-gradient(#111827 0%,#0a0a0f 100%);border:1.5px solid #67e8f9;border-radius:1.2rem;width:2.4rem;height:3.6rem;position:relative;box-shadow:0 0 18px #22d3ee40}.mouse:before{content:"";background:#a7f3fc73;width:1px;height:1rem;position:absolute;top:.55rem;left:50%;transform:translate(-50%)}.mouse__button{border-bottom:1px solid #a7f3fc59;width:50%;height:1.5rem;position:absolute;top:0}.mouse__button--left{background:#22d3ee40;border-top-left-radius:1.2rem;animation:1.8s ease-in-out infinite mouseClick;left:0}.mouse__button--right{border-top-right-radius:1.2rem;right:0}@keyframes mouseClick{0%,60%,to{background:#22d3ee26}30%{background:#22d3eeb3}}.touch-icon{flex-shrink:0;width:3.2rem;height:3.2rem;position:relative}.touch-icon--stick .touch-icon__base{background:#22d3ee0f;border:1.5px solid #22d3ee8c;border-radius:50%;position:absolute;inset:0}.touch-icon--stick .touch-icon__thumb{background:#67e8f9;border-radius:50%;width:1.4rem;height:1.4rem;animation:2.2s ease-in-out infinite stickDrag;position:absolute;top:50%;left:50%;box-shadow:0 0 14px #22d3eeb3}@keyframes stickDrag{0%{transform:translate(-50%,-50%)}25%{transform:translate(15%,-50%)}50%{transform:translate(15%,15%)}75%{transform:translate(-90%,15%)}to{transform:translate(-50%,-50%)}}.touch-icon--tap .touch-icon__dot{background:#f472b6;border-radius:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #f472b6b3}.touch-icon--tap .touch-icon__ripple{border:1.5px solid #f472b699;border-radius:50%;animation:1.4s ease-out infinite tapRipple;position:absolute;inset:0}@keyframes tapRipple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1)}}.controls-hint__start{letter-spacing:.2em;text-transform:uppercase;color:#a5f3fc;text-align:center;margin-top:.4rem;font-size:.85rem;animation:1.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}.controls-hint[data-platform=mobile] .controls-hint__rows--desktop{display:none}.controls-hint[data-platform=mobile] .controls-hint__rows--mobile{display:flex}@media (width<=540px){.controls-hint__panel{gap:1.1rem;padding:1.4rem 1.1rem}.controls-hint__title{letter-spacing:.24em}.controls-hint__caption{font-size:.8rem}#stats{font-size:.68rem}}