:root{color-scheme:light;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:linear-gradient(180deg,#87ceeb,#4a90d9 40%,#2e6bb0 60%,#1a4a7a);overflow:hidden}#root{display:flex;justify-content:center;align-items:center}.game-container{position:relative;width:100%;max-width:800px;height:100vh;max-height:600px;overflow:hidden}.sun{position:absolute;top:20px;right:60px;width:80px;height:80px;background:radial-gradient(circle,gold 30%,orange);border-radius:50%;box-shadow:0 0 40px gold,0 0 80px #ffa50088;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cloud{position:absolute;background:#fff;border-radius:50px;opacity:.9}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-1{width:100px;height:30px;top:40px;left:50px;animation:float 20s linear infinite}.cloud-1:before{width:50px;height:50px;top:-25px;left:15px}.cloud-1:after{width:40px;height:40px;top:-20px;left:50px}.cloud-2{width:80px;height:25px;top:80px;right:100px;animation:float 25s linear infinite reverse}.cloud-2:before{width:40px;height:40px;top:-20px;left:10px}.cloud-2:after{width:35px;height:35px;top:-15px;left:40px}@keyframes float{0%{transform:translate(-100px)}to{transform:translate(900px)}}.ground{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,#4caf50,#388e3c,#2e7d32);border-top:4px solid #2E7D32}.grass-blade{position:absolute;bottom:100%;width:8px;height:20px;background:#4caf50;border-radius:50% 50% 0 0;transform-origin:bottom center;animation:sway 2s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.pond{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:300px;height:120px;background:linear-gradient(180deg,#2196f3,#1976d2,#0d47a1);border-radius:50%;border:4px solid #0D47A1;overflow:hidden}.water-ripple{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.15) 0%,transparent 40%);animation:ripple 3s ease-in-out infinite}@keyframes ripple{0%,to{opacity:.7}50%{opacity:1}}.chibi-character{position:absolute;bottom:180px;left:50%;transform:translate(-50%);z-index:10;cursor:pointer;transition:transform .2s}.chibi-character:hover{transform:translate(-50%) scale(1.05)}.chibi-head{width:50px;height:50px;background:#ffe0b2;border-radius:50%;position:relative;margin:0 auto;border:3px solid #FFCC80}.chibi-eye{position:absolute;width:8px;height:10px;background:#333;border-radius:50%;top:18px}.chibi-eye.left{left:12px}.chibi-eye.right{right:12px}.chibi-eye:after{content:"";position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;top:2px;left:2px}.chibi-mouth{position:absolute;width:10px;height:5px;border-bottom:3px solid #E65100;border-radius:0 0 50% 50%;bottom:12px;left:50%;transform:translate(-50%)}.chibi-blush{position:absolute;width:12px;height:8px;background:#ffab91;border-radius:50%;top:25px;opacity:.6}.chibi-blush.left{left:5px}.chibi-blush.right{right:5px}.chibi-body{width:40px;height:30px;background:#ff7043;border-radius:10px 10px 5px 5px;margin:-5px auto 0;position:relative}.chibi-arm{position:absolute;width:15px;height:25px;background:#ffe0b2;border-radius:8px;top:5px}.chibi-arm.left{left:-10px;transform:rotate(15deg)}.chibi-arm.right{right:-10px;transform:rotate(-15deg)}.chibi-leg{position:absolute;width:12px;height:20px;background:#1565c0;border-radius:6px 6px 8px 8px;bottom:-18px}.chibi-leg.left{left:5px}.chibi-leg.right{right:5px}.fishing-rod{position:absolute;right:-40px;top:5px;width:80px;height:8px;background:linear-gradient(90deg,#8d6e63,#6d4c41);transform-origin:left center;transform:rotate(-30deg);border-radius:4px;z-index:5}.rod-tip{position:absolute;right:0;top:-2px;width:6px;height:12px;background:gold;border-radius:3px}.fishing-line{position:absolute;right:-40px;top:10px;width:2px;height:0;background:#333;transform-origin:top center;transition:height .5s ease;z-index:4}.fishing-line.casting{height:150px}.fishing-line.waiting{height:150px;animation:line-sway 2s ease-in-out infinite}@keyframes line-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.bobber{position:absolute;right:-50px;top:160px;width:12px;height:18px;background:linear-gradient(180deg,#f44336 50%,#fff 50%);border-radius:50%;opacity:0;transition:opacity .3s;z-index:6}.bobber.visible{opacity:1;animation:bobber-float 2s ease-in-out infinite}.bobber.biting{animation:bobber-bite .3s ease-in-out infinite}@keyframes bobber-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bobber-bite{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(8px) rotate(-10deg)}75%{transform:translateY(3px) rotate(10deg)}}.fish-caught{position:absolute;right:-60px;top:100px;font-size:30px;opacity:0;z-index:20;pointer-events:none}.fish-caught.show{animation:fish-jump 1s ease-out forwards}@keyframes fish-jump{0%{opacity:1;transform:translateY(0) rotate(0)}50%{opacity:1;transform:translateY(-80px) rotate(15deg)}to{opacity:0;transform:translateY(-120px) rotate(-10deg)}}.game-ui{position:absolute;top:20px;left:20px;z-index:100}.score-display{background:#ffffffe6;padding:10px 20px;border-radius:20px;font-size:18px;font-weight:700;color:#1565c0;box-shadow:0 4px 12px #0003;margin-bottom:10px;display:flex;align-items:center;gap:10px}.coin-icon{font-size:24px}.fish-collection{background:#ffffffe6;padding:15px;border-radius:15px;box-shadow:0 4px 12px #0003;max-height:200px;overflow-y:auto}.collection-title{font-size:14px;font-weight:700;color:#333;margin-bottom:8px;text-align:center}.fish-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.fish-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#e3f2fd;border-radius:10px;min-width:60px}.fish-item .fish-emoji{font-size:24px}.fish-item .fish-name{font-size:10px;color:#666;margin-top:4px}.fish-item .fish-count{font-size:12px;font-weight:700;color:#1565c0}.status-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#ffffffe6;padding:10px 25px;border-radius:25px;font-size:16px;font-weight:700;color:#333;box-shadow:0 4px 12px #0003;z-index:100;animation:fadeIn .3s ease;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.catch-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px 40px;border-radius:20px;box-shadow:0 10px 40px #0000004d;z-index:200;text-align:center;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.catch-popup .fish-big{font-size:60px;margin-bottom:10px}.catch-popup h2{color:#1565c0;margin-bottom:5px;font-size:24px}.catch-popup .fish-rarity{font-size:14px;color:#666;margin-bottom:15px}.catch-popup .fish-value{font-size:18px;color:#4caf50;font-weight:700;margin-bottom:20px}.catch-popup button{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #4caf5066}.catch-popup button:hover{transform:scale(1.05);box-shadow:0 6px 16px #4caf5080}.rarity-common{color:#4caf50}.rarity-uncommon{color:#2196f3}.rarity-rare{color:#9c27b0}.rarity-epic{color:#ff9800}.rarity-legendary{color:#f44336}.flower{position:absolute;font-size:20px;bottom:180px;animation:sway 3s ease-in-out infinite}.tree{position:absolute;bottom:170px;font-size:50px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}@media(max-width:600px){.game-container{max-height:100vh}.pond{width:250px;height:100px;bottom:60px}.chibi-character{bottom:150px}.score-display{font-size:14px;padding:8px 15px}.catch-popup{padding:20px 25px}.catch-popup .fish-big{font-size:45px}}