: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:#0a1628;color:#e0e8f0;overflow-x:hidden}.app{position:relative;width:100vw;min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#0a1628f2;border-bottom:1px solid rgba(100,180,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.top-left{display:flex;align-items:center;gap:.5rem}.logo{font-size:1.5rem}.logo-text{font-size:1.1rem;font-weight:800;letter-spacing:.05em;color:#60b0ff;text-shadow:0 0 20px rgba(100,180,255,.3)}.top-stats{display:flex;gap:1rem;font-size:.85rem}.stat{color:#e0e8f0b3;font-weight:600}.nav-bar{display:flex;gap:.25rem;padding:.5rem 1rem;background:#081020e6;border-bottom:1px solid rgba(100,180,255,.08)}.nav-btn{flex:1;padding:.6rem .5rem;font-size:.8rem;font-weight:600;color:#e0e8f080;background:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;font-family:inherit;transition:all .2s}.nav-btn:hover{color:#e0e8f0cc;background:#64b4ff0d}.nav-btn.active{color:#60b0ff;background:#64b4ff1a;border-color:#64b4ff33}.notif{position:fixed;top:4.5rem;left:50%;transform:translate(-50%);z-index:200;padding:.6rem 1.5rem;background:#142846f2;border:1px solid rgba(100,180,255,.3);border-radius:.75rem;color:#a0d0ff;font-weight:600;font-size:.85rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:notifIn .3s ease-out}@keyframes notifIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.catch-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;background:#000000b3;animation:fadeIn .3s}.catch-popup-content{text-align:center;padding:2.5rem;background:#0a1628f2;border:2px solid rgba(100,180,255,.3);border-radius:1.25rem;max-width:320px;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.catch-emoji{font-size:4rem;margin-bottom:.5rem}.catch-title{font-size:1.6rem;font-weight:800}.catch-rarity{font-size:.7rem;font-weight:700;letter-spacing:.2em;color:#fff6;margin-top:.25rem}.catch-weight{font-size:1.3rem;font-weight:700;color:#60b0ff;margin-top:.5rem}.catch-value{font-size:1rem;color:#4ade80;font-weight:700;margin-top:.25rem}.catch-desc{font-size:.8rem;color:#e0e8f080;margin-top:.75rem;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.fishing-screen{flex:1;display:flex;flex-direction:column}.location-bar{display:flex;gap:.25rem;padding:.5rem 1rem;overflow-x:auto;flex-shrink:0}.loc-btn{padding:.4rem .75rem;font-size:.75rem;font-weight:600;color:#e0e8f099;background:#64b4ff0d;border:1px solid rgba(100,180,255,.1);border-radius:2rem;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s}.loc-btn:hover:not(.locked){background:#64b4ff1a}.loc-btn.active{color:#60b0ff;background:#64b4ff26;border-color:#64b4ff4d}.loc-btn.locked{opacity:.4;cursor:not-allowed}.lake-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1rem}.lake{position:relative;width:100%;max-width:500px;height:280px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;overflow:hidden;background:linear-gradient(180deg,#0d2847,#1a4a7a 40%,#0a3055);box-shadow:0 0 60px #1e64b433,inset 0 -10px 30px #0000004d}.water{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(100,180,255,.05) 50%,rgba(100,180,255,.1) 100%)}.ripple{position:absolute;border:1px solid rgba(160,210,255,.3);border-radius:50%;animation:rippleAnim 2s ease-out infinite}.ripple-1{top:45%;left:55%;width:40px;height:20px;animation-delay:0s}.ripple-2{top:48%;left:52%;width:60px;height:30px;animation-delay:.5s}.ripple-3{top:44%;left:58%;width:30px;height:15px;animation-delay:1s}@keyframes rippleAnim{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}.fish-shadow{position:absolute;top:50%;left:55%;font-size:2rem;animation:fishSwim 1s ease-in-out infinite alternate;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes fishSwim{0%{transform:translate(0) scaleX(1)}to{transform:translate(-15px,5px) scaleX(-1)}}.rod-area{position:absolute;bottom:10px;right:20px}.rod{font-size:2.5rem;transform-origin:bottom right;transition:transform .3s}.rod.casting{animation:castAnim .4s ease-in-out}.rod.reeling{animation:reelAnim .3s ease-in-out infinite}@keyframes castAnim{0%{transform:rotate(0)}50%{transform:rotate(-60deg)}to{transform:rotate(-30deg)}}@keyframes reelAnim{0%{transform:rotate(-30deg)}50%{transform:rotate(-20deg)}to{transform:rotate(-30deg)}}.fishing-line{position:absolute;top:-80px;left:-60px;width:1px;height:100px;background:#c8dcf066;transform-origin:bottom right;transform:rotate(-30deg)}.phase-ui{display:flex;flex-direction:column;align-items:center;gap:.75rem;min-height:120px}.cast-btn,.hook-btn,.reel-btn{padding:.8rem 2rem;font-size:1rem;font-weight:700;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#1a5a9a,#0d3a6a);border:1px solid rgba(100,180,255,.3);border-radius:.6rem;cursor:pointer;font-family:inherit;transition:all .2s}.cast-btn:hover,.hook-btn:hover,.reel-btn:hover{background:linear-gradient(135deg,#2a7aba,#1a5a9a);box-shadow:0 0 20px #64b4ff33;transform:translateY(-1px)}.hook-btn{background:linear-gradient(135deg,#c44a00,#8a3000);border-color:#ff8c3266;animation:pulse .8s ease-in-out infinite}.hook-btn:hover{background:linear-gradient(135deg,#e46a10,#a44a00)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.reel-btn{background:linear-gradient(135deg,#1a7a3a,#0a5a2a);border-color:#50c8644d;font-size:1.1rem;padding:.9rem 2.5rem}.reel-btn:hover{background:linear-gradient(135deg,#2a9a4a,#1a7a3a)}.cast-power-area{display:flex;flex-direction:column;align-items:center;gap:.5rem}.cast-label{font-size:.8rem;color:#e0e8f080;font-weight:600}.power-bar-track{width:200px;height:12px;background:#64b4ff1a;border-radius:6px;overflow:hidden}.power-bar-fill{height:100%;background:linear-gradient(90deg,#2a7aba,#60d0ff);border-radius:6px;transition:width .03s linear}.waiting-text{font-size:1rem;color:#e0e8f080;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.5}50%{opacity:1}}.bite-area{text-align:center}.bite-alert{font-size:1.5rem;font-weight:800;color:#ff6040;text-shadow:0 0 20px rgba(255,80,50,.4);animation:biteShake .3s ease-in-out infinite;margin-bottom:.5rem}@keyframes biteShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.reel-area{width:100%;max-width:350px;text-align:center}.reel-info{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.reel-bar-track{position:relative;width:100%;height:16px;background:#64b4ff1a;border-radius:8px;overflow:visible;margin-bottom:.5rem}.reel-bar-fill{height:100%;background:linear-gradient(90deg,#1a7a3a,#4ade80);border-radius:8px;transition:width .1s}.reel-bar-fish{position:absolute;top:-8px;transform:translate(-50%);font-size:1.3rem;transition:left .1s}.reel-fight{font-size:.75rem;color:#e0e8f066;margin-bottom:.75rem}.caught-text{font-size:1.2rem;font-weight:700;color:#4ade80}.escaped-text{font-size:1.2rem;font-weight:700;color:#ff6040}.equip-summary{display:flex;justify-content:center;gap:1.5rem;padding:.6rem 1rem;background:#081020cc;border-top:1px solid rgba(100,180,255,.08);font-size:.75rem;color:#e0e8f080}.journal-screen{padding:1.25rem;overflow-y:auto;flex:1}.screen-title{font-size:1.3rem;font-weight:800;color:#60b0ff;margin-bottom:1rem;text-align:center}.journal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.j-stat{text-align:center;padding:.75rem .5rem;background:#64b4ff0d;border:1px solid rgba(100,180,255,.1);border-radius:.75rem}.j-stat-num{font-size:1.2rem;font-weight:800;color:#60b0ff}.j-stat-label{font-size:.65rem;color:#e0e8f066;margin-top:.2rem}.empty-state{text-align:center;padding:3rem 1rem;color:#e0e8f04d;font-size:.9rem}.catch-list{display:flex;flex-direction:column;gap:.5rem}.catch-entry{padding:.75rem 1rem;background:#64b4ff08;border:1px solid rgba(100,180,255,.08);border-left:3px solid;border-radius:.5rem}.catch-entry-top{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.9rem}.catch-entry-weight{color:#60b0ff}.catch-entry-details{display:flex;gap:.75rem;margin-top:.25rem;font-size:.7rem;color:#e0e8f066}.shop-screen{padding:1.25rem;overflow-y:auto;flex:1}.shop-balance{text-align:center;font-size:1.1rem;font-weight:700;color:#4ade80;margin-bottom:1.25rem}.shop-section{margin-bottom:1.5rem}.shop-section-title{font-size:.9rem;font-weight:700;color:#e0e8f099;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(100,180,255,.08)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.shop-card{padding:1rem .75rem;background:#64b4ff08;border:1px solid rgba(100,180,255,.1);border-radius:.75rem;text-align:center;transition:all .2s}.shop-card:hover{border-color:#64b4ff33}.shop-card.owned{border-color:#4ade8033}.shop-card-icon{font-size:1.8rem;margin-bottom:.4rem}.shop-card-name{font-size:.8rem;font-weight:700;margin-bottom:.2rem}.shop-card-stat{font-size:.7rem;color:#e0e8f066;margin-bottom:.6rem}.shop-equipped{font-size:.7rem;font-weight:700;color:#4ade80;padding:.3rem .75rem;background:#4ade801a;border-radius:1rem;display:inline-block}.shop-equip-btn,.shop-buy-btn{padding:.3rem .75rem;font-size:.7rem;font-weight:700;border-radius:1rem;cursor:pointer;font-family:inherit;border:1px solid;transition:all .2s}.shop-equip-btn{color:#60b0ff;background:#64b4ff1a;border-color:#64b4ff33}.shop-equip-btn:hover{background:#64b4ff33}.shop-buy-btn{color:#4ade80;background:#4ade801a;border-color:#4ade8033}.shop-buy-btn:hover:not(:disabled){background:#4ade8033}.shop-buy-btn:disabled{opacity:.3;cursor:not-allowed}.trophies-screen{padding:1.25rem;overflow-y:auto;flex:1}.trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem;margin-bottom:1.5rem}.trophy-card{padding:1rem .5rem;background:#64b4ff08;border:1px solid rgba(100,180,255,.08);border-radius:.75rem;text-align:center}.trophy-card.locked{opacity:.3}.trophy-card.unlocked{border-color:#64b4ff33}.trophy-icon{font-size:2rem;margin-bottom:.3rem}.trophy-name{font-size:.7rem;font-weight:700}.trophy-rarity{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.trophy-best{font-size:.7rem;color:#60b0ff;margin-top:.25rem}.trophy-summary{text-align:center;font-size:.85rem;color:#e0e8f080}.legendary-badge{display:inline-block;margin-left:.75rem;padding:.2rem .6rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:1rem;color:#f59e0b;font-weight:700;font-size:.75rem}