.game-container{width:100vw;height:100vh;background:#020617;display:flex;justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.game-view{position:relative;width:800px;height:600px;background:radial-gradient(circle at 50% 50%,#0b0f19,#02040a);border:2px solid rgba(59,130,246,.4);border-radius:24px;box-shadow:0 0 80px #3b82f640,inset 0 0 30px #3b82f626;overflow:hidden}canvas{display:block}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:24px;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.top-bar{display:flex;justify-content:space-between;align-items:center}.score-box{background:#0f172ad9;padding:10px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d}.score-box .label{font-size:10px;color:#94a3b8;display:block;letter-spacing:3px;font-weight:700}.score-box .value{font-size:28px;font-weight:900;color:#fff;text-shadow:0 0 15px rgba(59,130,246,.6)}.game-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:#60a5fa;background:#3b82f626;padding:8px 16px;border-radius:20px;border:1px solid rgba(59,130,246,.3);font-weight:700;letter-spacing:1px}.sparkle-icon{animation:pulse 1.5s infinite}.lives-box{display:flex;gap:10px;padding:10px 16px;background:#0f172ad9;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shield-icon{filter:drop-shadow(0 0 5px rgba(59,130,246,.5))}.bottom-controls{display:flex;justify-content:space-between;align-items:flex-end}.weapon-card{display:flex;align-items:center;gap:12px;background:#0f172ad9;padding:12px 20px;border-radius:16px;border:1px solid rgba(251,191,36,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.weapon-card .icon-box{background:#fbbf2426;padding:8px;border-radius:10px}.weapon-card .text-box{display:flex;flex-direction:column}.weapon-card .key-tag{font-size:9px;color:#fbbf24;font-weight:800;letter-spacing:1px}.weapon-card .name{font-size:13px;color:#fff;font-weight:600}.nuke-control{width:280px;background:#0f172ad9;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d}.nuke-info{display:flex;align-items:center;gap:14px;margin-bottom:12px}.nuke-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1e293b;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.nuke-icon-wrapper img{width:100%;height:100%;object-fit:cover;opacity:.3;transition:.4s}.nuke-icon-wrapper img.ready{opacity:1;filter:drop-shadow(0 0 10px #fbbf24)}.nuke-text .title{display:block;font-size:14px;font-weight:800;color:#fff}.nuke-text .hint{font-size:11px;color:#94a3b8}.cooldown-track{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.cooldown-fill{height:100%;width:0;transition:background-color .3s}.nuke-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:50;animation:flash-anim .6s ease-out forwards}@keyframes flash-anim{0%{opacity:1}20%{background:#fbbf24}to{opacity:0}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617f0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;padding:40px}.loading-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;max-width:400px}.loading-logo{margin-bottom:24px}.loading-wrapper h3{color:#fff;font-size:20px;font-weight:800;margin:0 0 8px;letter-spacing:2px}.loading-step-text{color:#60a5fa;font-size:13px;margin:0 0 24px;font-family:monospace}.loading-bar-outer{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;margin-bottom:12px;border:1px solid rgba(59,130,246,.2)}.loading-bar-inner{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .3s ease}.loading-percent{color:#94a3b8;font-size:12px;font-weight:700}.logo-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.spin-slow{position:absolute;animation:spin 12s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal h1{font-size:60px;margin:0;font-weight:900;letter-spacing:-2px;background:linear-gradient(to bottom,#fff 30%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal .subtitle{color:#60a5fa;letter-spacing:6px;font-weight:700;margin-top:8px;text-transform:uppercase;font-size:13px}.record-card{margin:20px 0;display:flex;align-items:center;gap:8px;background:#fbbf241a;padding:8px 20px;border-radius:30px;color:#fbbf24;font-weight:700;border:1px solid rgba(251,191,36,.25);font-size:14px}button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:16px 40px;font-size:18px;font-weight:800;border-radius:16px;cursor:pointer;transition:.3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #3b82f64d}button:hover:not(:disabled){transform:scale(1.05) translateY(-2px);background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 30px #3b82f680}button:disabled{opacity:.5;cursor:wait}button.retry{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef44444d}button.retry:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 30px #ef444480}.controls-hint-grid{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:500px;width:100%}.hint-item{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);color:#94a3b8;font-size:12px;text-align:left}.hint-item b{color:#3b82f6}.paused-subtitle{color:#64748b;font-size:14px;margin:-10px 0 24px}.gameover-desc{color:#94a3b8;font-size:14px;margin:-10px 0 20px}.final-score{margin:20px 0;display:flex;flex-direction:column}.final-score .label{font-size:13px;color:#64748b;letter-spacing:1px}.final-score .value{font-size:48px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(239,68,68,.4)}.shake{animation:shake-anim .15s infinite}@keyframes shake-anim{0%{transform:translate(0)}25%{transform:translate(3px,-3px)}75%{transform:translate(-3px,3px)}}.float{animation:float-anim 3s ease-in-out infinite}@keyframes float-anim{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}