:root{--ocean-blue:#00b0ff;--ocean-cyan:#00f5ff;--treasure-gold:gold;--freeze-ice:#e0f7fa;--bg-dark:#000d1a;--bg-panel:#001a33eb;--text-pure:#fff;--text-muted:#78909c;--font-display:"Orbitron", -apple-system, BlinkMacSystemFont, sans-serif;--font-ui:"Rajdhani", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-ui);color:var(--text-pure);-webkit-font-smoothing:antialiased;overflow:hidden}#app-container{flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}#top-bar{z-index:10;background:#000810;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.top-left .game-title{font-family:var(--font-display);letter-spacing:.5px;color:#fff;font-size:13px;font-weight:800}.top-right{align-items:center;gap:8px;display:flex}.balance-display{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:flex-end;padding:3px 8px;display:flex}.balance-label{color:var(--text-muted);letter-spacing:.5px;font-size:8px;font-weight:700}.balance-val{font-family:var(--font-display);color:var(--treasure-gold);font-size:13px;font-weight:800}.icon-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}#loading-screen{background:var(--bg-dark);z-index:9999;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}#loading-screen .logo-text{font-family:var(--font-display);color:#fff;letter-spacing:2px;text-shadow:0 0 20px #00b0ffcc;margin-bottom:24px;font-size:clamp(20px,4vw,36px);font-weight:900}.loading-bar-container{background:#ffffff1a;border-radius:3px;width:min(75%,320px);height:6px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--ocean-blue), var(--ocean-cyan), var(--treasure-gold));width:0%;height:100%;transition:width .15s ease-out}.modal-overlay{backdrop-filter:blur(8px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:16px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-card{background:var(--bg-panel);border:1px solid #00f5ff33;border-radius:16px;width:min(100%,460px);max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 10px 40px #000c}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-family:var(--font-display);color:var(--treasure-gold);font-size:16px;font-weight:700}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.rule-step{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.step-badge{background:linear-gradient(135deg, var(--ocean-blue), var(--ocean-cyan));color:#fff;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.step-content h4{color:#fff;margin-bottom:4px;font-size:16px;font-weight:700}.step-content p{color:#b0bec5;font-size:14px;line-height:1.4}#game-workspace{flex:1;display:flex;position:relative;overflow:hidden}#canvas-container{flex:1;width:100%;height:100%;display:flex;position:relative}#ocean-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.skills-sidebar{z-index:10;flex-direction:column;gap:10px;display:flex;position:absolute;top:16px;right:12px}.skill-btn{cursor:pointer;backdrop-filter:blur(4px);background:#001a33d9;border:1.5px solid #00f5ff66;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;transition:all .15s;display:flex;box-shadow:0 4px 12px #00000080}.skill-btn:active{transform:scale(.92)}.skill-btn.active{background:#00f5ff59;border-color:#fff;box-shadow:0 0 15px #00f5ff}.skill-icon{font-size:20px}.skill-name{font-family:var(--font-display);color:#fff;letter-spacing:.5px;font-size:8px;font-weight:800}#cannon-footer{background:#000810;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:64px;padding:0 12px;display:flex}.cannon-power-group{flex-direction:column;gap:2px;display:flex}.power-label{color:var(--text-muted);letter-spacing:.5px;font-size:8px;font-weight:700}.amount-stepper-box{background:#001428e6;border:1px solid #00f5ff4d;border-radius:6px;align-items:center;width:110px;height:32px;display:flex;overflow:hidden}.step-btn{color:#fff;font-family:var(--font-display);cursor:pointer;background:0 0;border:none;width:28px;height:100%;font-size:14px;font-weight:700}.bet-amount-input{color:var(--treasure-gold);font-family:var(--font-display);text-align:center;background:0 0;border:none;outline:none;flex:1;width:40px;font-size:12px;font-weight:800}.power-presets-row{gap:4px;display:flex}.chip-btn{color:#b0bec5;font-family:var(--font-display);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:700}.chip-btn.active{border-color:var(--ocean-cyan);color:#fff;background:#00f5ff40}.tap-hint-badge{font-family:var(--font-display);color:var(--ocean-cyan);white-space:nowrap;background:#00f5ff1a;border:1px dashed #00f5ff66;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800}@media (width<=520px){.tap-hint-badge{display:none}}