@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Inter:wght@300;400;700&display=swap";:root{--bg-dark: #030308;--bg-card: #090a14;--neon-cyan: #00f5ff;--neon-pink: #ff006e;--neon-green: #39ff14;--neon-purple: #bd00ff;--neon-yellow: #ffb703;--text-white: #e2e8f0;--text-gray: #64748b}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-dark);color:var(--text-white);font-family:Inter,system-ui,sans-serif;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-dark);position:relative;overflow:hidden}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000004d 50%);background-size:100% 4px;z-index:10;pointer-events:none}.game-header{height:55px;border-bottom:2px solid rgba(0,245,255,.15);display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:#090a14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.logo-text{font-family:Fira Code,monospace;font-weight:700;font-size:1.1rem;letter-spacing:.1em;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,245,255,.5);cursor:pointer}.text-pink{color:var(--neon-pink);text-shadow:0 0 8px rgba(255,0,110,.5)}.header-actions{display:flex;align-items:center;gap:12px}.chip-badge,.points-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:3px;font-family:Fira Code,monospace;font-size:.85rem}.chip-badge{background:#39ff1414;border:1px solid rgba(57,255,20,.25);color:var(--neon-green)}.points-badge{background:#00f5ff14;border:1px solid rgba(0,245,255,.25);color:var(--neon-cyan);cursor:pointer}.icon-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-white);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.game-stage{flex:1;position:relative;overflow:hidden}.canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#030308e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:15;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;overflow-y:auto}.mode-selector{margin-bottom:25px;width:100%;max-width:800px}.section-title{font-family:Fira Code,monospace;font-size:.9rem;color:var(--text-gray);letter-spacing:.15em;display:block;margin-bottom:12px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:4px;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-gray)}.mode-card h3{font-size:1rem;color:var(--text-white)}.mode-card p{font-size:.75rem;line-height:1.4}.mode-card.active{border-color:var(--neon-cyan);box-shadow:0 0 12px #00f5ff33;color:var(--neon-cyan)}.level-select-screen{justify-content:flex-start;padding-top:40px}.level-grid-container{width:100%;max-width:800px;height:220px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);background:#0006;padding:16px;margin-bottom:20px;border-radius:4px}.level-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.level-node{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:Fira Code,monospace;font-size:.85rem;border-radius:3px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}.level-node.locked{background:#ffffff05;color:#ffffff26;cursor:not-allowed}.level-node.unlocked{background:#00f5ff0d;color:var(--neon-cyan);border-color:#00f5ff4d}.level-node.unlocked:hover{background:var(--neon-cyan);color:#000}.level-node.boss-node{border-color:var(--neon-pink);color:var(--neon-pink);background:#ff006e0d}.level-node.selected{outline:2px solid var(--neon-yellow);box-shadow:0 0 10px var(--neon-yellow)}.story-panel{background:#ffffff05;border-left:3px solid var(--neon-cyan);padding:12px 20px;text-align:left;max-width:800px;width:100%;margin-bottom:20px;border-radius:0 4px 4px 0}.story-sender{font-family:Fira Code,monospace;font-size:.75rem;color:var(--text-gray)}.story-title{font-weight:700;font-size:.95rem;margin:4px 0;color:var(--neon-cyan)}.story-text{font-size:.85rem;color:var(--text-white);line-height:1.5}.gamble-screen{max-width:900px;margin:0 auto}.gamble-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0;width:100%}.gamble-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:4px;cursor:pointer;transition:all .25s;text-align:left}.gamble-card h3{color:var(--neon-pink);margin-bottom:8px}.gamble-desc{font-size:.8rem;color:var(--text-gray);margin-bottom:12px;line-height:1.4}.gamble-buff{color:var(--neon-green);font-size:.8rem;margin-bottom:4px}.gamble-debuff{color:var(--neon-pink);font-size:.8rem}.gamble-card.selected{border-color:var(--neon-pink);box-shadow:0 0 15px #ff006e4d}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;padding:16px;display:flex;justify-content:space-between}.hud-label{font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-gray);margin-bottom:3px;display:block}.hp-bars{display:flex;gap:4px}.hp-bar-segment{width:24px;height:6px}.hp-bar-segment.active{background:var(--neon-pink);box-shadow:0 0 6px var(--neon-pink)}.hp-bar-segment.empty{background:#ffffff1a}.core-indicator{margin-top:10px;width:150px}.core-hp-bar{height:6px;background:#ffffff1a}.core-hp-fill{height:100%;background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.skills-hud{margin-top:15px;display:flex;flex-direction:column;gap:6px}.skill-icon-box{display:flex;align-items:center;gap:6px;font-size:.75rem;font-family:Fira Code,monospace}.mobile-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:12px;pointer-events:auto}.mobile-skill-btn{width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0009;color:#fff;font-weight:700;font-size:.8rem;cursor:pointer}.upgrade-list{display:flex;flex-direction:column;gap:16px;width:100%;max-width:600px;margin-bottom:30px}.upgrade-item{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;text-align:left}.upgrade-info h3{font-size:1rem;margin-bottom:4px}.upgrade-info p{font-size:.8rem;color:var(--text-gray);margin-bottom:6px}.stat-preview{font-family:Fira Code,monospace;font-size:.8rem;color:var(--neon-cyan)}.upgrade-action-btn{padding:8px 16px;border-radius:3px;font-weight:700;font-size:.85rem;cursor:pointer;border:1px solid var(--neon-cyan);background:transparent;color:var(--neon-cyan)}.upgrade-action-btn.active:hover{background:var(--neon-cyan);color:#000}.upgrade-action-btn.disabled{opacity:.3;cursor:not-allowed}.glitch-title{font-family:Fira Code,monospace;font-size:3rem;font-weight:900;letter-spacing:.1em;color:var(--neon-cyan)}.glitch-subtitle{font-family:Fira Code,monospace;font-size:.9rem;color:var(--text-gray);letter-spacing:.2em}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.sub-menu-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-btn,.secondary-btn{padding:12px 24px;border-radius:3px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase}.primary-btn{background:var(--neon-cyan);color:#000;border:none;box-shadow:0 0 12px #00f5ff66}.secondary-btn{background:transparent;color:var(--text-white);border:1px solid rgba(255,255,255,.15)}.secondary-btn:hover{border-color:var(--neon-pink);color:var(--neon-pink)}.control-tips{margin-top:30px;font-size:.75rem;color:var(--text-gray);line-height:1.6}.blueprint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:100%;max-width:1000px}.blueprint-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:4px;text-align:left;position:relative}.blueprint-card.equipped{border-color:var(--neon-color);box-shadow:0 0 15px var(--neon-color)}.bp-card-glow{position:absolute;top:0;left:0;width:100%;height:3px;background-color:var(--neon-color)}.bp-header{display:flex;justify-content:space-between;font-size:.7rem;font-family:Fira Code,monospace;margin-bottom:8px}.bp-title{font-size:1.1rem;margin-bottom:6px}.bp-desc{font-size:.75rem;color:var(--text-gray);height:45px}.bp-stats{margin:12px 0}.bp-stat{display:flex;align-items:center;font-size:.75rem;margin-bottom:6px}.bp-stat span{width:40px}.stat-bar{flex:1;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;margin-left:8px}.stat-fill{height:100%}.bp-btn{width:100%;padding:8px;border-radius:3px;font-weight:700;cursor:pointer}.unlock-btn{background:transparent;border:1px solid var(--neon-yellow);color:var(--neon-yellow)}.equip-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-white)}.equip-btn.active{background:var(--neon-color);color:#000;border:none}