@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;600&display=swap";:root{--bg-dark: #0A0E1A;--bg-panel: #1A1F3A;--neon-cyan: #00F5FF;--neon-magenta: #FF006E;--neon-green: #39FF14;--text-main: #E0E0E0;--text-dim: #6B7280}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden;touch-action:none}.cyber-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,#111827 0%,var(--bg-dark) 100%)}.cloud-sync-badge{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;background:#1a1f3acc;padding:8px 16px;border-radius:4px;border:1px solid var(--neon-cyan);font-family:JetBrains Mono,monospace;font-size:12px;color:var(--neon-cyan);box-shadow:0 0 8px #00f5ff4d;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toast{position:absolute;top:70px;right:20px;background:var(--neon-cyan);color:#000;padding:8px 16px;border-radius:4px;font-weight:700;z-index:100;font-family:JetBrains Mono,monospace}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0e1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border:1px solid rgba(0,245,255,.2);box-shadow:0 0 30px #000c;border-radius:8px;z-index:10;text-align:center;max-width:600px;width:90%}.glitch-title{font-family:JetBrains Mono,monospace;font-size:4rem;font-weight:700;color:var(--text-main);position:relative;text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 10px var(--neon-cyan);letter-spacing:.05em}.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-dark)}.glitch-title:before{left:2px;text-shadow:-2px 0 var(--neon-magenta);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch-title:after{left:-2px;text-shadow:-2px 0 var(--neon-cyan);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}.glitch-title.magenta{text-shadow:0 0 10px var(--neon-magenta)}.glitch-title.cyan{text-shadow:0 0 10px var(--neon-cyan)}@keyframes glitch-anim{0%{clip:rect(15px,9999px,81px,0)}20%{clip:rect(72px,9999px,16px,0)}40%{clip:rect(9px,9999px,98px,0)}60%{clip:rect(45px,9999px,23px,0)}80%{clip:rect(88px,9999px,55px,0)}to{clip:rect(32px,9999px,77px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(3px,9999px,44px,0)}40%{clip:rect(89px,9999px,12px,0)}60%{clip:rect(22px,9999px,78px,0)}80%{clip:rect(54px,9999px,33px,0)}to{clip:rect(11px,9999px,99px,0)}}.subtitle{font-family:JetBrains Mono,monospace;color:var(--neon-cyan);margin-bottom:30px;letter-spacing:.1em}.stats-panel{display:flex;gap:20px;margin-bottom:40px}.stat-item{display:flex;align-items:center;gap:10px;background:var(--bg-panel);padding:12px 24px;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:JetBrains Mono,monospace}.neon-icon.magenta{color:var(--neon-magenta);filter:drop-shadow(0 0 5px var(--neon-magenta))}.neon-icon.cyan{color:var(--neon-cyan);filter:drop-shadow(0 0 5px var(--neon-cyan))}.btn-group{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.cyber-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;text-transform:uppercase;background:transparent;cursor:pointer;transition:all .2s ease;border-radius:2px}.cyber-btn.cyan{color:var(--neon-cyan);border:1px solid var(--neon-cyan);box-shadow:0 0 10px #00f5ff33}.cyber-btn.cyan:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}.cyber-btn.magenta{color:var(--neon-magenta);border:1px solid var(--neon-magenta);box-shadow:0 0 10px #ff006e33}.cyber-btn.magenta:hover{background:var(--neon-magenta);color:#000;box-shadow:0 0 20px var(--neon-magenta)}.cyber-btn.ghost{color:var(--text-dim);border:1px solid var(--text-dim)}.cyber-btn.ghost:hover{color:var(--text-main);border-color:var(--text-main)}.cyber-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.select-screen h2{font-family:JetBrains Mono,monospace;color:var(--neon-cyan);margin-bottom:30px;font-size:2rem}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.level-btn{width:80px;height:80px;font-size:2rem;font-family:JetBrains Mono,monospace;font-weight:700;background:var(--bg-panel);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.level-btn.unlocked{color:var(--neon-cyan);border:1px solid var(--neon-cyan);box-shadow:inset 0 0 10px #00f5ff1a}.level-btn.unlocked:hover{background:#00f5ff33;box-shadow:0 0 15px var(--neon-cyan);transform:scale(1.05)}.level-btn.locked{color:var(--text-dim);border:1px solid #333;cursor:not-allowed;background:#111}.game-container{position:relative;width:100%;max-width:800px;height:100%;max-height:600px;border:2px solid var(--neon-cyan);box-shadow:0 0 30px #00f5ff33;border-radius:4px;overflow:hidden;background:#000}.game-container.hidden{display:none}.game-canvas{display:block;width:100%;height:100%;object-fit:contain}.touch-dpad{position:absolute;bottom:30px;left:30px;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.6}.dpad-row{display:flex;gap:10px}.dpad-btn{width:50px;height:50px;background:#00f5ff1a;border:2px solid var(--neon-cyan);border-radius:8px;color:var(--neon-cyan);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00f5ff33;cursor:pointer}.dpad-btn:active{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}@media (min-width: 768px){.touch-dpad{display:none}}.score-display{margin:30px 0;font-family:JetBrains Mono,monospace;font-size:1.5rem}.score-display .highlight{color:var(--neon-cyan);font-size:2.5rem;font-weight:700;text-shadow:0 0 10px var(--neon-cyan)}.new-record{color:var(--neon-magenta);font-weight:700;margin-top:10px;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.mt-8{margin-top:2rem}