: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}html,body,#root{margin:0;min-height:100vh;background:#0f1923;color:#e8e8e8}.game-container{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f1923,#132a1f)}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#00000059;border-bottom:1px solid rgba(255,255,255,.06)}.game-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.header-right{display:flex;gap:.75rem;align-items:center}.coin-display,.collection-count{font-size:.85rem;font-weight:600;background:#ffffff0f;padding:.2rem .6rem;border-radius:999px}.coin-display{color:#fbbf24}.collection-count{color:#a5b4fc}.game-nav{display:flex;gap:2px;background:#00000040;padding:.25rem}.nav-btn{flex:1;border:none;background:transparent;color:#ffffff80;font-size:.75rem;font-weight:600;padding:.5rem .25rem;border-radius:6px;cursor:pointer;transition:all .15s}.nav-btn:hover{color:#fffc;background:#ffffff0d}.nav-active{color:#fff!important;background:#4ade8026!important;border-bottom:2px solid #4ade80}.notification{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#000000d9;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.5rem 1.25rem;border-radius:999px;font-size:.85rem;font-weight:600;z-index:100;animation:notifIn .3s ease}@keyframes notifIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-main{flex:1;overflow-y:auto;padding:.75rem}.fishing-view{display:flex;flex-direction:column;gap:.75rem;height:100%}.fishing-scene{position:relative;height:280px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.sky{position:absolute;top:0;left:0;right:0;height:55%;background:linear-gradient(180deg,#1e3a5f,#4a8ec2 60%,#7ec8e3);overflow:hidden}.sun{position:absolute;top:20px;right:40px;width:40px;height:40px;background:#fbbf24;border-radius:50%;box-shadow:0 0 30px #fbbf2480}.cloud{position:absolute;background:#ffffff80;border-radius:999px;height:14px}.cloud-1{top:25px;left:10%;width:60px;animation:cloudDrift 20s linear infinite}.cloud-2{top:50px;left:40%;width:80px;animation:cloudDrift 28s linear infinite}.cloud-3{top:15px;left:65%;width:50px;animation:cloudDrift 24s linear infinite}@keyframes cloudDrift{0%{transform:translate(-100px)}to{transform:translate(500px)}}.riverbank{position:absolute;bottom:40%;left:0;right:0;height:15%;z-index:2}.grass{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#2d5a27,#1a3a15);border-top:2px solid #3d7a35}.fisher{position:absolute;bottom:10px;right:60px;z-index:3}.fisher-body{width:20px;height:30px;background:#5b8dbf;border-radius:4px 4px 0 0;margin:0 auto}.fisher-hat{width:24px;height:10px;background:#8b6914;border-radius:6px 6px 0 0;margin:0 auto;position:relative;top:-2px}.fishing-rod{position:absolute;top:-5px;left:12px;transform-origin:bottom left;transition:transform .3s}.rod-handle{width:4px;height:50px;background:linear-gradient(180deg,#8b6914,#6b4f10);border-radius:2px}.rod-tip{position:absolute;top:-2px;left:1px;width:2px;height:15px;background:#aaa}.rod-cast{transform:rotate(-40deg)}.rod-out{transform:rotate(-25deg)}.rod-line-to-water{position:absolute;top:10px;left:2px;width:1px;height:120px;background:#ffffff4d;transform:rotate(15deg);transform-origin:top}.river{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#1565c0,#0d47a1,#0a3680);overflow:hidden}.water-layer{position:absolute;top:0;right:0;bottom:0;left:0}.water-wave{position:absolute;left:-10%;width:120%;height:20px;border-radius:50%;opacity:.25}.water-wave-1{top:5px;background:#42a5f5;animation:wave 4s ease-in-out infinite}.water-wave-2{top:15px;background:#64b5f6;animation:wave 5s ease-in-out infinite .5s}.water-wave-3{top:25px;background:#90caf9;animation:wave 6s ease-in-out infinite 1s}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.spot-label{position:absolute;bottom:8px;left:10px;font-size:.7rem;font-weight:600;color:#ffffffb3;background:#0006;padding:.15rem .5rem;border-radius:6px;z-index:5}.bobber{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:3}.bobber-body{width:12px;height:16px;background:#ef4444;border-radius:50%/60% 60% 40% 40%;border:2px solid #fff;margin:0 auto}.bobber-line{width:1px;height:30px;background:#ffffff4d;margin:0 auto}.bobber-idle{animation:bobberFloat 2s ease-in-out infinite}.bobber-bite{animation:bobberBite .15s ease-in-out infinite}@keyframes bobberFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(4px)}}@keyframes bobberBite{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.caught-melon-float{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:2.5rem;animation:melonFloat 1s ease-in-out infinite;z-index:3}@keyframes melonFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.fishing-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem}.main-action-btn{width:100%;max-width:300px;padding:.85rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;background:linear-gradient(135deg,#4ade80,#22c55e);color:#052e16;box-shadow:0 4px 15px #4ade804d}.main-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4ade8066}.main-action-btn:active:not(:disabled){transform:translateY(0)}.main-action-btn:disabled{opacity:.5;cursor:not-allowed}.btn-bite{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#451a03!important;box-shadow:0 4px 15px #f59e0b66!important;animation:pulseBtn .5s ease-in-out infinite}.btn-reel{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;box-shadow:0 4px 15px #3b82f666!important}.btn-continue{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important;color:#fff!important;box-shadow:0 4px 15px #a78bfa4d!important}@keyframes pulseBtn{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.bite-indicator{text-align:center;animation:biteAppear .2s ease}@keyframes biteAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.bite-text{font-size:2rem;font-weight:900;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.5);animation:biteFlash .3s ease-in-out infinite}@keyframes biteFlash{0%,to{opacity:1}50%{opacity:.6}}.bite-subtext{font-size:.85rem;color:#fff9;margin-top:.25rem}.bite-timer{width:200px;height:6px;background:#ffffff1a;border-radius:3px;margin:.5rem auto 0;overflow:hidden}.bite-timer-fill{height:100%;background:#f59e0b;border-radius:3px;animation:biteTimer linear forwards}@keyframes biteTimer{0%{width:100%}to{width:0%}}.reel-meter{width:100%;max-width:300px;text-align:center}.reel-meter-label{font-size:.85rem;font-weight:700;color:#60a5fa;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.reel-meter-bar{height:20px;background:#ffffff14;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.reel-meter-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);border-radius:10px;transition:width .05s}.reel-meter-hint{font-size:.7rem;color:#fff6;margin-top:.25rem}.catch-display{position:relative;text-align:center;padding:1rem;animation:catchAppear .4s ease}@keyframes catchAppear{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.catch-emoji{font-size:3.5rem;margin-bottom:.25rem}.catch-name{font-size:1.2rem;font-weight:800}.rarity-stars{font-size:.85rem;letter-spacing:2px}.catch-weight{font-size:1.5rem;font-weight:700;color:#fff;margin:.25rem 0}.catch-value{font-size:.9rem;color:#fbbf24;font-weight:600}.catch-desc{font-size:.8rem;color:#ffffff80;margin-top:.35rem;font-style:italic}.catch-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.7rem;font-weight:800;margin-top:.5rem}.new-badge{background:#4ade80;color:#052e16}.record-badge{background:#f59e0b;color:#451a03;margin-left:.5rem}.particles{position:absolute;top:50%;left:50%;pointer-events:none}.particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:particleBurst .6s ease-out forwards}@keyframes particleBurst{0%{transform:translate(0);opacity:1}to{transform:translate(var(--x),var(--y));opacity:0}}.missed-display{text-align:center;padding:1rem}.missed-icon{font-size:2.5rem}.missed-text{font-size:1rem;font-weight:600;color:#f87171;margin-top:.25rem}.gear-summary{display:flex;justify-content:center;gap:1rem;font-size:.7rem;color:#fff6;padding:.25rem}.section-title{margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.section-subtitle{margin:0 0 1rem;font-size:.85rem;color:#ffffff80}.shop-view{display:flex;flex-direction:column;gap:1.25rem}.shop-section-title{margin:0 0 .5rem;font-size:.95rem;font-weight:700;color:#ffffffb3}.shop-grid{display:flex;flex-direction:column;gap:.5rem}.shop-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem;position:relative;transition:all .15s}.shop-card:hover{background:#ffffff0f}.shop-card.current{border-color:#4ade80;background:#4ade800f}.shop-card.owned{opacity:.5}.shop-card-name{font-weight:700;font-size:.9rem;margin-bottom:.15rem}.shop-card-desc{font-size:.75rem;color:#ffffff73;margin-bottom:.35rem}.shop-card-stats{font-size:.7rem;color:#ffffff59;font-family:ui-monospace,monospace}.shop-card-badge{position:absolute;top:.5rem;right:.5rem;font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:4px}.current-badge{background:#4ade80;color:#052e16}.owned-badge{background:#ffffff1a;color:#fff6}.buy-btn{margin-top:.5rem;width:100%;padding:.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#052e16;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .15s}.buy-btn:hover:not(:disabled){transform:translateY(-1px)}.buy-btn:disabled{opacity:.4;cursor:not-allowed}.collection-view{display:flex;flex-direction:column}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.collection-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem;text-align:center;transition:all .15s}.collection-card.discovered:hover{background:#ffffff0f}.collection-card.undiscovered{opacity:.4}.collection-emoji{font-size:2rem;margin-bottom:.15rem}.collection-name{font-size:.8rem;font-weight:700}.collection-stats{font-size:.65rem;color:#ffffff59;margin-top:.25rem}.undiscovered-text{color:#fff3!important;font-style:italic}.spots-view{display:flex;flex-direction:column}.spots-grid{display:flex;flex-direction:column;gap:.5rem}.spot-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem;transition:all .15s}.spot-card.spot-active{background:#4ade800f}.spot-card.spot-locked{opacity:.5}.spot-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.spot-emoji{font-size:1.1rem}.spot-name{font-weight:700;font-size:.9rem}.spot-active-badge{margin-left:auto;font-size:.6rem;font-weight:700;background:#4ade80;color:#052e16;padding:.1rem .4rem;border-radius:4px}.spot-desc{font-size:.75rem;color:#fff6;margin-bottom:.35rem}.spot-difficulty{font-size:.7rem;margin-bottom:.35rem}.spot-melons{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;margin-bottom:.5rem}.spot-melons-label{font-size:.7rem;color:#ffffff59}.spot-melon-tag{font-size:1.1rem}.spot-select-btn,.spot-unlock-btn{width:100%;padding:.5rem;border:none;border-radius:8px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .15s}.spot-select-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.spot-select-btn:hover{transform:translateY(-1px)}.spot-unlock-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#451a03}.spot-unlock-btn:hover:not(:disabled){transform:translateY(-1px)}.spot-unlock-btn:disabled{opacity:.4;cursor:not-allowed}.history-section{margin-top:1.5rem}.history-list{display:flex;flex-direction:column;gap:.35rem}.history-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.35rem .5rem;background:#ffffff08;border-radius:6px}.history-value{margin-left:auto;color:#fbbf24;font-weight:600}