:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.shark-game{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:none}.shark-game canvas{display:block}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;pointer-events:none;z-index:10}.hud-left,.hud-right{display:flex;flex-direction:column;gap:.35rem}.hud-label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff73}.hud-value{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hud-right{align-items:flex-end}.combo-bar-wrap{width:140px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:.25rem}.combo-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ff6b35,gold);transition:width .3s ease}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000814d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.overlay-card{text-align:center;max-width:26rem;padding:2.5rem}.overlay-card h1{font-size:2.8rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .5rem;background:linear-gradient(135deg,#4fc3f7,#00bcd4,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay-card h2{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;color:#ff6b35}.overlay-card p{margin:0 0 1.5rem;color:#fff9;font-size:.95rem;line-height:1.6}.overlay-card .stat-row{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.overlay-card .stat{text-align:center}.overlay-card .stat-val{font-size:1.8rem;font-weight:700;color:#4fc3f7}.overlay-card .stat-lbl{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#fff6}.btn{display:inline-block;padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:2rem;cursor:pointer;pointer-events:all;background:linear-gradient(135deg,#4fc3f7,#00bcd4);color:#001;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #4fc3f74d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #4fc3f773}.btn:active{transform:translateY(0)}.controls-hint{margin-top:1rem;font-size:.75rem;color:#ffffff4d}.powerup-indicator{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10;pointer-events:none}.powerup-pill{padding:.35rem .85rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);animation:pulse-glow 1s ease-in-out infinite alternate}@keyframes pulse-glow{0%{opacity:.8;filter:brightness(1)}to{opacity:1;filter:brightness(1.3)}}