body{margin:0;padding:0;background-color:#030712;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#f3f4f6;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:radial-gradient(circle at center,#0f172a,#030712)}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;padding:12px 20px;box-sizing:border-box;z-index:10}.logo{font-size:1.1rem;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#3b82f6,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(56,189,248,.3)}.header-controls{display:flex;gap:10px}.control-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#9ca3af;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.control-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.game-canvas-wrapper{position:relative;width:100%;max-width:600px;height:calc(100vh - 80px);max-height:800px;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff14;background-color:#05070f}.game-canvas{display:block;width:100%;height:100%;object-fit:contain}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#05070fe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;z-index:20}.title-container{text-align:center;margin-bottom:20px}.title-container h1{font-size:3.2rem;font-weight:900;margin:0;background:linear-gradient(180deg,#fff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 15px rgba(59,130,246,.6));letter-spacing:6px}.subtitle{font-size:1.1rem;color:#38bdf8;letter-spacing:8px;text-transform:uppercase;margin-top:8px;font-weight:700}.ship-preview{margin:15px 0;filter:drop-shadow(0 0 20px rgba(56,189,248,.7));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.high-score-badge{display:flex;align-items:center;gap:8px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;padding:8px 18px;border-radius:20px;font-weight:700;font-size:.95rem;margin-bottom:20px}.system-status-box{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:10px 20px;border-radius:8px;width:80%;max-width:320px;margin-bottom:20px;box-sizing:border-box}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:#10b981}.status-indicator.pulse{animation:indicator-pulse 1s infinite alternate}@keyframes indicator-pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.status-text{font-family:monospace;font-size:.75rem;color:#10b981;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instructions{text-align:center;color:#9ca3af;font-size:.82rem;line-height:1.6;margin-bottom:25px;background:#ffffff05;padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.instructions p{margin:4px 0}.shortcut-tip{color:#38bdf8!important;font-size:.75rem;margin-top:6px!important}.pause-box{text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:30px;border-radius:20px;max-width:340px;width:100%}.pause-box h2{font-size:1.8rem;margin:0 0 10px;color:#38bdf8}.pause-tip{color:#9ca3af;font-size:.85rem;margin-bottom:20px}.pause-shortcuts{display:flex;flex-direction:column;gap:8px;margin-bottom:25px;font-size:.85rem;color:#d1d5db}.pause-shortcuts kbd{background:#ffffff26;padding:2px 6px;border-radius:4px;font-family:monospace;margin-right:6px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:14px 36px;font-size:1.1rem;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 10px 25px #1d4ed866,inset 0 1px #fff3;transition:all .2s;width:100%;max-width:220px}.action-btn:hover{filter:brightness(1.15);box-shadow:0 12px 30px #1d4ed899;transform:translateY(-1px)}.action-btn.replay{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 10px 25px #04785766}.hud{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:20px;box-sizing:border-box;pointer-events:none}.hud-left{display:flex;flex-direction:column;gap:10px}.hp-container{display:flex;gap:6px;background:#00000080;padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.heart-icon{transition:transform .2s}.heart-icon.active{animation:heartbeat 1.2s infinite alternate}@keyframes heartbeat{0%{transform:scale(1)}to{transform:scale(1.15)}}.buffs{display:flex;flex-direction:column;gap:6px}.buff-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;animation:pulse 1s infinite alternate}.buff-badge.shield{background:#06b6d433;border:1px solid rgba(6,182,212,.45);color:#22d3ee}.buff-badge.triple{background:#f59e0b33;border:1px solid rgba(245,158,11,.45);color:#fbbf24}@keyframes pulse{0%{opacity:.7}to{opacity:1}}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.score-box{background:#00000080;padding:6px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:flex-end}.score-box .label{font-size:.65rem;color:#9ca3af;font-weight:700;letter-spacing:1px}.score-box .value{font-size:1.5rem;font-weight:900;color:#fff;font-family:monospace}.level-box{background:#3b82f6;color:#fff;font-size:.75rem;font-weight:800;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.gameover-title{font-size:3.5rem;font-weight:900;color:#ef4444;margin:0 0 10px;letter-spacing:2px;text-shadow:0 0 20px rgba(239,68,68,.5);animation:shake .5s infinite alternate}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}to{transform:translate(-1px,-1px) rotate(-1deg)}}.new-record-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#eab308,#ca8a04);color:#000;padding:8px 18px;border-radius:20px;font-weight:800;font-size:.95rem;margin-bottom:20px;box-shadow:0 0 15px #eab30880}.results-card{width:100%;max-width:320px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-bottom:15px;box-sizing:border-box}.result-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.result-row:last-child{border-bottom:none}.result-row span:first-child{color:#9ca3af;font-size:.9rem}.result-row span:last-child{font-weight:700;font-size:1.1rem}.result-row .score-val{color:#f59e0b;font-size:1.4rem!important;font-family:monospace}.restart-hint{color:#6b7280;font-size:.75rem;margin-bottom:20px}