: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;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden;background:#020208;color:#fff;user-select:none;-webkit-user-select:none}.game-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:background 1.5s ease}.game-world{position:absolute;width:2200px;height:3000px;will-change:transform}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.light-ray{position:absolute;width:120px;height:1200px;background:linear-gradient(180deg,rgba(255,255,220,.15) 0%,transparent 100%);transform:rotate(8deg);animation:raySway 8s ease-in-out infinite;pointer-events:none;filter:blur(20px)}.diver{position:absolute;width:48px;height:56px;transform:translate(-50%,-50%);z-index:100;transition:transform .1s ease}.diver-body{position:absolute;left:8px;top:8px;width:28px;height:32px;background:linear-gradient(135deg,#1e3a5f,#2563eb);border-radius:8px 12px 6px 6px;box-shadow:inset 0 2px 4px #ffffff26}.diver-mask{position:absolute;left:2px;top:10px;width:14px;height:10px;background:linear-gradient(135deg,#67e8f9,#22d3ee);border-radius:3px 6px 6px 3px;box-shadow:0 0 8px #22d3ee99}.diver-tank{position:absolute;right:4px;top:12px;width:10px;height:22px;background:linear-gradient(90deg,#6b7280,#9ca3af,#6b7280);border-radius:3px;box-shadow:inset 0 1px 2px #fff3}.diver-fin{position:absolute;left:10px;bottom:-6px;width:22px;height:10px;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:2px 2px 8px 8px;transform-origin:top center;animation:finKick .4s ease-in-out infinite alternate}.diver-swim-up .diver-fin{animation-duration:.25s}.diver-swim-down .diver-fin{animation-duration:.6s}.diver-bubble-trail{position:absolute;left:-8px;top:4px;width:6px;height:6px;background:#ffffff80;border-radius:50%;animation:bubbleTrail .8s ease-out infinite}.diver-invincible{animation:invFlash .15s linear infinite}.creature{position:absolute;transform-origin:center;pointer-events:none}.creature-0{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:50% 40% 40% 50%;box-shadow:0 0 10px #fbbf2466}.creature-0:after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #f59e0b}.creature-1{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:50% 35% 35% 50%;box-shadow:0 0 12px #60a5fa66}.creature-1:after{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #3b82f6}.creature-2{background:linear-gradient(90deg,#34d399,#10b981);border-radius:50% 30% 30% 50%;box-shadow:0 0 14px #34d39966}.creature-2:after{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid #10b981}.creature-3{background:linear-gradient(90deg,#94a3b8,#64748b);border-radius:50% 30% 30% 50%;box-shadow:0 0 18px #94a3b84d}.creature-3:before{content:"";position:absolute;top:4px;left:6px;width:6px;height:6px;background:#1e293b;border-radius:50%;box-shadow:0 0 4px #00000080}.creature-3:after{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:14px solid #64748b}.creature-4{background:linear-gradient(90deg,#475569,#1e293b);border-radius:50% 25% 25% 50%;box-shadow:0 0 24px #47556966}.creature-4:before{content:"";position:absolute;top:6px;left:8px;width:8px;height:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444cc}.creature-4:after{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:16px solid #1e293b}.creature-5{background:radial-gradient(ellipse at 40% 50%,#1e1b4b,#0f0524);border-radius:40% 50% 50% 40%;box-shadow:0 0 30px #8b5cf64d}.creature-5:before{content:"";position:absolute;top:8px;left:10px;width:8px;height:8px;background:#a78bfa;border-radius:50%;box-shadow:0 0 12px #a78bfa,0 0 24px #a78bfa80}.creature-5:after{content:"";position:absolute;left:-10px;top:40%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid #1e1b4b}.angler-light{position:absolute;top:-12px;left:16px;width:10px;height:10px;background:#c4b5fd;border-radius:50%;box-shadow:0 0 16px #c4b5fd,0 0 32px #c4b5fd80;animation:anglerPulse 1.5s ease-in-out infinite}.creature{animation:creatureSwim 3s ease-in-out infinite}.creature-danger{animation:creatureSwim 3s ease-in-out infinite,dangerGlow .5s ease-in-out infinite alternate}.treasure{position:absolute;transform:translate(-50%,-50%);pointer-events:none;animation:treasureFloat 3s ease-in-out infinite}.treasure-0{background:radial-gradient(circle at 30% 30%,#fbbf24,#d97706);border-radius:50%;box-shadow:0 0 10px #fbbf2480}.treasure-1{background:radial-gradient(circle at 30% 30%,#34d399,#059669);border-radius:4px;box-shadow:0 0 12px #34d39980;transform:translate(-50%,-50%) rotate(45deg)}.treasure-2{background:radial-gradient(circle at 30% 30%,#60a5fa,#2563eb);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);box-shadow:0 0 16px #60a5fa99}.treasure-3{background:radial-gradient(circle at 30% 30%,#c084fc,#7c3aed);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);box-shadow:0 0 20px #c084fc99}.treasure-4{background:radial-gradient(circle at 30% 30%,#f472b6,#db2777);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:0 0 24px #f472b6b3}.treasure-5{background:radial-gradient(circle at 30% 30%,#fbbf24,#ef4444,#7c3aed);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);box-shadow:0 0 30px #fbbf24b3,0 0 60px #ef44444d;animation:artifactPulse 2s ease-in-out infinite}.treasure-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:glowPulse 2s ease-in-out infinite}.bubble-pickup{position:absolute;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,#fffc,#22d3ee66);border-radius:50%;border:2px solid rgba(255,255,255,.4);box-shadow:0 0 12px #22d3ee80;animation:bubblePickupFloat 2s ease-in-out infinite}.bubble-pickup:before{content:"O2";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#0e7490}.ambient-bubble{position:absolute;background:radial-gradient(circle at 30% 30%,#ffffff80,#ffffff1a);border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}.coral{position:absolute;transform:translate(-50%);pointer-events:none;opacity:.6}.coral-0{width:30px;height:50px;background:linear-gradient(0deg,#f472b6,#ec4899);border-radius:50% 50% 20% 20%;box-shadow:0 0 12px #f472b64d}.coral-0:before,.coral-0:after{content:"";position:absolute;bottom:0;background:linear-gradient(0deg,#f472b6,#ec4899);border-radius:50% 50% 20% 20%}.coral-0:before{left:-12px;width:20px;height:35px}.coral-0:after{right:-12px;width:22px;height:40px}.coral-1{width:40px;height:35px;background:linear-gradient(0deg,#a78bfa,#8b5cf6);border-radius:10px 10px 50% 50%;box-shadow:0 0 12px #a78bfa4d}.coral-1:before{content:"";position:absolute;bottom:0;left:8px;width:24px;height:50px;background:linear-gradient(0deg,#a78bfa,#8b5cf6);border-radius:50% 50% 10px 10px}.coral-2{width:50px;height:20px;background:linear-gradient(0deg,#34d399,#059669);border-radius:50% 50% 10px 10px;box-shadow:0 0 10px #34d3994d}.coral-3{width:20px;height:60px;background:linear-gradient(0deg,#fb923c,#ea580c);border-radius:50%;box-shadow:0 0 10px #fb923c4d}.coral-3:before{content:"";position:absolute;bottom:0;left:-10px;width:16px;height:45px;background:linear-gradient(0deg,#fb923c,#ea580c);border-radius:50%}.seaweed{position:absolute;width:12px;background:linear-gradient(0deg,#15803d,#22c55e,#16a34a);border-radius:6px 6px 2px 2px;transform-origin:bottom center;animation:seaweedSway 3s ease-in-out infinite;pointer-events:none}.seaweed:before,.seaweed:after{content:"";position:absolute;background:inherit;border-radius:6px 6px 2px 2px}.seaweed:before{left:-8px;bottom:10px;width:8px;height:60%;transform:rotate(-15deg);transform-origin:bottom right}.seaweed:after{right:-8px;bottom:20px;width:8px;height:50%;transform:rotate(15deg);transform-origin:bottom left}.depth-marker{position:absolute;left:0;width:100%;border-top:1px dashed rgba(255,255,255,.08);pointer-events:none}.depth-marker span{position:absolute;left:16px;top:4px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff26;letter-spacing:.05em}.diver-light{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(34,211,238,.08) 0%,transparent 40%);pointer-events:none;z-index:50}.hud{position:fixed;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 24px;z-index:200;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);pointer-events:none}.hud-left{display:flex;flex-direction:column;gap:6px;min-width:180px}.hud-bar-group{display:flex;align-items:center;gap:8px}.hud-bar-label{font-size:11px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffffb3;width:22px;text-align:right}.hud-bar{flex:1;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.hud-bar-fill{height:100%;border-radius:5px;transition:width .3s ease}.oxygen-fill{background:linear-gradient(90deg,#0ea5e9,#38bdf8);box-shadow:0 0 8px #0ea5e980}.health-fill{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 8px #ef444480}.hud-center{display:flex;flex-direction:column;align-items:center}.depth-display{display:flex;align-items:baseline;gap:2px}.depth-number{font-size:28px;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3);letter-spacing:-.02em}.depth-unit{font-size:14px;font-weight:600;color:#ffffff80}.zone-name{font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 10px currentColor}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px}.score-display{display:flex;flex-direction:column;align-items:flex-end}.score-label{font-size:10px;font-weight:600;color:#fff6;letter-spacing:.2em}.score-number{font-size:22px;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.4)}.artifact-count{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#c084fc}.artifact-icon{font-size:16px;color:#c084fc;text-shadow:0 0 8px rgba(192,132,252,.6)}.combo-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:900;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.6),0 0 40px rgba(251,191,36,.3);letter-spacing:.1em;z-index:250;pointer-events:none;animation:comboPopIn .3s ease-out}.game-message{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);z-index:250;pointer-events:none;letter-spacing:.05em}.artifact-popup{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:250;pointer-events:none}.artifact-popup-icon{font-size:40px;color:#c084fc;text-shadow:0 0 20px rgba(192,132,252,.8);animation:artifactReveal .5s ease-out}.artifact-popup-name{font-size:18px;font-weight:700;color:#c084fc;text-shadow:0 0 12px rgba(192,132,252,.5);letter-spacing:.1em;text-transform:uppercase}.controls-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff4d;letter-spacing:.1em;z-index:200;pointer-events:none}.menu-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0e7490,#0c4a6e 30%,#1e1b4b 70%,#0f0524);z-index:1000;overflow:hidden}.menu-content{display:flex;flex-direction:column;align-items:center;gap:24px;z-index:10;text-align:center;padding:0 24px}.menu-title{display:flex;flex-direction:column;align-items:center;line-height:1}.title-deep{font-size:72px;font-weight:900;color:#22d3ee;text-shadow:0 0 40px rgba(34,211,238,.6),0 0 80px rgba(34,211,238,.3);letter-spacing:.15em}.title-blue{font-size:80px;font-weight:900;background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.2em;filter:drop-shadow(0 0 30px rgba(129,140,248,.4))}.menu-subtitle{font-size:18px;font-weight:600;color:#fff9;letter-spacing:.3em;text-transform:uppercase}.menu-desc{font-size:15px;color:#ffffff80;max-width:400px;line-height:1.6}.start-btn{margin-top:16px;padding:14px 48px;font-size:16px;font-weight:800;font-family:inherit;letter-spacing:.2em;color:#0e7490;background:linear-gradient(135deg,#22d3ee,#67e8f9);border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 20px #22d3ee66,0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #22d3ee99,0 6px 16px #0006}.start-btn:active{transform:translateY(0)}.menu-controls{font-size:12px;color:#ffffff4d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.menu-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.menu-bubble{position:absolute;bottom:-20px;background:radial-gradient(circle at 30% 30%,#fff6,#ffffff1a);border-radius:50%;border:1px solid rgba(255,255,255,.15);animation:menuBubbleRise linear infinite}.gameover-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn .5s ease}.gameover-content{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:480px;padding:40px;text-align:center}.gameover-title{font-size:36px;font-weight:900;color:#22d3ee;text-shadow:0 0 30px rgba(34,211,238,.5);letter-spacing:.15em}.gameover-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px}.stat-label{font-size:11px;font-weight:600;color:#fff6;letter-spacing:.15em;text-transform:uppercase}.stat-value{font-size:22px;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}.gameover-artifacts{width:100%}.gameover-artifacts-title{font-size:13px;font-weight:600;color:#ffffff80;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}.gameover-artifact-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.gameover-artifact-item{padding:6px 14px;font-size:12px;font-weight:600;color:#c084fc;background:#c084fc1a;border:1px solid rgba(192,132,252,.2);border-radius:20px;letter-spacing:.05em}@keyframes raySway{0%,to{transform:rotate(5deg) translate(0)}50%{transform:rotate(12deg) translate(30px)}}@keyframes finKick{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}@keyframes bubbleTrail{0%{opacity:.6;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-8px,-20px) scale(.4)}}@keyframes invFlash{0%,to{opacity:1}50%{opacity:.3}}@keyframes dangerGlow{0%{box-shadow:0 0 15px #ef44444d}to{box-shadow:0 0 25px #ef444499}}@keyframes seaweedSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes treasureFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes artifactPulse{0%,to{box-shadow:0 0 30px #fbbf24b3,0 0 60px #ef44444d}50%{box-shadow:0 0 50px #fbbf24e6,0 0 100px #ef444480}}@keyframes bubblePickupFloat{0%,to{transform:translate(-50%,-50%) translateY(0) scale(1)}50%{transform:translate(-50%,-50%) translateY(-8px) scale(1.05)}}@keyframes anglerPulse{0%,to{opacity:.6;box-shadow:0 0 16px #c4b5fd,0 0 32px #c4b5fd80}50%{opacity:1;box-shadow:0 0 24px #c4b5fd,0 0 48px #c4b5fdb3}}@keyframes comboPopIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes menuBubbleRise{0%{transform:translateY(0) translate(0);opacity:.5}50%{opacity:.4}to{transform:translateY(-110vh) translate(20px);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes creatureSwim{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:768px){.title-deep{font-size:48px}.title-blue{font-size:56px}.hud{padding:10px 14px}.depth-number{font-size:22px}.score-number{font-size:18px}.controls-hint{font-size:10px}.gameover-content{padding:24px}.gameover-title{font-size:28px}}