.game-area{flex:1;display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:0;overflow:hidden;background-color:#f3f4f6}.game-canvas-wrap{position:relative;flex-shrink:0;box-sizing:content-box;border:1px solid #1a1a1a;touch-action:none;-webkit-user-select:none;user-select:none}.game-canvas{display:block;width:100%;height:100%;cursor:pointer}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);padding:20px}.game-over-card{width:100%;max-width:260px;display:flex;flex-direction:column;align-items:stretch;gap:14px;background:#ffffff;border:2px solid #1a1a1a;border-radius:20px;padding:24px 20px;box-shadow:0 20px 40px #00000040}.game-over-title{align-self:center;color:#1a1a1a;font-size:24px;font-weight:800;letter-spacing:1px}.game-over-revive{display:flex;flex-direction:column;gap:10px}.game-over-actions{display:flex;gap:10px}.game-over-btn{height:48px;flex:1;padding:0 16px;border-radius:14px;border:2px solid #1a1a1a;background:#ffffff;color:#1a1a1a;font-size:14px;font-weight:700;cursor:pointer}.game-over-btn:disabled{opacity:.6;cursor:default}.revive-btn-ad{background:#22c55e;border-color:#22c55e;color:#fff}.revive-btn-star{background:#ffb300;border-color:#ffb300;color:#1a1a1a}.restart-btn{background:#4aa3e8;border-color:#4aa3e8;color:#fff}.menu-exit-btn{background:#ffffff;border-color:#1a1a1a;color:#1a1a1a}.game-header{display:flex;align-items:center;flex-shrink:0;gap:10px;padding:10px 14px;background:#ffffff}.game-back-btn,.game-settings-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;box-shadow:none;color:#1a1a1a;cursor:pointer}.game-score{flex:1;text-align:center;font-size:20px;font-weight:800}.score-label{color:#1a1a1a}.score-value{color:#4aa3e8}.game-header-actions{flex-shrink:0;display:flex;gap:8px}.game-icon-btn{position:relative;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;box-shadow:none;padding:0;cursor:pointer}.game-icon-btn img{width:100%;height:100%;object-fit:contain}.game-icon-count{position:absolute;bottom:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;box-shadow:0 0 0 2px #fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;line-height:1;pointer-events:none}.game-icon-count-power{background:#ef4444}.game-icon-count-speed{background:#3b82f6}.game-icon-count-aim{background:#22c55e}.main-menu{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#fdfdfe 0%,#f3f4f6 100%)}.main-menu-back{position:absolute;top:16px;left:16px;z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e5e7eb;background:#ffffff;color:#16181d;cursor:pointer}.main-menu-arc{position:absolute;top:24px;right:16px;width:96px;height:96px;z-index:1}.main-menu-wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:160px;z-index:0}.main-menu-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px;width:100%;max-width:320px}.main-menu-logo{width:184px;height:184px;object-fit:contain}.highest-score-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 40px;width:100%;background:#ffffff;border-radius:20px;box-shadow:0 10px 30px #1e293b14}.highest-score-label{font-size:12px;font-weight:600;color:#9aa1ac}.highest-score-value{font-size:32px;font-weight:800;color:#3b82f6}.main-menu-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.menu-btn{height:48px;border-radius:16px;border:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:700;cursor:pointer}.menu-btn-primary{background:linear-gradient(180deg,#5fb2f0 0%,#2f7fd6 100%);color:#fff;font-size:19px}.menu-btn-secondary{background:#ffffff;color:#16181d;border:2px solid #d3d8e0}.power-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.power-dialog{width:100%;max-width:320px;background:#ffffff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 40px #0003}.power-dialog-header{display:flex;align-items:center;justify-content:space-between}.power-dialog-title{font-size:18px;font-weight:800;color:#1a1a1a}.power-dialog-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.power-dialog-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border-radius:14px;border:2px solid #1a1a1a;background:#f3f4f6;cursor:pointer;text-align:left}.power-dialog-option-title{font-size:15px;font-weight:700;color:#1a1a1a}.power-dialog-option-sub{font-size:12px;color:#6b7280}.power-dialog-option-ad{background:#4aa3e8;border-color:#4aa3e8}.power-dialog-option-ad .power-dialog-option-title,.power-dialog-option-ad .power-dialog-option-sub{color:#fff}.ranking-screen{flex:1;display:flex;flex-direction:column;width:100%;height:100%;background:#f6f7f9}.ranking-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:16px;background:#ffffff}.ranking-icon-btn{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e5e7eb;background:#ffffff;color:#16181d;cursor:pointer}.ranking-title{flex:1;text-align:center;font-size:18px;font-weight:800;color:#16181d}.ranking-header-spacer{flex-shrink:0;width:36px}.ranking-tabs{flex-shrink:0;display:flex;gap:6px;margin:12px 16px 0;padding:4px;background:#eceff3;border-radius:14px}.ranking-tab{flex:1;height:36px;border:none;border-radius:10px;background:transparent;font-size:14px;font-weight:700;color:#9aa1ac;cursor:pointer}.ranking-tab.active{background:#ffffff;color:#3b82f6;box-shadow:0 2px 6px #0f172a14}.ranking-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.ranking-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff;border:1px solid #eef0f3;border-radius:14px}.ranking-row-top{background:#fffbeb;border-color:#fde9b0}.ranking-rank{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f4f6;font-size:13px;font-weight:800;color:#16181d}.ranking-medal{flex-shrink:0;width:28px;height:28px}.ranking-name{flex:1;font-size:15px;font-weight:600;color:#16181d}.ranking-score{font-size:15px;font-weight:800;color:#3b82f6}.ranking-updated{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0 4px;font-size:12px;font-weight:600;color:#9aa1ac}.ranking-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;font-size:14px;color:#9aa1ac}.shop-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.shop-dialog{width:100%;max-width:360px;background:#ffffff;border:2px solid #1a1a1a;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px #0003}.shop-dialog-header{display:flex;align-items:center;justify-content:space-between}.shop-dialog-title{font-size:18px;font-weight:800;color:#1a1a1a}.shop-dialog-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.shop-dialog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-skin-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px;border-radius:14px;border:2px solid #eef0f3;background:#f9fafb}.shop-skin-image{position:relative;width:100%;max-width:56px;aspect-ratio:1}.shop-skin-image-base,.shop-skin-image-turret{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.shop-skin-name{font-size:12px;font-weight:700;color:#1a1a1a}.shop-skin-btn{width:100%;height:22px;padding:0;border-radius:8px;border:none;background:none;color:#4aa3e8;font-size:12px;font-weight:700;cursor:pointer}.shop-skin-btn:disabled{color:#ffb300;cursor:default}.settings-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.settings-dialog{width:100%;max-width:340px;background:#ffffff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:18px;box-shadow:0 20px 40px #0003}.settings-dialog-header{display:flex;align-items:center;justify-content:space-between}.settings-dialog-title{font-size:18px;font-weight:800;color:#1a1a1a}.settings-dialog-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section-title{font-size:13px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.settings-section-hint{font-size:11px;color:#9aa1ac}.sound-toggle{align-self:flex-start;padding:8px 20px;border-radius:999px;border:none;background:#eef0f3;color:#1a1a1a;font-size:14px;font-weight:700;cursor:pointer}.sound-toggle.on{background:#22c55e;color:#fff}.settings-skin-row{display:flex;flex-wrap:wrap;gap:8px}.settings-skin-btn{width:48px;height:48px;padding:4px;border-radius:12px;border:2px solid #eef0f3;background:#f9fafb;cursor:pointer}.settings-skin-btn img{width:100%;height:100%;object-fit:contain}.settings-skin-btn.selected{border-color:#ffb300;background:#fff8e6}.settings-color-row{display:flex;flex-wrap:wrap;gap:8px}.settings-color-btn{width:32px;height:32px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #e5e7eb;cursor:pointer}.settings-color-btn.selected{box-shadow:0 0 0 2px #1a1a1a}.app{display:flex;flex-direction:column;width:100%;height:100vh;background-color:#f3f4f6}@media (min-aspect-ratio: 1/1){.app{max-width:60vh;margin:0 auto}}.game-container{flex:1;display:flex;overflow:hidden}.game-screen{flex:1;display:flex;flex-direction:column;width:100%;min-height:0;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6}#root{width:100%;height:100vh}html,body{width:100%;height:100%}