:root{--bg-dark: #030310;--neon-blue: #00f3ff;--neon-purple: #bc13fe;--neon-red: #ff3366;--neon-green: #39ff14;--glass-bg: rgba(10, 10, 35, .75);--glass-border: rgba(0, 243, 255, .35)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;font-family:PingFang SC,-apple-system,sans-serif}.app-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#0d0620,#000)}.game-wrapper{position:relative;background-color:var(--bg-dark);border:3px solid var(--glass-border);border-radius:24px;overflow:hidden;box-shadow:0 0 50px #00f3ff33,inset 0 0 30px #bc13fe26}.starfield{position:absolute;top:0;left:0;width:100%;height:200%;background-image:radial-gradient(2px 2px at 30px 40px,#fff,transparent),radial-gradient(2px 2px at 100px 150px,#00f3ff,transparent),radial-gradient(3px 3px at 250px 80px,#bc13fe,transparent),radial-gradient(2px 2px at 350px 280px,#fff,transparent);background-repeat:repeat;background-size:400px 400px;opacity:.65;z-index:0}.starfield.moving{animation:starScroll 10s linear infinite}@keyframes starScroll{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#00f3ff0a 50%,#00f3ff0a);background-size:100% 4px;z-index:5;pointer-events:none}.cloud-toast{position:absolute;top:15px;left:50%;transform:translate(-50%);z-index:100;background:#050514e6;border:1px solid var(--neon-blue);padding:8px 18px;border-radius:30px;font-size:13px;color:var(--neon-blue);box-shadow:0 0 15px #00f3ff4d;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700}.screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.title-box{text-align:center;margin-bottom:30px}.game-logo{font-size:4rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 15px var(--neon-blue))}.neon-text-blue{font-size:2.8rem;font-weight:900;color:#fff;text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);letter-spacing:4px;margin-top:10px}.neon-text-red{font-size:2.6rem;font-weight:900;color:#fff;text-shadow:0 0 10px var(--neon-red),0 0 20px var(--neon-red);letter-spacing:2px;margin-bottom:15px}.subtitle{font-size:1rem;color:#a0a0ff;letter-spacing:3px;margin-top:8px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.high-score-board{display:flex;align-items:center;gap:8px;background:var(--glass-bg);padding:10px 24px;border-radius:30px;border:1px solid rgba(255,215,0,.4);margin-bottom:35px;font-size:1.1rem;color:gold;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-hint{margin-top:30px;color:#ffffffb3;font-size:.85rem;text-align:left;line-height:1.8;background:#0009;padding:15px 20px;border-radius:16px;border:1px dashed rgba(0,243,255,.3);width:90%}.highlight-hint{color:var(--neon-blue);font-weight:700;margin-bottom:4px}.danger-hint{color:#f80;font-weight:700;margin-top:4px}.key-tag{background:#333;padding:2px 6px;border-radius:4px;color:#fff;font-family:monospace;border:1px solid #55}.btn-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(45deg,var(--neon-purple),#4a00e0);border:1px solid rgba(255,255,255,.2);padding:14px 32px;border-radius:30px;color:#fff;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 0 20px #bc13fe80;outline:none;transition:.2s}.key-hint{font-size:.8rem;background:#fff3;padding:2px 6px;border-radius:5px;margin-left:5px}.question-board{position:absolute;top:15px;left:15px;right:15px;background:#0a0a28d9;border:1px solid var(--neon-blue);border-radius:16px;padding:12px 16px;text-align:center;z-index:30;box-shadow:0 4px 20px #00f3ff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-header{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:var(--neon-blue);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;font-weight:700}.question-text{font-size:1.6rem;font-weight:800;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6);margin:6px 0;letter-spacing:2px}.question-tip{font-size:.75rem;color:#8888b0}.hud{position:absolute;top:135px;left:0;width:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center;z-index:20;pointer-events:none}.hud-left,.hud-right{display:flex;flex-direction:column;gap:6px;pointer-events:auto}.score-display{display:flex;align-items:center;gap:6px;background:var(--glass-bg);padding:6px 16px;border-radius:20px;border:1px solid var(--glass-border);color:var(--neon-blue);font-size:1.15rem;font-weight:700;box-shadow:0 4px 10px #0006}.diff-display{font-size:.75rem;color:var(--neon-purple);font-weight:700;text-shadow:0 0 5px var(--neon-purple);margin-left:8px}.lives-display{display:flex;gap:4px;background:var(--glass-bg);padding:6px 12px;border-radius:20px;border:1px solid var(--glass-border)}.heart-beat{animation:heartbeat 1.2s infinite;filter:drop-shadow(0 0 4px var(--neon-red))}.heart-empty{opacity:.2}@keyframes heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.2)}}.pause-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;align-self:flex-end;transition:.2s}.pause-btn:hover{background:#00f3ff33}.pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.pause-overlay p{margin-top:10px;color:#888;font-size:1rem}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.entities-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;pointer-events:none}.player-ship,.player-bullet,.enemy-bullet,.explosion-effect{position:absolute;display:flex;justify-content:center;align-items:center}.player-ship img{width:100%;height:100%;object-fit:contain}.engine-flame{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:10px;height:20px;background:linear-gradient(to bottom,var(--neon-blue),transparent);border-radius:50% 50% 0 0;animation:flicker .1s infinite alternate}@keyframes flicker{0%{height:15px;opacity:.7}to{height:25px;opacity:1}}.player-bullet .laser-core{width:100%;height:100%;background:#fff;border-radius:4px;box-shadow:0 0 8px var(--neon-blue),0 0 15px var(--neon-purple)}.enemy-ship-container{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:18}.enemy-ship-body{width:45px;height:45px;display:flex;justify-content:center;align-items:center}.enemy-ship-body img{width:100%;height:100%;object-fit:contain}.char-bubble{background:#000000d9;border-radius:50%;width:34px;height:34px;display:flex;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;color:#fff;box-shadow:0 0 10px #fff3;transition:transform .2s;margin-bottom:4px}.correct-bubble{border:2px solid var(--neon-blue);text-shadow:0 0 5px var(--neon-blue);box-shadow:0 0 12px #00f3ff66}.wrong-bubble{border:2px solid var(--neon-purple);text-shadow:0 0 5px var(--neon-purple);box-shadow:0 0 12px #bc13fe4d}.enemy-bullet{position:absolute;background:radial-gradient(circle,#fa0 30%,#f30 90%);border-radius:50%;box-shadow:0 0 8px #f30}.explosion-effect{font-size:2.2rem;animation:explode .25s ease-out forwards}@keyframes explode{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.mobile-controls{position:absolute;bottom:15px;left:15px;right:15px;display:flex;gap:12px;z-index:25}.control-btn{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;padding:12px;border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shoot-btn{flex:2;background:linear-gradient(45deg,#f36,#ff8c00);border:none;color:#fff;font-size:1.1rem;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px #f366}.gameover-icon{animation:shake .5s infinite alternate;margin-bottom:10px}@keyframes shake{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.gameover-tip{color:#8888b0;font-size:.9rem;margin-bottom:25px;text-align:center}.final-stats{background:var(--glass-bg);padding:20px 40px;border-radius:20px;border:1px solid var(--glass-border);margin-bottom:30px;text-align:center;position:relative}.stat-box{display:flex;flex-direction:column;gap:6px}.stat-box .label{font-size:.9rem;color:#a0a0ff;text-transform:uppercase;letter-spacing:1px}.stat-box .value{font-size:2.8rem;line-height:1}.new-record-badge{position:absolute;top:-15px;right:-20px;background:linear-gradient(45deg,gold,#ff8c00);color:#000;font-weight:900;padding:6px 16px;border-radius:20px;box-shadow:0 4px 10px #ffd70066;font-size:.85rem;border:1px solid #fff}