@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0e1a;color:#fafafa;overflow:hidden}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden}.dark-bg{background:linear-gradient(180deg,#0f1628,#0a0e1a)}.menu-bg{background:linear-gradient(180deg,#0a2540,#061525 40%,#020810);display:flex;align-items:center;justify-content:center}.menu-content{text-align:center;z-index:2;position:relative}.menu-logo{font-size:5rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.menu-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#4ade80,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.menu-subtitle{font-size:1.1rem;color:#ffffff80;margin-bottom:2rem}.menu-features{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2.5rem;font-size:1rem;color:#ffffffb3}.menu-waves{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent,rgba(96,165,250,.1));border-radius:50% 50% 0 0}.btn{padding:.6rem 1.2rem;border:none;border-radius:.5rem;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;color:#fff}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{box-shadow:0 4px 20px #3b82f680}.btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff1f}.btn-lg{font-size:1.2rem;padding:1rem 3rem;border-radius:1rem}.btn-back{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:.85rem}.btn-disabled{background:#ffffff0d;color:#ffffff4d;cursor:not-allowed}.btn-cast{font-size:1.3rem;padding:1rem 2.5rem;border-radius:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 20px #22c55e66;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 20px #22c55e66}50%{box-shadow:0 4px 30px #22c55eb3}}.btn-sell{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3);font-size:.75rem;padding:.3rem .6rem}.btn-sell-all{width:100%;margin-bottom:1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.panel-header h2{font-size:1.2rem;font-weight:700}.coins-display{font-weight:700;color:#fbbf24;font-size:1rem}.location-grid{display:grid;gap:1rem;padding:1.5rem}.location-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .2s;position:relative}.location-card:hover{background:#ffffff12}.location-card.active{border-color:#3b82f6;background:#3b82f614}.location-card.locked{opacity:.7}.location-emoji{font-size:2rem;margin-bottom:.5rem}.location-card h3{font-size:1.1rem;margin-bottom:.25rem}.location-card p{font-size:.85rem;color:#ffffff80;margin-bottom:.75rem}.location-unlock{margin-top:.5rem}.lock-text{font-size:.85rem;color:#fff6}.current-badge{position:absolute;top:1rem;right:1rem;background:#3b82f6;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:.3rem;font-weight:600}.location-fish-preview{display:flex;gap:.3rem;align-items:center;margin-top:.5rem}.fish-count{font-size:.75rem;color:#ffffff4d}.shop-content{padding:1.5rem;overflow-y:auto;height:calc(100vh - 60px)}.shop-section-title{font-size:1rem;margin-bottom:1rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.shop-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.25rem;text-align:center}.shop-item.owned{border-color:#4ade804d}.shop-item-icon{font-size:2.5rem;margin-bottom:.5rem}.shop-item h4{font-size:1rem;margin-bottom:.25rem}.shop-item-desc{font-size:.8rem;color:#fff6;margin-bottom:1rem}.gear-level{font-size:.85rem;color:#60a5fa;margin-bottom:.5rem}.gear-dots{display:flex;gap:.3rem;justify-content:center;margin-top:.4rem}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a}.dot.filled{background:#60a5fa}.maxed-badge,.owned-badge{display:inline-block;font-size:.8rem;padding:.4rem 1rem;border-radius:.5rem;font-weight:600}.maxed-badge{background:#fbbf2426;color:#fbbf24}.owned-badge{background:#4ade8026;color:#4ade80}.inventory-content{padding:1.5rem;overflow-y:auto;height:calc(100vh - 60px)}.inventory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.stat-box{background:#ffffff0a;border-radius:.75rem;padding:.75rem;text-align:center}.stat-label{display:block;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.stat-value{display:block;font-size:1.1rem;font-weight:700;margin-top:.25rem}.inventory-list{display:flex;flex-direction:column;gap:.5rem}.inventory-item{display:flex;align-items:center;gap:.75rem;background:#ffffff08;border-radius:.75rem;padding:.75rem;border-left:3px solid #666}.inv-emoji{font-size:1.5rem}.inv-info{flex:1;display:flex;flex-direction:column}.inv-name{font-weight:600;font-size:.9rem}.inv-details{font-size:.75rem;color:#fff6}.inv-actions{display:flex;align-items:center;gap:.5rem}.inv-value{font-size:.85rem;color:#fbbf24;font-weight:600}.empty-bag{text-align:center;padding:3rem 1rem;color:#ffffff4d}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.tournament-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.tournament-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.25rem}.tournament-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tournament-header h3{font-size:1rem}.tournament-reward{color:#fbbf24;font-weight:700}.tournament-card p{font-size:.85rem;color:#ffffff80;margin-bottom:1rem}.tournament-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.result-icon{font-size:5rem}.result-icon.won{animation:float 2s ease-in-out infinite}.result-icon.lost{opacity:.6}.tournament-result h2{font-size:2rem;font-weight:700}.tournament-result p{font-size:1.1rem;color:#fff9}.reward-display{font-size:1.5rem;font-weight:700;color:#fbbf24;margin:1rem 0}.fishing-scene{width:100%;height:calc(100vh - 60px);position:relative;overflow:hidden}.sky{position:absolute;top:0;left:0;right:0;height:45%}.sun{position:absolute;top:8%;right:15%;width:60px;height:60px;background:radial-gradient(circle,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 0 40px #fbbf2480,0 0 80px #fbbf2433}.cloud{position:absolute;background:#ffffff0f;border-radius:50px;height:20px}.cloud-1{top:12%;left:10%;width:100px;animation:drift 20s linear infinite}.cloud-2{top:18%;left:50%;width:140px;animation:drift 25s linear infinite 5s}.cloud-3{top:8%;left:75%;width:80px;animation:drift 18s linear infinite 10s}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(30px)}to{transform:translate(0)}}.water{position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(180deg,#1e407899,#0f2850e6)}.wave{position:absolute;top:-8px;left:-5%;width:110%;height:20px;border-radius:50%}.wave-1{background:#60a5fa33;animation:waveMove 4s ease-in-out infinite}.wave-2{top:-4px;background:#60a5fa26;animation:waveMove 5s ease-in-out infinite 1s}.wave-3{top:0;background:#60a5fa1a;animation:waveMove 6s ease-in-out infinite 2s}@keyframes waveMove{0%,to{transform:translate(-2%)}50%{transform:translate(2%)}}.swimming-fish{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.fish-swim{position:absolute;font-size:1.2rem;animation:swim 8s linear infinite;opacity:.5}@keyframes swim{0%{left:-5%}to{left:105%}}.bobber{position:absolute;top:5%;transition:left .3s}.bobber-line{position:absolute;top:-30px;left:50%;width:1px;height:30px;background:#ffffff4d;transform-origin:bottom}.bobber-float{font-size:1.5rem;cursor:pointer;animation:bobberFloat 1.5s ease-in-out infinite}.bobber-bite .bobber-float{animation:bobberBite .2s ease-in-out infinite}@keyframes bobberFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bobberBite{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(8px) rotate(-15deg)}75%{transform:translateY(8px) rotate(15deg)}}.bite-alert{position:absolute;top:-35px;left:50%;transform:translate(-50%);font-size:2rem;font-weight:800;color:#ef4444;animation:biteFlash .3s ease-in-out infinite;text-shadow:0 0 10px rgba(239,68,68,.5)}@keyframes biteFlash{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.2)}}.boat{position:absolute;bottom:48%;left:50%;transform:translate(-50%);z-index:10}.boat-emoji{font-size:3rem;display:block;animation:boatRock 3s ease-in-out infinite}@keyframes boatRock{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.cast-bar{position:absolute;bottom:25%;left:50%;transform:translate(-50%);width:280px;background:#000000b3;border-radius:1rem;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);cursor:pointer;text-align:center}.cast-bar-label{font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#4ade80}.cast-bar-track{height:16px;background:#ffffff1a;border-radius:8px;overflow:hidden}.cast-bar-fill{height:100%;border-radius:8px;transition:width .02s,background .1s}.cast-bar-power{margin-top:.5rem;font-weight:700;font-size:1.1rem}.reel-game{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:320px;background:#000000b3;border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);cursor:pointer}.reel-bar-track{height:30px;background:#ffffff14;border-radius:15px;position:relative;overflow:hidden;margin-bottom:.75rem}.reel-hit-zone{position:absolute;top:0;height:100%;background:#4ade8033;border:2px solid rgba(74,222,128,.4);border-radius:15px;transition:left .05s}.reel-cursor{position:absolute;top:2px;width:26px;height:26px;background:#f87171;border-radius:50%;transition:left .05s;box-shadow:0 0 10px #f8717180;transform:translate(-50%)}.reel-progress-track{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:.5rem}.reel-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#4ade80);border-radius:5px;transition:width .1s}.reel-hint{font-size:.8rem;text-align:center;color:#fff9}.reel-hint.snap{color:#f87171;animation:shake .2s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.caught-overlay,.missed-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.caught-card{background:#0a0e1af2;border:2px solid;border-radius:1.5rem;padding:2rem;text-align:center;min-width:280px;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.caught-emoji{font-size:4rem;margin-bottom:.5rem}.caught-card h2{font-size:1.5rem;margin-bottom:.25rem}.caught-rarity{font-size:.8rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem}.caught-details{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem;font-size:1.1rem}.missed-card{background:#0a0e1ae6;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:2rem;text-align:center}.missed-emoji{font-size:3rem;margin-bottom:.5rem}.missed-card h2{font-size:1.3rem;margin-bottom:.25rem}.missed-card p{color:#fff6;font-size:.9rem}.tournament-hud{position:absolute;top:.75rem;left:50%;transform:translate(-50%);display:flex;gap:1.5rem;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:.6rem 1.5rem;border:1px solid rgba(255,255,255,.1);z-index:15}.hud-item{text-align:center}.hud-label{display:block;font-size:.65rem;color:#fff6;text-transform:uppercase}.hud-value{font-size:1.1rem;font-weight:700}.time-low{color:#ef4444;animation:pulse .5s ease-in-out infinite}.hud-reward{color:#fbbf24;font-weight:700}.action-area{position:absolute;bottom:15%;left:50%;transform:translate(-50%);z-index:15}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0a0e1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.06);z-index:50}.nav-btn{flex:1;padding:.75rem .25rem;background:none;border:none;color:#ffffff80;font-family:inherit;font-size:.7rem;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:.2rem}.nav-btn:hover{color:#fffc}.nav-btn.active{color:#60a5fa}