@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #07090e;--bg-dark-glass: rgba(10, 14, 23, .72);--bg-card-glass: rgba(18, 24, 38, .68);--border-glass: rgba(56, 189, 248, .2);--border-glass-hover: rgba(56, 189, 248, .5);--neon-cyan: #00f0ff;--neon-magenta: #ff007f;--neon-green: #39ff14;--neon-amber: #ffb703;--neon-red: #ff2a5f;--glow-cyan: 0 0 20px rgba(0, 240, 255, .4);--glow-magenta: 0 0 20px rgba(255, 0, 127, .4);--glow-red: 0 0 25px rgba(255, 42, 95, .5);--font-display: "Orbitron", -apple-system, sans-serif;--font-body: "Outfit", -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);font-family:var(--font-body);color:#f1f5f9;touch-action:none}#canvasContainer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#gameCanvas{display:block;width:100%;height:100%}.ambient-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0;opacity:.18}.ambient-glow.top-left{top:-200px;left:-200px;background:radial-gradient(circle,#00f0ff,transparent 70%)}.ambient-glow.bottom-right{bottom:-200px;right:-200px;background:radial-gradient(circle,#ff007f,transparent 70%)}#uiLayer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column}.interactive{pointer-events:auto}.hud-container{position:absolute;top:0;left:0;width:100%;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:flex-start;transition:opacity .3s ease,transform .3s ease;z-index:20}.hud-container.hidden{opacity:0;pointer-events:none;transform:translateY(-20px)}.hud-left{display:flex;flex-direction:column;gap:.75rem}.glass-pill{background:var(--bg-dark-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:9999px;padding:.5rem 1.25rem;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px #0000005e;transition:all .2s ease}.score-display{display:flex;align-items:baseline;gap:.5rem}.score-label{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#94a3b8;text-transform:uppercase}.score-val{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(0,240,255,.6);min-width:3.5rem}.highscore-badge{font-size:.75rem;color:#cbd5e1;display:flex;align-items:center;gap:.35rem}.highscore-val{font-family:var(--font-display);font-weight:700;color:var(--neon-amber)}.combo-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:linear-gradient(135deg,#ff007f4d,#00f0ff33);border:1px solid var(--neon-magenta);box-shadow:0 0 15px #ff007f66;border-radius:9999px;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.combo-badge.active{opacity:1;transform:scale(1);animation:pulse-glow 1s infinite alternate}.combo-text{font-family:var(--font-display);font-size:.85rem;font-weight:800;letter-spacing:.05em;color:#fff;text-shadow:0 0 8px var(--neon-magenta)}.hud-right{display:flex;align-items:center;gap:1rem}.lives-container{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem}.heart-icon{width:26px;height:26px;color:var(--neon-red);filter:drop-shadow(0 0 8px rgba(255,42,95,.7));transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,filter .3s ease}.heart-icon.lost{opacity:.25;filter:grayscale(100%);transform:scale(.75)}.heart-icon.shake{animation:heart-break .4s ease forwards}@keyframes heart-break{0%{transform:scale(1.3) rotate(0)}25%{transform:scale(1.1) rotate(-15deg)}50%{transform:scale(.9) rotate(15deg)}75%{transform:scale(.6) rotate(-5deg)}to{transform:scale(.75) rotate(0);opacity:.25}}.hud-btn{background:var(--bg-dark-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);color:#cbd5e1;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.hud-btn:hover{background:#1e293be6;border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 15px #00f0ff4d;transform:scale(1.05)}.hud-btn:active{transform:scale(.95)}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:1.5rem;background:#04060ca6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;opacity:1;transition:opacity .35s ease,visibility .35s ease}.overlay-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.glass-modal{background:var(--bg-card-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:24px;padding:2.75rem 2.5rem;max-width:520px;width:100%;text-align:center;box-shadow:0 20px 60px #0009,inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden;transform:scale(1);transition:transform .3s cubic-bezier(.16,1,.3,1)}.overlay-screen.hidden .glass-modal{transform:scale(.92)}.glass-modal:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),var(--neon-magenta),transparent);box-shadow:0 0 15px var(--neon-cyan)}.logo-container{margin-bottom:1.5rem}.badge-tag{display:inline-block;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--neon-cyan);padding:.25rem .75rem;border-radius:9999px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);margin-bottom:.75rem}.game-title{font-family:var(--font-display);font-size:2.8rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#a5f3fc 60%,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(0,240,255,.4)}.game-subtitle{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.3em;color:var(--neon-magenta);text-transform:uppercase;margin-top:.35rem;text-shadow:0 0 15px rgba(255,0,127,.6)}.game-lore{font-size:.95rem;color:#94a3b8;line-height:1.6;margin-bottom:2rem;padding:0 .5rem}.blade-select-preview{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1.2rem;margin-bottom:1.75rem;background:#0f172a80;border:1px dashed rgba(56,189,248,.3);border-radius:12px}.blade-dot{width:10px;height:10px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.blade-name{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:#e2e8f0;letter-spacing:.05em}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.1rem 2rem;font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#030712;background:linear-gradient(135deg,#00f0ff,#38bdf8,#818cf8);border:none;border-radius:14px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 25px #00f0ff73;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(30deg);transition:transform .6s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #00f0ffb3}.btn-primary:hover:after{transform:rotate(30deg) translate(50%,50%)}.btn-primary:active{transform:translateY(1px)}.btn-group{display:flex;gap:.75rem;margin-top:1rem}.btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.25rem;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#cbd5e1;background:#1e293b99;border:1px solid var(--border-glass);border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#334155cc;border-color:var(--neon-cyan);color:#fff;box-shadow:0 0 15px #00f0ff33}.btn-danger{background:linear-gradient(135deg,#ff2a5f,#e11d48);color:#fff;box-shadow:0 0 25px #ff2a5f73}.btn-danger:hover{box-shadow:0 0 35px #ff2a5fb3}.phase2-badge{margin-top:1.75rem;padding:.5rem 1rem;background:#0f172ab3;border:1px solid rgba(255,0,127,.3);border-radius:10px;font-size:.75rem;color:#cbd5e1;display:flex;align-items:center;justify-content:center;gap:.5rem}.phase2-badge span{color:var(--neon-magenta);font-weight:600}.gameover-header{margin-bottom:1.5rem}.gameover-title{font-family:var(--font-display);font-size:2.25rem;font-weight:900;color:var(--neon-red);text-shadow:0 0 20px rgba(255,42,95,.6);letter-spacing:-.01em}.gameover-reason{font-size:.95rem;color:#fca5a5;margin-top:.35rem;font-weight:500}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0 2rem}.stat-card{background:#0f172ab3;border:1px solid rgba(56,189,248,.15);border-radius:14px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.stat-card.highlight{border-color:#ffb70366;background:linear-gradient(135deg,#0f172acc,#ffb70314)}.stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#fff}.stat-card.highlight .stat-value{color:var(--neon-amber);text-shadow:0 0 10px rgba(255,183,3,.4)}.new-record-pill{position:absolute;top:-8px;right:-6px;background:var(--neon-amber);color:#000;font-family:var(--font-display);font-size:.6rem;font-weight:900;padding:.15rem .4rem;border-radius:9999px;box-shadow:0 0 10px var(--neon-amber);animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;text-align:left;margin:1.5rem 0}.guide-item{background:#0f172a99;border:1px solid var(--border-glass);border-radius:12px;padding:.85rem}.guide-icon-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--neon-cyan);margin-bottom:.35rem}.guide-item p{font-size:.75rem;color:#94a3b8;line-height:1.4}@keyframes pulse-glow{0%{box-shadow:0 0 10px #ff007f66}to{box-shadow:0 0 25px #ff007fcc}}@media(max-width:640px){.hud-container{padding:.75rem 1rem}.score-val{font-size:1.35rem}.game-title{font-size:2.1rem}.game-subtitle{font-size:1rem}.glass-modal{padding:2rem 1.5rem;border-radius:18px}.stats-grid,.guide-grid{grid-template-columns:1fr}}