.app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%;height:100%;padding:20px;display:flex}.title{letter-spacing:6px;text-shadow:0 0 12px #00e5ff,0 0 28px #7c4dff,0 0 48px #f0f;font-size:72px;font-weight:900;line-height:1}.title-line-1,.title-line-2{display:block}.title-line-1{color:#00e5ff}.title-line-2{color:#ff4081;font-size:88px}.subtitle{color:#c9d1ff;max-width:560px;font-size:20px}.controls-card{text-align:left;background:#0a0623bf;border:2px solid #00e5ff80;border-radius:14px;padding:18px 28px;box-shadow:0 0 24px #00e5ff40}.controls-card h3{color:#00e5ff;letter-spacing:2px;margin-bottom:8px}.controls-card ul{list-style:none}.controls-card li{color:#e8eaff;padding:4px 0}.primary-btn{letter-spacing:2px;color:#fff;background:linear-gradient(135deg,#7c4dff 0%,#00bcd4 100%);border:2px solid #00e5ff;border-radius:999px;padding:14px 36px;font-size:22px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 0 24px #00e5ff99}.primary-btn:hover{transform:scale(1.06);box-shadow:0 0 36px #ff4081b3}.game-container{aspect-ratio:1000/750;touch-action:none;border:2px solid #00e5ff66;border-radius:12px;width:min(100vw,133.333vh);max-width:100vw;max-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 40px #7c4dff80}.game-canvas{touch-action:none;background:#050018;width:100%;height:100%;display:block}.hud{pointer-events:none;color:#fff;padding:12px 16px;position:absolute;top:0;left:0;right:0}.hud-top{justify-content:space-between;align-items:center;display:flex}.hud-label{letter-spacing:3px;color:#b2ebf2;font-size:11px;display:block}.hud-value{color:#fff176;text-shadow:0 0 8px #ffab00;font-size:24px;font-weight:800;display:block}.hud-hearts .heart{text-shadow:0 0 10px #ff1744;margin-left:4px;font-size:28px}.hud-hearts .heart.filled{color:#ff1744}.hud-hearts .heart.empty{color:#ffffff26}.hud-level{text-align:center;color:#e8eaff}.hud-level-name{letter-spacing:2px;color:#00e5ff;text-shadow:0 0 10px #00e5ffb3;font-size:16px;font-weight:700;display:block}.hud-mission{letter-spacing:1px;color:#c9d1ff;background:#0a06238c;border:1px solid #00e5ff40;border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:6px 12px;font-size:13px;display:flex}.hud-mission-progress{color:#fff176;text-shadow:0 0 6px #ffab00;font-weight:800}.hud-perks{gap:10px;margin-top:8px;display:flex}.hud-perk{letter-spacing:1px;background:#0a0623a6;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.hud-perk-icon{color:#0b0625;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.hud-perk-beams .hud-perk-icon{background:#00e5ff;box-shadow:0 0 10px #00e5ff}.hud-perk-power .hud-perk-icon{background:#fff176;box-shadow:0 0 10px #ffab00}.hud-perk-value{color:#e8eaff}.level-badge{letter-spacing:6px;color:#fff176;text-shadow:0 0 10px #ffab00;background:#0a06238c;border:2px solid #fff17680;border-radius:999px;padding:6px 18px;font-size:14px}.level-title{color:#00e5ff;font-size:64px}.mission-card{text-align:center;max-width:560px}.mission-text{color:#e8eaff;margin-top:4px;font-size:20px}.mission-warning{color:#ff4081;letter-spacing:1px;margin-top:10px;font-weight:700}.victory-title{color:#fff176;text-shadow:0 0 16px #ffab00,0 0 32px #00e5ff}.boss-bar{text-align:center;margin-top:14px}.boss-bar-label{letter-spacing:4px;color:#ff4081;text-shadow:0 0 8px #f0f;margin-bottom:4px;font-size:12px}.boss-bar-track{background:#ffffff14;border:1px solid #ff408199;border-radius:8px;height:14px;overflow:hidden}.boss-bar-fill{background:linear-gradient(90deg,#ff1744,#ff4081,#7c4dff);height:100%;transition:width .1s linear;box-shadow:0 0 10px #ff4081}.game-over-screen .title{font-size:80px}.game-over-screen.victory .title{color:#fff176;text-shadow:0 0 16px #ffab00,0 0 32px #ff4081}.game-over-screen.defeat .title{color:#ff4081;text-shadow:0 0 16px #ff1744}.final-score{background:#0a0623bf;border:2px solid #fff17680;border-radius:14px;padding:16px 36px;box-shadow:0 0 24px #fff1764d}.final-score .hud-value{font-size:40px}.hud-right{align-items:center;gap:10px;display:flex}.hud-mute-btn{color:#e8eaff;cursor:pointer;background:#0a0623a6;border:1px solid #00e5ff59;border-radius:8px;padding:4px 10px;font-size:18px;transition:all .15s}.hud-mute-btn:hover{border-color:#00e5ff;box-shadow:0 0 10px #00e5ff80}.hud-perk-shield .hud-perk-icon{background:#40c4ff;box-shadow:0 0 10px #40c4ff}.mini-boss-bar{background:#0a062399;border:1px solid #ff6d0073;border-radius:10px;margin-top:10px;padding:8px 12px}.mini-boss-bar-label{letter-spacing:2px;color:#ff9800;text-shadow:0 0 8px #ff6d00;margin-bottom:4px;font-size:13px;font-weight:800}.mini-boss-bar-track{background:#0000008c;border-radius:6px;height:10px;overflow:hidden}.mini-boss-bar-fill{background:linear-gradient(90deg,#ff9800,#ff3d00);height:100%;transition:width .1s linear;box-shadow:0 0 10px #ff6d00}.boss-phase-tag{letter-spacing:2px;margin-left:6px;font-size:12px}.mini-boss-tag{letter-spacing:1px;margin-top:8px;font-size:14px}.pause-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050018b3;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.pause-text{letter-spacing:10px;color:#00e5ff;text-shadow:0 0 20px #00e5ff,0 0 40px #7c4dff;font-size:72px;font-weight:900}.pause-hint{letter-spacing:3px;color:#c9d1ff;font-size:16px}.touch-controls{pointer-events:none;z-index:15;position:absolute;inset:0}.touch-joystick-base,.touch-fire-btn,.touch-pause-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.touch-joystick-base{background:#0a062373;border:2px solid #00e5ff80;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;bottom:6%;left:4%;box-shadow:0 0 16px #00e5ff59}.touch-joystick-knob{background:radial-gradient(circle at 35% 30%,#81e7ff,#00bcd4 55%,#006064);border:2px solid #fff6;border-radius:50%;width:60px;height:60px;transition:transform 50ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #00e5ff99}.touch-fire-btn{color:#fff;letter-spacing:3px;text-shadow:0 0 8px #ff1744;background:radial-gradient(circle at 40% 35%,#ff8aa8,#ff1744 60%,#880e4f);border:3px solid #ffffff73;border-radius:50%;width:110px;height:110px;font-size:16px;font-weight:900;bottom:6%;right:4%;box-shadow:0 0 22px #ff1744b3}.touch-fire-btn.active{transform:scale(.92);box-shadow:0 0 36px #ffffb0e6}.touch-pause-btn{color:#e8eaff;background:#0a0623a6;border:2px solid #00e5ff73;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex;bottom:calc(6% + 130px);right:4%}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}}.rotate-hint{color:#00e5ff;z-index:30;text-align:center;background:#02000aeb;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:none;position:absolute;inset:0}@media (pointer:coarse) and (orientation:portrait) and (width<=600px){.rotate-hint{display:flex}}.rotate-hint-icon{font-size:56px;animation:1.8s ease-in-out infinite rotateHint}@keyframes rotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;color:#e8eaff;background:#02000a;width:100%;height:100%;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}body{background:radial-gradient(at 20% 30%,#9c27b059 0%,#0000 45%),radial-gradient(at 80% 70%,#00bcd44d 0%,#0000 50%),radial-gradient(#140a3ce6 0%,#02000a 80%)}button{cursor:pointer;font-family:inherit}