:root{--ocean-dark: #0a1628;--ocean-mid: #102848;--ocean-light: #1a4070;--accent: #40c0ff;--accent-glow: #60d0ff;--danger: #ff4060;--gold: #ffd700;--success: #40e060;--text: #e0eaf4;--text-dim: rgba(224, 234, 244, .6);--surface: rgba(10, 22, 40, .85);--surface-light: rgba(20, 40, 70, .9);--border: rgba(64, 192, 255, .2);--border-bright: rgba(64, 192, 255, .4)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}.game-root{position:relative;width:100vw;height:100vh;overflow:hidden}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:all}.overlay-dark{background:#00050fbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;max-width:440px;width:90%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 60px #40c0ff14,inset 0 1px #ffffff0d}.title-area{text-align:center}.game-title{font-size:2.8rem;font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,var(--accent),#80e0ff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;line-height:1.1;margin-bottom:.25rem}.game-subtitle{font-size:1rem;font-weight:600;letter-spacing:.35em;color:var(--text-dim);text-transform:uppercase}.shark-preview{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.75rem;background:#ffffff08;width:100%}.shark-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shark-emoji{font-size:1.5rem}.shark-info{display:flex;flex-direction:column;gap:.15rem}.shark-name{font-weight:700;font-size:.95rem}.shark-desc{font-size:.75rem;color:var(--text-dim);line-height:1.3}.high-score-display{font-size:.85rem;color:var(--text-dim);letter-spacing:.05em}.hs-value{color:var(--gold);font-weight:700}.menu-buttons{display:flex;flex-direction:column;gap:.6rem;width:100%}.menu-row{display:flex;gap:.6rem}.menu-row .btn{flex:1}.controls-hint{text-align:center;font-size:.72rem;color:var(--text-dim);line-height:1.7;opacity:.7}.controls-hint b{color:var(--accent);font-weight:600}.btn{padding:.65rem 1.5rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface-light);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;letter-spacing:.03em;text-align:center}.btn:hover{background:#1e3c64e6;border-color:var(--border-bright);transform:translateY(-1px);box-shadow:0 4px 12px #40c0ff26}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--accent),#2090d0);border-color:var(--accent);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-glow),#30a0e0);box-shadow:0 4px 20px #40c0ff4d}.btn-large{padding:.85rem 2rem;font-size:1.1rem}.btn-small{padding:.35rem .8rem;font-size:.78rem}.btn-secondary{background:#142846b3}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;padding:1rem}.hud-top-left{position:absolute;top:1rem;left:1rem}.hud-score{font-size:2rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:.02em}.hud-size{font-size:.85rem;color:var(--accent);font-weight:600}.hud-combo{margin-top:.3rem;font-size:1.2rem;font-weight:900;color:var(--gold);text-shadow:0 0 12px rgba(255,215,0,.5);animation:comboPulse .5s ease infinite alternate}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.hud-top-right{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.hud-stat{font-size:.85rem;font-weight:600;color:var(--text-dim);text-shadow:0 1px 4px rgba(0,0,0,.5)}.hud-bottom{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.hud-bars{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.bar-container{display:flex;align-items:center;gap:.5rem}.bar-label{font-size:.75rem;font-weight:700;color:var(--text-dim);width:1.2rem;text-align:center}.bar{flex:1;height:10px;background:#00000080;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.bar-fill{height:100%;border-radius:5px;transition:width .2s ease;box-shadow:0 0 8px currentColor}.health-bar .bar-fill{background:var(--success)}.boost-bar .bar-fill{background:var(--accent)}.hud-missions-mini{display:flex;flex-direction:column;gap:.2rem;align-items:flex-end}.mission-mini{font-size:.7rem;color:var(--text-dim);background:#0006;padding:.2rem .5rem;border-radius:.3rem;white-space:nowrap}.hud-powerup{position:absolute;top:50%;left:50%;transform:translate(-50%,-100px);font-size:1rem;font-weight:800;padding:.4rem 1rem;border-radius:.5rem;text-align:center;animation:powerupPulse .6s ease infinite alternate}.magnet-active{color:#ff60ff;background:#ff60ff26;border:1px solid rgba(255,96,255,.3)}.invuln-active{color:var(--accent);background:#40c0ff26;border:1px solid rgba(64,192,255,.3)}@keyframes powerupPulse{0%{opacity:.7}to{opacity:1}}.pause-container{text-align:center;padding:2rem 3rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;min-width:280px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pause-container h2{font-size:2rem;font-weight:800;letter-spacing:.15em;margin-bottom:1.5rem;color:var(--accent)}.gameover-container{text-align:center;padding:2rem 2.5rem;background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;max-width:400px;width:90%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gameover-title{font-size:2rem;font-weight:900;color:var(--danger);letter-spacing:.1em;margin-bottom:.5rem}.new-best{font-size:1rem;font-weight:700;color:var(--gold);margin-bottom:.5rem;animation:comboPulse .5s ease infinite alternate}.final-score{font-size:3rem;font-weight:900;color:#fff;margin-bottom:1rem;text-shadow:0 0 20px rgba(64,192,255,.3)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.1rem;padding:.5rem;background:#ffffff08;border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}.stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.2rem;font-weight:800;color:var(--accent)}.shark-select-container{padding:2rem 2.5rem;background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shark-select-container h2{text-align:center;font-size:1.5rem;font-weight:800;letter-spacing:.1em;margin-bottom:1.25rem;color:var(--accent)}.shark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem}.shark-card{padding:.75rem;border:2px solid var(--border);border-radius:.75rem;background:#ffffff05;cursor:pointer;transition:all .15s ease;text-align:center;position:relative}.shark-card:hover:not(.locked){border-color:var(--border-bright);background:#40c0ff0d;transform:translateY(-2px)}.shark-card.selected{border-color:var(--accent);background:#40c0ff14;box-shadow:0 0 20px #40c0ff26}.shark-card.locked{opacity:.6;cursor:default}.shark-card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;font-size:1.5rem}.shark-card-name{font-weight:700;font-size:.85rem;margin-bottom:.2rem}.shark-card-desc{font-size:.65rem;color:var(--text-dim);line-height:1.3;margin-bottom:.4rem}.shark-card-stats{display:flex;justify-content:center;gap:.5rem;font-size:.65rem;font-weight:700;color:var(--accent)}.shark-card-unlock{margin-top:.4rem;font-size:.7rem}.unlock-ready{color:var(--success)}.unlock-locked{color:var(--text-dim)}.shark-card-badge{position:absolute;top:-.4rem;right:-.4rem;background:var(--accent);color:#000;font-size:.55rem;font-weight:800;padding:.15rem .4rem;border-radius:.3rem;letter-spacing:.05em}.missions-container{padding:2rem 2.5rem;background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.missions-container h2{text-align:center;font-size:1.5rem;font-weight:800;letter-spacing:.1em;margin-bottom:1.25rem;color:var(--accent)}.missions-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.mission-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.6rem;background:#ffffff05;transition:all .15s ease}.mission-card.completed:not(.claimed){border-color:var(--success);background:#40e0600d}.mission-card.claimed{opacity:.5}.mission-info{flex:1;min-width:0}.mission-title{font-weight:700;font-size:.85rem;margin-bottom:.15rem}.mission-desc{font-size:.7rem;color:var(--text-dim);margin-bottom:.4rem}.mission-progress{display:flex;align-items:center;gap:.5rem}.mission-bar{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.mission-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.mission-progress-text{font-size:.65rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.mission-reward{flex-shrink:0}.reward-value{font-size:.8rem;font-weight:700;color:var(--gold)}.reward-claimed{font-size:.75rem;color:var(--success);font-weight:600}.missions-actions{display:flex;gap:.6rem}.missions-actions .btn{flex:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#40c0ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#40c0ff66}@media(max-width:600px){.game-title{font-size:2rem}.menu-container{padding:1.5rem}.shark-grid{grid-template-columns:repeat(2,1fr)}.hud-score{font-size:1.5rem}.final-score{font-size:2.2rem}}