: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;background:#0a0a0a;color:#fafafa;overflow:hidden}.game-container{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;user-select:none;-webkit-user-select:none}.scene{width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer;transition:background 2s ease}.sun{position:absolute;width:70px;height:70px;background:radial-gradient(circle,#ffe566 30%,#ffcc00 60%,transparent 70%);border-radius:50%;top:8%;right:15%;box-shadow:0 0 40px 15px #ffcc004d;animation:sun-pulse 4s ease-in-out infinite;transition:opacity 2s ease}.sun.dim{opacity:.3;box-shadow:0 0 20px 8px #ffcc001a}@keyframes sun-pulse{0%,to{transform:scale(1);box-shadow:0 0 40px 15px #ffcc004d}50%{transform:scale(1.05);box-shadow:0 0 50px 20px #fc06}}.cloud{position:absolute;background:#ffffffb3;border-radius:50px;filter:blur(2px)}.weather-stormy .cloud,.weather-rainy .cloud{background:#505a6ecc}.cloud-1{width:180px;height:50px;top:10%;left:-180px;animation:cloud-drift 25s linear infinite}.cloud-2{width:140px;height:40px;top:16%;left:-140px;animation:cloud-drift 35s linear infinite;animation-delay:8s}.cloud-3{width:200px;height:55px;top:6%;left:-200px;animation:cloud-drift 30s linear infinite;animation-delay:15s}.cloud-dark{width:300px;height:80px;top:3%;left:-300px;background:#282d3ce6;animation:cloud-drift 20s linear infinite;animation-delay:3s}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 300px))}}.lightning-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;z-index:50;pointer-events:none;animation:flash-fade .2s ease-out}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}.shore{position:absolute;bottom:30%;left:0;right:0;height:10%;display:flex;align-items:flex-end;justify-content:center;gap:20px;z-index:5}.tree{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:tree-sway 6s ease-in-out infinite}.tree-1{animation-delay:0s;transform-origin:bottom center}.tree-2{animation-delay:1.5s;font-size:3rem;transform-origin:bottom center}.tree-3{animation-delay:.8s;font-size:2.2rem;transform-origin:bottom center}.tree-4{animation-delay:2s;font-size:2.8rem;transform-origin:bottom center}.weather-stormy .tree{animation:tree-sway-storm 2s ease-in-out infinite}@keyframes tree-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes tree-sway-storm{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.lake{position:absolute;bottom:0;left:0;right:0;height:38%;overflow:hidden}.water{width:100%;height:100%;position:relative;transition:background 2s ease}.weather-sunny .water{background:linear-gradient(180deg,#1a7fc4,#0f5f9e 40%,#0a4a7a)}.weather-cloudy .water{background:linear-gradient(180deg,#2a5a7a,#1a4a6a 40%,#0f3a5a)}.weather-rainy .water{background:linear-gradient(180deg,#1e4a6a,#143a5a 40%,#0a2a4a)}.weather-stormy .water{background:linear-gradient(180deg,#142535,#0a1a2a 40%,#050f1a)}.weather-foggy .water{background:linear-gradient(180deg,#3a6a8a,#2a5a7a 40%,#1a4a6a)}.ripple{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:ripple-expand 4s ease-out infinite}.ripple-1{top:20%;left:30%;width:60px;height:20px;animation-delay:0s}.ripple-2{top:50%;left:60%;width:80px;height:25px;animation-delay:1.5s}.ripple-3{top:35%;left:45%;width:50px;height:15px;animation-delay:3s}@keyframes ripple-expand{0%{transform:scale(.3);opacity:.6}to{transform:scale(3);opacity:0}}.fish-shadow{position:absolute;width:30px;height:12px;background:#0003;border-radius:50%;animation:fish-swim 3s ease-in-out infinite;z-index:2}@keyframes fish-swim{0%,to{transform:translate(0) scaleX(1)}25%{transform:translate(15px) scaleX(1)}50%{transform:translate(15px) scaleX(-1)}75%{transform:translate(-15px) scaleX(-1)}}.bobber{position:absolute;z-index:10;transform:translate(-50%,-50%)}.bobber-float{width:12px;height:18px;background:linear-gradient(180deg,#f33 50%,#fff 50%);border-radius:6px 6px 4px 4px;box-shadow:0 2px 6px #0000004d;animation:bobber-idle 1.5s ease-in-out infinite}.bobber-line{position:absolute;top:-40px;left:50%;width:1px;height:40px;background:#ffffff4d;transform:translate(-50%)}.bobber-dip .bobber-float{animation:bobber-dip-anim .4s ease-in-out infinite}@keyframes bobber-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bobber-dip-anim{0%,to{transform:translateY(0)}30%{transform:translateY(8px)}60%{transform:translateY(2px)}}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;overflow:hidden}.raindrop{position:absolute;top:-10px;width:2px;height:18px;background:linear-gradient(180deg,transparent,rgba(174,194,224,.6));border-radius:0 0 2px 2px;animation:rain-fall linear infinite}.weather-stormy .raindrop{height:25px;background:linear-gradient(180deg,transparent,rgba(200,210,230,.7))}@keyframes rain-fall{0%{transform:translateY(0) rotate(8deg)}to{transform:translateY(100vh) rotate(8deg)}}.fog-layer{position:absolute;left:-20%;width:140%;height:80px;background:#b4c3d226;border-radius:100px;filter:blur(30px);animation:fog-drift linear infinite}@keyframes fog-drift{0%{transform:translate(-20%)}50%{transform:translate(20%)}to{transform:translate(-20%)}}.fisher{position:absolute;bottom:36%;left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:flex-end}.fisher-body{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.rod{position:absolute;top:-30px;left:20px;width:60px;height:3px;background:linear-gradient(90deg,#8b4513,sienna);border-radius:2px;transform-origin:left center;transform:rotate(-30deg)}.rod:after{content:"";position:absolute;right:0;top:-1px;width:20px;height:2px;background:#666;transform:rotate(-10deg)}.rod-line{position:absolute;right:-5px;top:2px;width:1px;height:100px;background:#fff3;transform:rotate(20deg);transform-origin:top}.caught-fish-popup{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:40;animation:caught-pop .5s ease-out}.caught-fish-emoji{font-size:4rem;animation:caught-bounce .8s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.caught-fish-name{font-size:1.5rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:caught-fade-in .3s ease-out .2s both}@keyframes caught-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}60%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes caught-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes caught-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;z-index:20;pointer-events:none}.hud-top>*{pointer-events:auto}.weather-display{display:flex;align-items:center;gap:8px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.weather-icon{font-size:1.5rem}.weather-label{font-size:.85rem;font-weight:600}.weather-desc{font-size:.7rem;opacity:.6}.stats-display{display:flex;gap:12px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.stat{font-size:.8rem;font-weight:500;white-space:nowrap}.power-bar-container,.reel-bar-container{position:absolute;bottom:12%;left:50%;transform:translate(-50%);z-index:25;text-align:center;pointer-events:none}.power-bar-label,.reel-bar-label{font-size:.75rem;margin-bottom:4px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.power-bar,.reel-bar{width:200px;height:14px;background:#00000080;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.power-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#facc15,#ef4444);border-radius:7px;transition:width .02s linear}.reel-bar-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);border-radius:7px;transition:width .04s linear}.message{position:absolute;bottom:5%;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 24px;border-radius:10px;font-size:.95rem;font-weight:500;text-align:center;z-index:20;pointer-events:none;border:1px solid rgba(255,255,255,.1);white-space:nowrap;max-width:90vw}.message-alert{background:#ef444466;border-color:#ef444499;animation:alert-pulse .5s ease-in-out infinite}@keyframes alert-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.03)}}.inventory-toggle{position:absolute;bottom:5%;right:12px;z-index:25;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fafafa;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s}.inventory-toggle:hover{background:#000c}.inventory-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease}.inventory-content{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:400px;width:90%;max-height:70vh;overflow-y:auto;animation:slide-up .3s ease}.inventory-content h2{font-size:1.2rem;margin-bottom:12px;text-align:center}.empty-bag{text-align:center;opacity:.5;padding:20px}.catch-summary{margin-bottom:12px;text-align:center}.biggest-catch{font-size:.9rem;opacity:.8}.catch-list{display:flex;flex-direction:column;gap:6px}.catch-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0a;border-radius:8px;font-size:.85rem}.catch-emoji{font-size:1.2rem}.catch-name{font-weight:600;flex:1}.catch-weight{opacity:.6;font-size:.8rem}.catch-rarity{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border-radius:4px}.rarity-common{background:#8b9dc333;color:#8b9dc3}.rarity-uncommon{background:#3bd46e33;color:#3bd46e}.rarity-rare{background:#d4a43b33;color:#d4a43b}.rarity-legendary{background:#e040e033;color:#e040e0}.close-btn{display:block;width:100%;margin-top:16px;padding:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fafafa;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background .2s}.close-btn:hover{background:#ffffff26}.weather-selector{position:fixed;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:60;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.weather-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.75rem;transition:all .2s;white-space:nowrap}.weather-btn:hover{background:#ffffff14;color:#ffffffe6}.weather-btn.active{background:#ffffff26;color:#fafafa;border-color:#ffffff4d}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.hud-top{flex-direction:column;gap:6px}.stats-display{flex-wrap:wrap;gap:8px}.weather-selector{flex-wrap:wrap;justify-content:center;max-width:90vw}.fisher-body{font-size:2rem}.message{font-size:.8rem;padding:8px 16px}}