*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0d0218;font-family:Orbitron,Segoe UI,system-ui,sans-serif;color:#f0f4ff}#game{display:block;width:100%;height:100%}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;gap:1rem}.hud-panel{min-width:180px}.hud-center{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hud-stat{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8;white-space:nowrap}.hud-panel .label{display:block;font-size:.7rem;letter-spacing:.15em;opacity:.7;margin-bottom:.35rem}.bar-track{height:10px;background:#ffffff1f;border-radius:999px;overflow:hidden}.bar-fill{height:100%;width:100%;transition:width .15s ease}.bar-fill.player{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-fill.enemy{background:linear-gradient(90deg,#ef4444,#f87171)}.bar-fill.enemy.boss{background:linear-gradient(90deg,gold,#ff0040);box-shadow:0 0 8px #ffd70080}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:300;color:#ffffffd9;text-shadow:0 0 6px rgba(0,0,0,.8);opacity:0;transition:opacity .2s}#crosshair.visible{opacity:1}.controller-status{position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.3rem .8rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#00f0ff;background:#00f0ff1f;border:1px solid rgba(0,240,255,.45);border-radius:999px;box-shadow:0 0 8px #00f0ff40;z-index:11;pointer-events:none;opacity:1;transition:opacity .3s}.controller-status.hidden{opacity:0}.audio-prompt{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:50;padding:.6rem 1.2rem;font-size:.85rem;letter-spacing:.05em;color:#fff;background:#ff2e9a26;border:1px solid rgba(255,46,154,.6);border-radius:6px;box-shadow:0 0 12px #ff2e9a59;pointer-events:none;animation:audioPromptPulse 1.5s ease-in-out infinite}@keyframes audioPromptPulse{0%,to{opacity:.85}50%{opacity:1}}.gamepad-hint{color:#ff6ec7;opacity:.85;font-size:.8rem;letter-spacing:.05em;margin-top:.5rem}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a0535,#140428 45%,#0d0218);pointer-events:auto;transition:opacity .3s;overflow:hidden}#overlay>*{position:relative;z-index:2}#overlay.hidden{opacity:0;pointer-events:none}#overlay:before{content:"";position:absolute;top:4%;left:50%;width:clamp(180px,26vw,300px);aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#ff2e9a,#ff6ec7 28%,#ffb84d 58%,#fff200);transform:translate(-50%);filter:blur(.5px);opacity:.5;box-shadow:0 0 40px #ff2e9a4d,0 0 80px #ffb84d2e;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,#000 57%,transparent 59%,transparent 61%,#000 63%,#000 67%,transparent 69%,transparent 72%,#000 74%,#000 79%,transparent 81%,transparent 85%,#000 87%,#000 92%,transparent 94%,transparent 98%,#000 98%,#000 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,#000 57%,transparent 59%,transparent 61%,#000 63%,#000 67%,transparent 69%,transparent 72%,#000 74%,#000 79%,transparent 81%,transparent 85%,#000 87%,#000 92%,transparent 94%,transparent 98%,#000 98%,#000 100%);z-index:1;animation:sunPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,to{filter:blur(.5px) brightness(1)}50%{filter:blur(.5px) brightness(1.18)}}#overlay:after{content:"";position:absolute;bottom:-12%;left:-50%;width:200%;height:50%;background-image:linear-gradient(90deg,transparent 0%,transparent 49.6%,#ff2e9a 49.6%,#ff2e9a 50.4%,transparent 50.4%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 49.6%,#00f0ff 49.6%,#00f0ff 50.4%,transparent 50.4%,transparent 100%);background-size:44px 44px;transform:perspective(420px) rotateX(62deg);transform-origin:center top;animation:gridScroll 1.4s linear infinite;opacity:.45;z-index:1}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 44px}}#overlay h1{font-family:Orbitron,Segoe UI,system-ui,sans-serif;font-weight:900;font-size:clamp(2.2rem,7vw,4.5rem);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;background:linear-gradient(135deg,#ff2e9a,#00f0ff,#b026ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,0,0,.85),0 0 18px rgba(255,46,154,.45),0 0 36px rgba(0,240,255,.3);filter:drop-shadow(0 0 10px rgba(176,38,255,.5));animation:titleFlicker 5s ease-in-out infinite}@keyframes titleFlicker{0%,92%,to{opacity:1}93%{opacity:.75}94%{opacity:1}95%{opacity:.85}96%{opacity:1}}.tagline{color:#00f0ff;opacity:.85;margin-bottom:1.5rem;letter-spacing:.08em;text-shadow:0 0 8px rgba(0,240,255,.5)}.controls{margin-bottom:1.5rem;text-align:center;line-height:2;opacity:.95;color:#f0f4ff}kbd{display:inline-block;min-width:2rem;padding:.15rem .5rem;border:1px solid rgba(0,240,255,.5);border-radius:4px;background:#00f0ff14;font-family:Orbitron,Segoe UI,system-ui,sans-serif;font-size:.85rem;color:#00f0ff;box-shadow:0 0 6px #00f0ff40,inset 0 0 6px #00f0ff1a}.tier-info{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.tier-badge{padding:.35rem .7rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.95}.tier-1{background:#ff2e9a29;color:#ff2e9a;border:1px solid rgba(255,46,154,.55);box-shadow:0 0 8px #ff2e9a40}.tier-2{background:#00f0ff29;color:#00f0ff;border:1px solid rgba(0,240,255,.55);box-shadow:0 0 8px #00f0ff40}.tier-3{background:#b026ff2e;color:#b026ff;border:1px solid rgba(176,38,255,.55);box-shadow:0 0 8px #b026ff4d}.tier-4{background:#fff20029;color:#fff200;border:1px solid rgba(255,242,0,.5);box-shadow:0 0 8px #fff20040}.tier-5{background:#ff6ec72e;color:#ff6ec7;border:1px solid rgba(255,110,199,.6);box-shadow:0 0 10px #ff6ec759}.tier-6{background:#ffd7002e;color:gold;border:1px solid rgba(255,0,64,.7);box-shadow:0 0 12px #ffd70066}#start-btn{pointer-events:auto;cursor:pointer;border:none;padding:.95rem 2.8rem;font-family:Orbitron,Segoe UI,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0d0218;background:linear-gradient(135deg,#ff2e9a,#00f0ff);border-radius:999px;box-shadow:0 0 18px #ff2e9a80,0 0 36px #00f0ff59;animation:btnBeat .48s ease-in-out infinite;transition:transform .15s}#start-btn:hover{transform:scale(1.05);box-shadow:0 0 28px #ff2e9ab3,0 0 52px #00f0ff8c}@keyframes btnBeat{0%,to{box-shadow:0 0 14px #ff2e9a66,0 0 28px #00f0ff40}50%{box-shadow:0 0 22px #ff2e9aa6,0 0 44px #00f0ff80}}#message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a0535e0,#0d0218f5);pointer-events:auto;text-align:center}#message.hidden{display:none}#message h2{font-family:Orbitron,Segoe UI,system-ui,sans-serif;font-weight:900;font-size:clamp(2rem,5vw,3rem);margin-bottom:.75rem;background:linear-gradient(135deg,#ff2e9a,#ff6ec7);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(255,46,154,.5);letter-spacing:.1em;text-transform:uppercase}#message p{opacity:.85;margin-bottom:1.5rem;color:#00f0ff;text-shadow:0 0 8px rgba(0,240,255,.4)}#message button{pointer-events:auto;cursor:pointer;border:none;padding:.8rem 2.2rem;font-family:Orbitron,Segoe UI,system-ui,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0d0218;background:linear-gradient(135deg,#ff2e9a,#00f0ff);border-radius:999px;box-shadow:0 0 16px #ff2e9a80,0 0 32px #00f0ff4d;transition:transform .15s}#message button:hover{transform:scale(1.05)}.win-screen{background:radial-gradient(circle at center,#3a0a5ad1,#0d0218f2)!important}.win-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.win-title{font-family:Orbitron,Segoe UI,system-ui,sans-serif;font-size:clamp(3rem,8vw,5rem)!important;letter-spacing:.18em;background:linear-gradient(135deg,#ff2e9a,#fbbf24,#00f0ff,#b026ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(255,46,154,.5),0 0 48px rgba(0,240,255,.3);filter:drop-shadow(0 0 14px rgba(176,38,255,.6));animation:winPulse 1.5s ease-in-out infinite}.win-subtitle{font-size:1.3rem;color:#fff200!important;opacity:1!important;text-shadow:0 0 12px rgba(255,242,0,.55);letter-spacing:.08em}.win-stats{font-size:.9rem;opacity:.7!important;margin-bottom:.5rem!important;color:#ff6ec7!important}@keyframes winPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 14px rgba(176,38,255,.6)) brightness(1)}50%{transform:scale(1.05);filter:drop-shadow(0 0 22px rgba(0,240,255,.8)) brightness(1.3)}}#message.win-screen button{background:linear-gradient(135deg,#fbbf24,#ff2e9a);box-shadow:0 0 18px #fbbf248c,0 0 36px #ff2e9a66}.pause-screen{background:radial-gradient(circle at center,#0a1a3ae0,#0d0218f2)!important}.pause-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.pause-screen h2{background:linear-gradient(135deg,#00f0ff,#b026ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(0,240,255,.5);animation:pausePulse 2s ease-in-out infinite}#message.pause-screen button{background:linear-gradient(135deg,#00f0ff,#b026ff);box-shadow:0 0 16px #00f0ff80,0 0 32px #b026ff4d}@keyframes pausePulse{0%,to{opacity:.85}50%{opacity:1}}