*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:700}:root{--water-deep: #003d6b;--water-mid: #0066a6;--water-light: #0099cc;--water-surface: #33b8e6;--water-foam: #7dd4f5;--water-glow: #a8e8ff;--text-white: #ffffff;--text-light: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .6);--accent-cyan: #00d4ff;--accent-teal: #00bfa5;--warning-amber: #ffb300}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:Noto Sans JP,sans-serif;background:#001a33;color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bubbleRise{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-120px) scale(.6);opacity:0}}@keyframes surfaceBubbleRise{0%{transform:translateY(20px) scale(0);opacity:0}20%{opacity:.8;transform:translateY(10px) scale(1)}to{transform:translateY(-60px) scale(.5);opacity:0}}@keyframes shimmerSurface{0%,to{opacity:.4;transform:scaleX(.8) translate(-10%)}50%{opacity:1;transform:scaleX(1.1) translate(5%)}}@keyframes lightRayPulse{0%{opacity:.03;transform:scaleY(1) scaleX(1)}33%{opacity:.14;transform:scaleY(1.015) scaleX(1.08)}66%{opacity:.07;transform:scaleY(.99) scaleX(.95)}to{opacity:.03;transform:scaleY(1) scaleX(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00d4ff4d,0 0 40px #00d4ff1a}50%{box-shadow:0 0 32px #00d4ff8c,0 0 60px #00d4ff2e}}@keyframes urgentPulse{0%,to{box-shadow:0 0 20px #ff64504d}50%{box-shadow:0 0 40px #ff645099}}@keyframes rippleOut{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.25);opacity:0}}@keyframes waveRipple{0%{transform:scale(.9);opacity:.45}to{transform:scale(1.6);opacity:0}}@keyframes floatGently{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mascotFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textShimmer{0%{background-position:-300% center}to{background-position:300% center}}@keyframes buttonRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(40);opacity:0}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}40%,60%{opacity:1;transform:scale(1.1) rotate(25deg)}}@keyframes fishSwimFromLeft{0%{left:-70px}to{left:calc(100vw + 70px)}}@keyframes fishSwimFromRight{0%{right:-70px}to{right:calc(100vw + 70px)}}@keyframes fishBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes popBounce{0%{transform:scale(1)}35%{transform:scale(1.18)}55%{transform:scale(.94)}75%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes healthyGlow{0%,to{box-shadow:0 0 30px #008cff59,0 0 70px #0064e626,inset 0 1px #ffffff1f}50%{box-shadow:0 0 50px #008cff8c,0 0 100px #0064e640,inset 0 1px #ffffff2e}}@keyframes rainbowRing{0%{border-color:#00d4ff}25%{border-color:#00e8c0}50%{border-color:#48cae4}75%{border-color:#00b4d8}to{border-color:#00d4ff}}@keyframes badgePop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes medalDrop{0%{opacity:0;transform:translateY(-30px) scale(.6) rotate(-15deg)}60%{opacity:1;transform:translateY(4px) scale(1.08) rotate(4deg)}80%{transform:translateY(-2px) scale(.97) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes medalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shimmer-heading{background:linear-gradient(90deg,rgba(168,232,255,.9) 0%,rgba(255,255,255,1) 25%,rgba(0,212,255,1) 40%,rgba(255,255,255,1) 55%,rgba(125,212,245,.9) 75%,rgba(168,232,255,.9) 100%);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 4s linear infinite}