:root{--neon-cyan: #00f2fe;--neon-pink: #ff007f;--neon-green: #39ff14;--neon-yellow: #ffff00;--bg-dark: #070714}body{margin:0;padding:0;background-color:var(--bg-dark);color:#fff;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:var(--bg-dark)}.game-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#070714f2;border-bottom:2px solid rgba(255,0,127,.3);z-index:10}.logo{font-size:22px;font-weight:900;letter-spacing:3px;color:#fff;text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink)}.level-indicator{font-size:14px;font-weight:800;color:var(--neon-cyan);background:#00f2fe1a;padding:4px 14px;border-radius:20px;border:1px solid rgba(0,242,254,.3)}.boss-warning-text{color:var(--neon-pink);animation:flash .8s infinite alternate;text-shadow:0 0 8px var(--neon-pink)}.icon-btn{background:#ffffff0d;border:1px solid rgba(255,0,127,.3);color:var(--neon-pink);padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:#ff007f33;box-shadow:0 0 10px var(--neon-pink)}.canvas-wrapper{position:relative;flex:1;width:100%;height:100%;overflow:hidden}canvas{display:block;width:100%;height:100%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#05050fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5;padding:20px;box-sizing:border-box}.anime-character-preview{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.avatar-glow{position:absolute;width:80px;height:80px;background:radial-gradient(circle,rgba(255,0,127,.4) 0%,transparent 70%);border-radius:50%;animation:pulse 1.5s infinite alternate}.anime-emoji{font-size:54px;z-index:1;filter:drop-shadow(0 0 10px var(--neon-pink))}.neon-title{font-size:46px;font-weight:900;margin:0;letter-spacing:4px;background:linear-gradient(45deg,var(--neon-pink),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(255,0,127,.6))}.subtitle{color:#8a8ab0;font-size:16px;letter-spacing:6px;margin-top:8px;margin-bottom:24px;text-transform:uppercase}.high-score-badge{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,215,0,.3);padding:8px 20px;border-radius:20px;color:gold;font-weight:700;margin-bottom:30px;box-shadow:0 0 15px #ffd7001a}.gold-icon{filter:drop-shadow(0 0 5px #ffd700)}.play-btn{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--neon-pink),#b0005d);color:#fff;border:none;padding:14px 40px;font-size:18px;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 0 20px #ff007f66;transition:all .2s ease}.play-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #ff007fcc}.play-btn.replay{background:linear-gradient(135deg,var(--neon-cyan),#0072ff);box-shadow:0 0 20px #00f2fe66}.play-btn.replay:hover{box-shadow:0 0 30px #00f2fecc}.play-btn.victory-btn{background:linear-gradient(135deg,var(--neon-green),#00a82d);box-shadow:0 0 20px #39ff1466}.play-btn.victory-btn:hover{box-shadow:0 0 30px #39ff14cc}.instructions{margin-top:30px;text-align:center;color:#707090;font-size:13px;line-height:1.8;background:#ffffff05;padding:15px 25px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.instructions b{color:var(--neon-cyan)}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;z-index:4}.hud-left{display:flex;flex-direction:column;gap:12px;width:250px}.health-bar-container{display:flex;align-items:center;gap:10px;background:#0009;padding:6px 14px;border-radius:10px;border:1px solid rgba(255,0,127,.2)}.hud-label{font-size:11px;font-weight:900;color:#8a8ab0;letter-spacing:1px}.hearts{display:flex;gap:6px}.heart-segment{width:20px;height:10px;background:#ffffff1a;border-radius:2px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.heart-segment.active{background:var(--neon-pink);border-color:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink)}.level-progress-container{background:#0009;padding:8px 14px;border-radius:10px;border:1px solid rgba(0,242,254,.2)}.progress-text{display:flex;justify-content:space-between;font-size:10px;color:#8a8ab0;margin-bottom:4px;font-weight:700}.progress-bar-bg{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);transition:width .3s ease}.buffs{display:flex;gap:8px}.buff-badge{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;padding:4px 10px;border-radius:6px;animation:pulse 1s infinite alternate}.buff-badge.shield{background:#00f2fe26;border:1px solid var(--neon-cyan);color:var(--neon-cyan)}.buff-badge.rapid{background:#ff007f26;border:1px solid var(--neon-pink);color:var(--neon-pink)}.score-display{display:flex;flex-direction:column;align-items:flex-end;background:#0009;padding:8px 18px;border-radius:10px;border:1px solid rgba(57,255,20,.2);transition:transform .1s ease}.score-display.pop{transform:scale(1.15);border-color:var(--neon-green)}.score-num{font-size:24px;font-weight:900;color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.5)}.boss-hp-overlay{position:absolute;top:80px;left:50%;transform:translate(-50%);width:320px;background:#000c;border:1px solid var(--neon-pink);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 0 15px #ff007f4d}.boss-info{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#fff}.boss-name{color:var(--neon-pink)}.boss-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.boss-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-pink),#ff55aa);box-shadow:0 0 10px var(--neon-pink);transition:width .1s ease}.game-over-title{font-size:56px;font-weight:900;color:var(--neon-pink);margin:0;letter-spacing:4px;text-shadow:0 0 20px rgba(255,0,127,.6);animation:shake .5s infinite alternate}.game-over-subtitle{color:#8a8ab0;font-size:14px;margin-top:10px;margin-bottom:24px}.victory-screen{background:#050f0af2!important}.victory-crown{margin-bottom:20px;animation:bounce 1s infinite alternate}.crown-icon{color:gold;filter:drop-shadow(0 0 15px #ffd700)}.victory-title{font-size:48px;font-weight:900;color:var(--neon-green);margin:0;letter-spacing:4px;text-shadow:0 0 20px rgba(57,255,20,.6)}.victory-subtitle{color:#a0b0a0;font-size:14px;margin-top:10px;margin-bottom:24px;text-align:center;max-width:400px;line-height:1.6}.results{width:280px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:30px}.result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-row:last-child{margin-bottom:0}.result-val{font-size:18px;font-weight:700}.result-val.highlight{color:var(--neon-green);font-size:24px;text-shadow:0 0 8px rgba(57,255,20,.4)}.new-record-banner{background:#ffd70026;border:1px solid #ffd700;color:gold;padding:8px 20px;border-radius:8px;font-weight:700;margin-bottom:30px;animation:bounce 1s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}to{transform:scale(1.05);opacity:1}}@keyframes flash{0%{opacity:.3}to{opacity:1}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translateY(2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}