*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0f0a1f,#1f1438);color:#f5f3ff;font-family:JetBrains Mono,SF Mono,Consolas,monospace;min-height:100vh;display:flex;align-items:center;justify-content:center}.app{position:relative;width:400px;padding:20px}.game-container{background:#1f1438;border:2px solid #312E5F;border-radius:4px;overflow:hidden;box-shadow:0 12px 36px #0006,0 0 28px #8b5cf626;position:relative}.start-screen,.gameover-screen{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;background:#0f0a1fe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:600px;justify-content:center}.title{font-family:Orbitron,JetBrains Mono,monospace;font-size:36px;background:linear-gradient(90deg,#8b5cf6,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px #22D3EE55}.subtitle{color:#a78bfa;font-size:14px}.difficulty-select{display:flex;gap:8px;align-items:center;margin:10px 0}.difficulty-btn{padding:8px 16px;background:transparent;border:1px solid #312E5F;color:#f5f3ff;border-radius:4px;cursor:pointer;transition:all .2s}.difficulty-btn.active{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 0 16px #8b5cf644}.difficulty-btn:hover{background:#7c3aed}.start-btn{padding:14px 36px;font-size:18px;font-family:JetBrains Mono,monospace;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:4px;color:#fff;cursor:pointer;box-shadow:0 0 24px #8b5cf666;transition:all .2s}.start-btn:hover{box-shadow:0 0 36px #8b5cf6;transform:scale(1.02)}.highscore{color:#f59e0b;font-size:16px;margin-top:10px}.ranking-btn{background:transparent;border:1px solid #22D3EE;color:#22d3ee;padding:6px 16px;border-radius:4px;cursor:pointer}.ranking{background:#0000004d;border-radius:4px;padding:12px;width:100%;max-width:300px}.ranking h3{margin-bottom:8px;color:#22d3ee;font-size:14px}.ranking ul{list-style:none;text-align:left}.ranking li{font-size:12px;padding:4px 0;border-bottom:1px solid #312E5F44}.game-canvas{display:block;width:100%;height:auto}.gameover-screen h2{font-family:Orbitron;font-size:28px;color:#f43f5e;text-shadow:0 0 20px #F43F5E88}.gameover-screen p{font-size:18px}.new-record{color:#10b981;font-size:22px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.back-btn{background:transparent;border:1px solid #312E5F;color:#a78bfa;padding:8px 24px;border-radius:4px;cursor:pointer}.controls-hint{text-align:center;font-size:12px;color:#a78bfa;margin-top:12px;opacity:.7}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0a1fe6;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:100}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1f1438}::-webkit-scrollbar-thumb{background:#312e5f;border-radius:4px}