@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500&display=swap";:root{--ocean-deep: #0a1628;--ocean-mid: #0d2847;--ocean-surface: #1a5276;--ocean-light: #2e86c1;--sky-top: #1a0a2e;--sky-mid: #2d1b4e;--sky-low: #c0392b;--sun-glow: #f39c12;--gold: #f1c40f;--warm: #e8a87c;--text: #f0e6d3;--text-dim: rgba(240, 230, 211, .6)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:var(--ocean-deep);color:var(--text)}.ocean-scene{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 25%,#6b3a5a 40%,var(--sky-low) 50%,var(--sun-glow) 55%,var(--gold) 58%,var(--ocean-surface) 60%,var(--ocean-mid) 75%,var(--ocean-deep) 100%)}.stars{position:absolute;top:0;left:0;width:100%;height:50%;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.sun{position:absolute;bottom:42%;left:50%;transform:translate(-50%);width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,var(--gold) 30%,var(--sun-glow) 60%,transparent 70%);box-shadow:0 0 40px 20px #f39c124d,0 0 80px 40px #f39c1226,0 0 120px 60px #f39c120d;animation:sunPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,to{box-shadow:0 0 40px 20px #f39c124d,0 0 80px 40px #f39c1226}50%{box-shadow:0 0 50px 25px #f39c1266,0 0 100px 50px #f39c1233}}.cloud{position:absolute;background:#ffffff14;border-radius:50px;filter:blur(8px)}.cloud-1{top:15%;left:10%;width:150px;height:40px;animation:cloudDrift 30s linear infinite}.cloud-2{top:22%;left:60%;width:200px;height:50px;animation:cloudDrift 45s linear infinite reverse}.cloud-3{top:10%;left:35%;width:120px;height:35px;animation:cloudDrift 35s linear infinite}@keyframes cloudDrift{0%{transform:translate(-200px)}to{transform:translate(calc(100vw + 200px))}}.waves{position:absolute;bottom:0;left:0;width:100%;height:45%;pointer-events:none}.wave{position:absolute;width:200%;left:-50%;height:100%;opacity:.6}.wave svg{width:100%;height:100%}.wave-1{animation:waveMove 8s ease-in-out infinite;bottom:-5%}.wave-2{animation:waveMove 10s ease-in-out infinite reverse;bottom:-2%;opacity:.4}.wave-3{animation:waveMove 12s ease-in-out infinite;bottom:0;opacity:.3}@keyframes waveMove{0%,to{transform:translate(0)}50%{transform:translate(5%)}}.boat-container{position:absolute;bottom:35%;left:50%;transform:translate(-50%);z-index:10;animation:boatBob 4s ease-in-out infinite}@keyframes boatBob{0%,to{transform:translate(-50%) translateY(0) rotate(0)}25%{transform:translate(-50%) translateY(-8px) rotate(1deg)}75%{transform:translate(-50%) translateY(5px) rotate(-1deg)}}.boat{position:relative;width:160px;height:60px}.boat-body{position:absolute;bottom:0;left:0;width:160px;height:40px;background:linear-gradient(180deg,#8b6914,#5c4a1e);border-radius:0 0 80px 80px/0 0 40px 40px;box-shadow:0 4px 15px #0006;border:2px solid #6B5A14}.boat-body:before{content:"";position:absolute;top:5px;left:10px;right:10px;height:3px;background:#ffffff1a;border-radius:2px}.boat-mast{position:absolute;bottom:35px;left:50%;transform:translate(-50%);width:4px;height:100px;background:linear-gradient(180deg,#6b5a14,#4a3a0e);border-radius:2px}.boat-sail{position:absolute;bottom:70px;left:calc(50% + 4px);width:0;height:0;border-left:50px solid rgba(255,255,255,.15);border-top:30px solid transparent;border-bottom:30px solid transparent;animation:sailFlutter 5s ease-in-out infinite}@keyframes sailFlutter{0%,to{border-left-width:50px}50%{border-left-width:55px}}.fisherman{position:absolute;bottom:35px;right:20px}.fisherman-body{position:relative;width:24px;height:40px}.fisherman-head{width:18px;height:18px;background:var(--warm);border-radius:50%;margin:0 auto;position:relative}.fisherman-head:before{content:"";position:absolute;top:-6px;left:-3px;width:24px;height:12px;background:#3a2a1a;border-radius:12px 12px 0 0}.fisherman-torso{width:20px;height:22px;background:#2c5f8a;border-radius:4px 4px 0 0;margin:2px auto 0}.fisherman-arms{position:absolute;top:20px;left:-12px;width:48px;height:6px;background:var(--warm);border-radius:3px;transform-origin:center;animation:castRod 3s ease-in-out infinite}@keyframes castRod{0%,to{transform:rotate(-15deg)}50%{transform:rotate(-5deg)}}.fishing-rod{position:absolute;bottom:60px;right:30px;width:3px;height:120px;background:linear-gradient(180deg,#4a3a2a,#2a1a0a);transform-origin:bottom center;transform:rotate(-30deg);border-radius:2px;z-index:11}.fishing-line{position:absolute;top:0;left:50%;width:1px;height:200px;background:linear-gradient(180deg,#fff9,#ffffff1a);transform-origin:top center;transform:rotate(30deg);animation:lineSwing 5s ease-in-out infinite}@keyframes lineSwing{0%,to{transform:rotate(30deg)}50%{transform:rotate(35deg)}}.fishing-hook{position:absolute;bottom:-10px;left:-4px;width:8px;height:12px;border:2px solid #ccc;border-top:none;border-radius:0 0 8px 8px}.fishing-bobber{position:absolute;bottom:-30px;left:-6px;width:12px;height:12px;background:radial-gradient(circle at 30% 30%,#ff6b6b,#c0392b);border-radius:50%;animation:bobberFloat 2s ease-in-out infinite;box-shadow:0 0 8px #ff6b6b80}@keyframes bobberFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ui-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;pointer-events:none}.ui-overlay>*{pointer-events:auto}.back-button{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;padding:10px 18px;background:#0a162899;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;letter-spacing:.02em}.back-button:hover{background:#0a1628cc;border-color:#fff3;transform:translate(-2px)}.back-button svg{width:18px;height:18px;transition:transform .3s ease}.back-button:hover svg{transform:translate(-3px)}.scene-title{position:absolute;top:24px;left:50%;transform:translate(-50%);text-align:center;animation:fadeInDown 1s ease-out}.scene-title h1{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 20px rgba(0,0,0,.5);color:var(--text);margin-bottom:4px}.scene-title p{font-size:.85rem;color:var(--text-dim);font-weight:300;letter-spacing:.1em;text-transform:uppercase}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.stats-panel{position:absolute;top:24px;right:24px;display:flex;flex-direction:column;gap:10px;animation:fadeIn 1s ease-out .3s both}.stat-card{background:#0a162899;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 18px;text-align:center;min-width:100px}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:4px}.stat-value{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;color:var(--gold)}.stat-value.time{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;color:var(--text)}.catch-log{position:absolute;bottom:24px;left:24px;right:24px;animation:fadeInUp 1s ease-out .5s both}.catch-log-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:10px}.catch-items{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.catch-item{flex-shrink:0;background:#0a162899;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;animation:catchAppear .5s ease-out;cursor:default;transition:border-color .3s ease}.catch-item:hover{border-color:#ffffff40}@keyframes catchAppear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.catch-icon{font-size:1.8rem;line-height:1}.catch-info{display:flex;flex-direction:column}.catch-name{font-weight:500;font-size:.85rem;color:var(--text)}.catch-size{font-size:.7rem;color:var(--text-dim)}.action-area{position:absolute;bottom:100px;left:50%;transform:translate(-50%);animation:fadeInUp 1s ease-out .7s both}.cast-button{padding:14px 36px;background:linear-gradient(135deg,var(--ocean-light),var(--ocean-surface));border:1px solid rgba(255,255,255,.15);border-radius:16px;color:#fff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #2e86c14d}.cast-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #2e86c166;border-color:#ffffff4d}.cast-button:active{transform:translateY(0)}.cast-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cast-button.casting{background:linear-gradient(135deg,var(--sun-glow),var(--sky-low));animation:castPulse .8s ease-in-out infinite}@keyframes castPulse{0%,to{box-shadow:0 4px 20px #f39c124d}50%{box-shadow:0 4px 30px #f39c1280}}.notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a1628d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(243,156,18,.3);border-radius:20px;padding:24px 40px;text-align:center;animation:notificationPop .5s cubic-bezier(.34,1.56,.64,1);z-index:30}@keyframes notificationPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.notification-icon{font-size:3rem;margin-bottom:8px;animation:fishJump 1s ease-in-out infinite}@keyframes fishJump{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.notification-text{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600;margin-bottom:4px}.notification-sub{font-size:.8rem;color:var(--text-dim)}.particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;pointer-events:none;animation:particleFade 1s ease-out forwards}@keyframes particleFade{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.ambient-fish{position:absolute;font-size:1.2rem;opacity:.3;pointer-events:none;animation:fishSwim 15s linear infinite}@keyframes fishSwim{0%{transform:translate(-50px) scaleX(1)}49%{transform:translate(calc(100vw + 50px)) scaleX(1)}50%{transform:translate(calc(100vw + 50px)) scaleX(-1)}to{transform:translate(-50px) scaleX(-1)}}.ripple{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:rippleExpand 3s ease-out infinite;pointer-events:none}@keyframes rippleExpand{0%{width:0;height:0;opacity:.4}to{width:100px;height:40px;opacity:0}}.water-reflection{position:absolute;bottom:30%;width:100%;height:20%;background:repeating-linear-gradient(90deg,transparent,rgba(243,156,18,.03) 10%,transparent 20%);animation:reflectionShift 8s linear infinite;pointer-events:none}@keyframes reflectionShift{0%{transform:translate(0)}to{transform:translate(20%)}}.splash-screen{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--sky-top) 0%,var(--ocean-deep) 100%);overflow:hidden;cursor:pointer}.splash-content{text-align:center;z-index:10;animation:fadeIn 1.5s ease-out}.splash-icon{font-size:4rem;margin-bottom:24px;animation:boatBob 4s ease-in-out infinite;display:inline-block}.splash-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-shadow:0 2px 30px rgba(0,0,0,.5)}.splash-subtitle{font-size:1rem;color:var(--text-dim);font-weight:300;letter-spacing:.15em;text-transform:uppercase;margin-bottom:48px}.splash-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;color:var(--text);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.05em;animation:ctaPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.splash-cta-arrow{font-size:1.2rem;animation:arrowBounce 1.5s ease-in-out infinite}@keyframes ctaPulse{0%,to{border-color:#ffffff26}50%{border-color:#ffffff59}}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.splash-bg-fish{position:absolute;font-size:2rem;opacity:.08;animation:splashFishFloat 20s linear infinite}@keyframes splashFishFloat{0%{transform:translate(-100px) translateY(0)}50%{transform:translate(50vw) translateY(-20px)}to{transform:translate(100vw) translateY(0)}}.water-shimmer{position:absolute;bottom:30%;left:45%;width:180px;height:60px;background:radial-gradient(ellipse,rgba(46,134,193,.15) 0%,transparent 70%);border-radius:50%;animation:shimmer 3s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease-out}