*{box-sizing:border-box;margin:0;padding:0}body{background:#000508;font-family:Courier New,monospace;overflow-x:hidden}@keyframes oceanWave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fireFlicker{0%{opacity:1;transform:scale(1) rotate(-3deg)}25%{opacity:.85;transform:scale(1.1) rotate(3deg)}50%{opacity:1;transform:scale(.95) rotate(-2deg)}75%{opacity:.9;transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(-3deg)}}@keyframes explosionRing{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}@keyframes missileTrail{0%{width:0;opacity:1}to{width:60px;opacity:0}}@keyframes waterSplash{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-8px) scale(1.2);opacity:1}to{transform:translateY(0) scale(0);opacity:0}}@keyframes sonarPing{0%{box-shadow:0 0 #00ff4199}to{box-shadow:0 0 0 20px #00ff4100}}@keyframes shipSunk{0%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(4px) rotate(-5deg);opacity:.7}to{transform:translateY(8px) rotate(-10deg);opacity:.3}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #00b4ff66}50%{box-shadow:0 0 25px #00b4ffe6,0 0 50px #0064ff4d}}@keyframes scanLine{0%{top:-2px;opacity:.8}to{top:100%;opacity:0}}@keyframes smokeRise{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-20px) scale(2);opacity:0}}@keyframes shakeCell{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes countdownPulse{0%,to{transform:scale(1);color:#00ff41}50%{transform:scale(1.2);color:#f44}}@keyframes floatShip{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes borderGlow{0%,to{border-color:#00b4ff4d}50%{border-color:#00b4ffe6}}.fire-flicker{animation:fireFlicker .3s infinite;display:inline-block}.sonar-ping{animation:sonarPing 1s ease-out}.ship-float{animation:floatShip 3s ease-in-out infinite}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}.shake{animation:shakeCell .4s ease}.fade-in-scale{animation:fadeInScale .3s ease-out}.border-glow{animation:borderGlow 2s ease-in-out infinite}.ocean-grid{background:linear-gradient(#001e50e6,#000a28f2),repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(0,150,255,.05) 38px,rgba(0,150,255,.05) 39px),repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(0,150,255,.05) 38px,rgba(0,150,255,.05) 39px)}.cell-hit{background:radial-gradient(circle at center,#f60,#991b1b 60%,#5a0a0a)!important}.cell-miss{background:radial-gradient(circle at center,#4a9fdf 10%,#1e3a5f 60%)!important}.military-hud{background:linear-gradient(135deg,#000d05,#001508,#000d05);border:1px solid rgba(0,255,65,.2);box-shadow:0 0 30px #00ff410d,inset 0 0 60px #00000080}.scanlines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:1}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#000d05}::-webkit-scrollbar-thumb{background:#003315;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#00ff41}.toast-enter{animation:fadeInScale .3s ease-out}.btn-military{background:linear-gradient(135deg,#003315,#001a0a);border:1px solid rgba(0,255,65,.4);color:#00ff41;font-family:Courier New,monospace;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.btn-military:hover{background:linear-gradient(135deg,#004d20,#002a10);border-color:#00ff41;box-shadow:0 0 20px #00ff414d}.btn-military:active{transform:scale(.97)}.water-bg{background:radial-gradient(ellipse at 20% 50%,rgba(0,60,120,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,40,100,.2) 0%,transparent 40%),linear-gradient(180deg,#000d1a,#000508)}