.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 4px}.action-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;background:linear-gradient(145deg,#243552,#1a2744);border:1px solid rgba(59,130,246,.2);border-radius:14px;cursor:pointer;transition:all .2s ease;color:#fff}.action-btn:hover{background:linear-gradient(145deg,#2a3d5c,#1e2d4a);border-color:#3b82f666;transform:translateY(-2px)}.action-btn:active{transform:translateY(0) scale(.98)}.action-btn.active{background:linear-gradient(145deg,#3b5998,#2a4373);border-color:#3b82f699;box-shadow:0 0 15px #3b82f64d}.action-icon{font-size:24px;line-height:1}.action-label{font-size:11px;font-weight:500;color:#ffffffe6}.action-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;border-radius:9px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:linear-gradient(180deg,#1a2744,#0f172a);border-top:1px solid rgba(59,130,246,.2);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:none;border:none;color:#ffffff80;cursor:pointer;transition:all .2s ease;position:relative}.nav-item:active{transform:scale(.95)}.nav-item.active{color:#3b82f6}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:3px;background:#3b82f6;border-radius:0 0 3px 3px}.nav-icon{font-size:22px;line-height:1}.swimming-fish{position:absolute;width:80px;height:48px;cursor:pointer;transition:filter .2s ease;z-index:10}.swimming-fish:hover{z-index:20}.swimming-fish.hovered{filter:brightness(1.2)!important}.fish-svg{width:100%;height:100%}.fish-tail{transform-origin:10px 30px;animation:tailWag .4s ease-in-out infinite alternate}@keyframes tailWag{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.fish-fin-top{transform-origin:50px 15px;animation:finWave .6s ease-in-out infinite alternate}.fish-fin-bottom{transform-origin:50px 45px;animation:finWave .6s ease-in-out infinite alternate-reverse}@keyframes finWave{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.swimming-fish.legendary .fish-body,.swimming-fish.legendary .fish-tail{animation:goldenGlow 2s ease-in-out infinite alternate}@keyframes goldenGlow{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.swimming-fish.mythic .fish-body,.swimming-fish.mythic .fish-tail{animation:mythicGlow 1.5s ease-in-out infinite alternate}@keyframes mythicGlow{0%{filter:brightness(1) hue-rotate(0deg)}to{filter:brightness(1.4) hue-rotate(15deg)}}.swimming-fish.epic .fish-body{animation:epicPulse 2s ease-in-out infinite}@keyframes epicPulse{0%,to{opacity:1}50%{opacity:.85}}.sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;font-size:10px;animation:sparkleFloat 2s ease-in-out infinite;opacity:0}.sparkle.s1{top:0;left:50%;animation-delay:0s}.sparkle.s2{top:30%;left:20%;animation-delay:.6s}.sparkle.s3{top:20%;left:70%;animation-delay:1.2s}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(10px) scale(.5)}50%{opacity:1;transform:translateY(-5px) scale(1)}to{opacity:0;transform:translateY(-15px) scale(.5)}}.status-indicator{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:14px;animation:statusBob 1.5s ease-in-out infinite}@keyframes statusBob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.fish-tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000c;padding:4px 8px;border-radius:6px;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;animation:tooltipFadeIn .15s ease-out;z-index:100}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fish-tooltip .fish-name{color:#fff;font-weight:600}.fish-tooltip .fish-rarity{font-size:10px}.fish-tooltip .fish-rarity.common{color:#9ca3af}.fish-tooltip .fish-rarity.uncommon{color:#22c55e}.fish-tooltip .fish-rarity.rare{color:#3b82f6}.fish-tooltip .fish-rarity.epic{color:#a855f7}.fish-tooltip .fish-rarity.legendary{color:#f59e0b}.fish-tooltip .fish-rarity.mythic{color:#ec4899}.aquarium-container{position:relative;width:100%;height:280px;border-radius:20px;overflow:hidden;border:3px solid rgba(59,130,246,.3);box-shadow:0 0 20px #3b82f633,inset 0 0 60px #0064c81a}.water-background{position:absolute;inset:0;background:linear-gradient(180deg,#1e4078e6,#0f2850f2,#0a1e3c)}.light-rays{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;overflow:hidden}.ray{position:absolute;top:-20px;width:60px;height:150%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 60%,transparent 100%);transform:skew(-15deg);animation:rayShimmer 8s ease-in-out infinite}.ray-1{left:15%;animation-delay:0s}.ray-2{left:45%;animation-delay:2s;opacity:.7}.ray-3{left:75%;animation-delay:4s;opacity:.5}@keyframes rayShimmer{0%,to{opacity:.3}50%{opacity:.6}}.bubbles-layer{position:absolute;inset:0;pointer-events:none}.background-bubble{position:absolute;bottom:-20px;width:8px;height:8px;background:#ffffff4d;border-radius:50%;animation:bubbleRise 6s ease-in infinite}.background-bubble:after{content:"";position:absolute;top:1px;left:1px;width:3px;height:3px;background:#ffffff80;border-radius:50%}@keyframes bubbleRise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-320px) translate(20px);opacity:0}}.decorations{position:absolute;bottom:0;left:0;right:0;height:100%;pointer-events:none}.seaweed{position:absolute;bottom:20px;font-size:40px;filter:brightness(.7) saturate(1.2);animation:seaweedSway 3s ease-in-out infinite;transform-origin:bottom center}.seaweed-1{left:5%;animation-delay:0s}.seaweed-2{left:85%;animation-delay:1s;font-size:35px}.seaweed-3{left:50%;animation-delay:.5s;font-size:25px}@keyframes seaweedSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.rock{position:absolute;bottom:5px;font-size:28px;filter:brightness(.6)}.rock-1{left:20%}.rock-2{right:15%;font-size:22px}.coral{position:absolute;bottom:10px;font-size:32px;filter:brightness(.8) saturate(1.3)}.coral-1{left:70%}.sand-bottom{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(180deg,transparent 0%,rgba(194,154,108,.3) 30%,rgba(194,154,108,.5) 100%);border-radius:0 0 17px 17px}.fish-layer{position:absolute;inset:0 0 30px}.empty-aquarium{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff9}.empty-icon{font-size:48px;display:block;margin-bottom:12px;animation:emptySwim 2s ease-in-out infinite;opacity:.5}@keyframes emptySwim{0%,to{transform:translate(-10px) rotate(-5deg)}50%{transform:translate(10px) rotate(5deg)}}.empty-aquarium p{margin:4px 0;font-size:14px}.empty-hint{font-size:12px!important;opacity:.7}.glass-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.05) 100%);border-radius:17px}.glass-overlay:before{content:"";position:absolute;top:10px;left:10%;right:50%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:2px}.caustics{position:absolute;inset:0;pointer-events:none;opacity:.15;background:radial-gradient(ellipse 80px 60px at 20% 30%,rgba(255,255,255,.4) 0%,transparent 70%),radial-gradient(ellipse 60px 40px at 60% 50%,rgba(255,255,255,.3) 0%,transparent 70%),radial-gradient(ellipse 100px 70px at 80% 20%,rgba(255,255,255,.35) 0%,transparent 70%);animation:causticsMove 10s ease-in-out infinite}@keyframes causticsMove{0%,to{background-position:0% 0%,0% 0%,0% 0%;transform:scale(1)}33%{background-position:10% 5%,-5% 10%,5% -5%;transform:scale(1.02)}66%{background-position:-5% -5%,10% -5%,-10% 10%;transform:scale(.98)}}.particles-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:#fff6;border-radius:50%;animation:particleFloat 15s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){left:25%;animation-delay:2s;animation-duration:14s}.particle:nth-child(3){left:40%;animation-delay:4s;animation-duration:16s}.particle:nth-child(4){left:55%;animation-delay:1s;animation-duration:13s}.particle:nth-child(5){left:70%;animation-delay:3s;animation-duration:15s}.particle:nth-child(6){left:85%;animation-delay:5s;animation-duration:11s}@keyframes particleFloat{0%{transform:translateY(300px) translate(0);opacity:0}5%{opacity:.6}95%{opacity:.3}to{transform:translateY(-20px) translate(30px);opacity:0}}.water-surface{position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(180deg,rgba(100,180,255,.4) 0%,rgba(100,180,255,.1) 50%,transparent 100%);animation:waveSurface 3s ease-in-out infinite}@keyframes waveSurface{0%,to{transform:scaleY(1);opacity:.6}50%{transform:scaleY(1.2);opacity:.8}}.fish-shadows{position:absolute;bottom:15px;left:0;right:0;height:20px;pointer-events:none}.fish-shadow{position:absolute;width:40px;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.2) 0%,transparent 70%);animation:shadowMove 4s ease-in-out infinite}.fish-shadow:nth-child(1){left:20%;animation-delay:0s}.fish-shadow:nth-child(2){left:50%;animation-delay:1.5s}.fish-shadow:nth-child(3){left:75%;animation-delay:.8s}@keyframes shadowMove{0%,to{transform:translate(-10px) scaleX(1)}50%{transform:translate(10px) scaleX(.8)}}.gacha-screen-v2{display:flex;flex-direction:column;gap:16px;padding:16px 16px 100px;color:#fff;min-height:100vh;background:radial-gradient(ellipse at center top,rgba(79,70,229,.15) 0%,transparent 50%)}.gacha-header{display:flex;justify-content:flex-end}.currency-display{display:flex;gap:12px}.currency-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#0000004d;border-radius:20px}.currency-icon{font-size:16px}.currency-amount{font-size:14px;font-weight:700;color:#fff}.banner-tabs{display:flex;gap:10px;background:#0003;padding:6px;border-radius:16px}.banner-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:transparent;border:none;border-radius:12px;color:#a0aec0;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.banner-tab.active{color:#fff}.banner-tab.active.standard{background:linear-gradient(135deg,#4f46e5,#6366f1)}.banner-tab.active.premium{background:linear-gradient(135deg,#f59e0b,#eab308)}.banner-tab-icon{font-size:20px}.pity-section{background:#0003;border-radius:16px;padding:16px}.pity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pity-label{font-size:13px;color:#a0aec0}.pity-value{font-size:16px;font-weight:700;color:#fff}.pity-bar{position:relative;height:10px;background:#ffffff1a;border-radius:5px;overflow:visible;margin-bottom:10px}.pity-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#8b5cf6,#f59e0b);border-radius:5px;transition:width .5s ease}.pity-soft-marker{position:absolute;top:-6px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.pity-soft-marker:before{content:"";width:2px;height:22px;background:#fbbf2499}.soft-label{font-size:9px;color:#fbbf24;margin-top:2px}.pity-info{font-size:12px;text-align:center}.pity-hint{color:#718096}.pity-active{color:#fbbf24;font-weight:600;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.gacha-display{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px 0}.gacha-orb{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.orb-outer-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(79,70,229,.4) 0%,transparent 70%);border-radius:50%;animation:orb-glow 3s ease-in-out infinite}@keyframes orb-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.orb-body{position:relative;width:120px;height:120px;background:linear-gradient(145deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #667eea80,inset 0 -10px 30px #0000004d,inset 0 10px 30px #fff3;transition:all .3s ease}.orb-shine{position:absolute;top:15%;left:20%;width:25%;height:25%;background:#ffffff4d;border-radius:50%;filter:blur(8px)}.orb-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.orb-particles-container{position:absolute;inset:0;animation:rotate-slow 20s linear infinite}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb-particle{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;opacity:.7}.orb-particle.p1{top:10%;left:50%;animation:particle-float 3s ease-in-out infinite}.orb-particle.p2{top:30%;right:5%;animation:particle-float 3s ease-in-out .5s infinite}.orb-particle.p3{bottom:20%;right:10%;animation:particle-float 3s ease-in-out 1s infinite}.orb-particle.p4{bottom:10%;left:20%;animation:particle-float 3s ease-in-out 1.5s infinite}.orb-particle.p5{top:25%;left:5%;animation:particle-float 3s ease-in-out 2s infinite}@keyframes particle-float{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-10px) scale(1.2);opacity:1}}.gacha-orb.shaking .orb-body{animation:shake .1s linear infinite}.gacha-orb.shaking .orb-outer-glow{animation:orb-glow .3s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-2deg)}75%{transform:translate(5px) rotate(2deg)}}.gacha-orb.opening .orb-body{animation:orb-open .8s ease-out forwards}@keyframes orb-open{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3)}to{transform:scale(2);opacity:0}}.gacha-orb.opening .orb-outer-glow{animation:glow-expand .8s ease-out forwards}@keyframes glow-expand{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}.banner-info{text-align:center}.banner-name{font-size:20px;font-weight:700;margin:0 0 6px}.banner-desc{font-size:13px;color:#a0aec0;margin:0}.featured-fish{margin-top:12px;padding:10px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:10px}.featured-label{font-size:11px;color:#fbbf24;display:block;margin-bottom:6px}.featured-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.featured-item{font-size:12px;color:#fff;background:#0000004d;padding:4px 10px;border-radius:12px}.rates-button{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#a0aec0;font-size:13px;cursor:pointer;transition:all .2s ease}.rates-button:hover{background:#ffffff26;color:#fff}.pull-buttons{display:flex;gap:12px;padding:0 16px}.pull-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:16px;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.pull-btn.pull-1{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.pull-btn.pull-10{background:linear-gradient(135deg,#f59e0b,#eab308);color:#1a1a2e}.pull-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.pull-btn.disabled{opacity:.5;cursor:not-allowed}.pull-count{font-size:24px;font-weight:800}.pull-cost{font-size:14px;font-weight:600;opacity:.9}.pull-discount{position:absolute;top:8px;right:8px;padding:2px 6px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:8px}.reveal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reveal-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gacha-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:particle-rise 2s ease-out infinite}@keyframes particle-rise{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}to{transform:translateY(-100vh) scale(1.5);opacity:0}}.fish-reveal-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px;animation:card-reveal .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes card-reveal{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.reveal-card-glow{position:absolute;width:200px;height:200px;background:var(--rarity-color);border-radius:50%;filter:blur(60px);opacity:.6;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.7}}.star-burst{position:absolute;width:300px;height:300px;animation:burst-spin 20s linear infinite}@keyframes burst-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star-ray{position:absolute;top:50%;left:50%;width:150px;height:3px;transform-origin:left center;opacity:.6;animation:ray-pulse 1.5s ease-in-out infinite}@keyframes ray-pulse{0%,to{opacity:.3}50%{opacity:.8}}.reveal-card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px}.reveal-fish-visual{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.reveal-fish-visual .fish-glow{position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(30px);opacity:.6}.reveal-fish-visual .fish-emoji{font-size:80px;animation:fish-bounce 1s ease-in-out infinite}@keyframes fish-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shiny-indicator{position:absolute;bottom:0;padding:4px 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;font-size:12px;font-weight:700;border-radius:12px;animation:shiny-glow 1s ease-in-out infinite}@keyframes shiny-glow{0%,to{box-shadow:0 0 10px #fbbf2480}50%{box-shadow:0 0 20px #fbbf24cc}}.reveal-fish-info{text-align:center}.reveal-fish-info .fish-name{font-size:28px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.fish-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.rarity-tag{font-size:14px;font-weight:700;text-transform:uppercase}.level-tag{font-size:12px;color:#a0aec0;background:#ffffff1a;padding:4px 10px;border-radius:10px}.element-tag{font-size:16px}.new-badge{display:inline-block;margin-top:10px;padding:4px 12px;background:#22c55e;color:#fff;font-size:11px;font-weight:700;border-radius:10px}.reveal-progress{position:absolute;top:40px;background:#ffffff1a;padding:8px 20px;border-radius:20px;font-size:14px;color:#a0aec0}.skip-btn{position:absolute;top:40px;right:20px;padding:8px 16px;background:#ffffff1a;border:none;border-radius:20px;color:#a0aec0;font-size:12px;cursor:pointer;transition:all .2s ease}.skip-btn:hover{background:#fff3;color:#fff}.tap-hint{position:absolute;bottom:60px;font-size:14px;color:#718096;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.result-modal{width:100%;max-width:400px;max-height:80vh;overflow-y:auto;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px}.result-modal h2{font-size:24px;font-weight:700;margin:0 0 20px;text-align:center}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.result-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#0000004d;border:2px solid var(--rarity-color);border-radius:12px;animation:pop-in .3s ease backwards}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.result-card-glow{position:absolute;inset:0;background:var(--rarity-color);opacity:.1;border-radius:10px}.result-card.legendary .result-card-glow,.result-card.mythic .result-card-glow{opacity:.2;animation:result-glow 1.5s ease-in-out infinite}@keyframes result-glow{0%,to{opacity:.1}50%{opacity:.3}}.result-emoji{font-size:24px}.result-name{font-size:9px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.result-rarity{font-size:8px;font-weight:600;text-transform:uppercase}.result-shiny{position:absolute;top:4px;right:4px;font-size:10px}.result-modal .close-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.result-modal .close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f46e566}.rates-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.rates-modal{width:100%;max-width:360px;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px}.rates-modal h2{font-size:20px;font-weight:700;margin:0 0 20px;text-align:center}.rates-table{background:#0003;border-radius:12px;overflow:hidden;margin-bottom:16px}.rates-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.rates-row.header{background:#ffffff0d;font-size:11px;color:#718096;text-transform:uppercase}.rates-row:last-child{border-bottom:none}.rates-row span:first-child{font-weight:600}.rates-row span.increased{color:#22c55e;font-weight:600}.rates-info{background:#4f46e51a;border:1px solid rgba(79,70,229,.2);border-radius:12px;padding:14px;margin-bottom:16px}.rates-info h4{font-size:13px;color:#a78bfa;margin:0 0 10px}.rates-info ul{margin:0;padding-left:16px;font-size:11px;color:#a0aec0;line-height:1.6}.rates-modal .close-btn{width:100%;padding:14px;background:#ffffff1a;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.rates-modal .close-btn:hover{background:#ffffff26}.fish-reveal-card.shiny .reveal-card-glow{background:linear-gradient(45deg,var(--rarity-color),#fbbf24,var(--rarity-color));animation:shiny-rotate 3s linear infinite;background-size:200% 200%}@keyframes shiny-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.result-card.shiny{border-color:#fbbf24;animation:shiny-pulse 1.5s ease-in-out infinite}@keyframes shiny-pulse{0%,to{box-shadow:0 0 5px #fbbf244d}50%{box-shadow:0 0 15px #fbbf2499}}.market-screen-v2{display:flex;flex-direction:column;gap:16px;padding:16px 16px 100px;color:#fff;min-height:100vh}.market-header{display:flex;justify-content:space-between;align-items:center}.market-title{display:flex;align-items:center;gap:10px}.market-icon{font-size:28px}.market-title h1{font-size:24px;font-weight:700;margin:0}.pearl-balance{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid rgba(59,130,246,.3);border-radius:12px}.pearl-balance .pearl-icon{font-size:18px}.pearl-balance .pearl-amount{font-size:16px;font-weight:700;color:#60a5fa}.market-stats{display:flex;justify-content:space-around;padding:12px 16px;background:#0003;border-radius:12px}.market-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.market-stats .stat-value{font-size:18px;font-weight:700;color:#fff}.market-stats .stat-label{font-size:11px;color:#718096}.market-tabs{display:flex;gap:8px;background:#0003;padding:6px;border-radius:14px}.tab-btn{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:#a0aec0;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.filters-section{display:flex;flex-direction:column;gap:10px}.search-row{width:100%}.search-input{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px}.filters-row{display:flex;gap:8px}.filters-row select{flex:1;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:12px;cursor:pointer}.filters-row select option{background:#1a1a2e;color:#fff}.listings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:480px){.listings-grid{grid-template-columns:repeat(3,1fr)}}.market-listing-card{display:flex;flex-direction:column;gap:8px;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.market-listing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--rarity-color);opacity:.7}.market-listing-card:hover{transform:translateY(-2px);border-color:#ffffff1a;box-shadow:0 8px 24px #0000004d}.market-listing-card.shiny{background:linear-gradient(135deg,#fbbf241a,#0000004d)}.market-listing-card.is-mine{border-color:#4f46e54d}.listing-top-row{display:flex;justify-content:space-between;align-items:center}.listing-rarity{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.listing-time{font-size:10px;color:#718096}.listing-fish-visual{position:relative;display:flex;justify-content:center;align-items:center;height:60px;margin:4px 0}.listing-fish-visual .fish-glow{position:absolute;width:50px;height:50px;border-radius:50%;filter:blur(15px);opacity:.4}.listing-fish-visual .fish-emoji{font-size:36px;position:relative;z-index:1}.element-badges{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px}.element-badge{font-size:12px;background:#0006;padding:2px 4px;border-radius:4px}.shiny-star{position:absolute;top:0;left:8px;font-size:14px;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.listing-fish-info{text-align:center}.listing-fish-info .fish-name{display:block;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-fish-info .fish-level{font-size:11px;color:#a0aec0}.listing-quick-stats{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#ffffff08;border-radius:8px}.iv-rating{display:flex;align-items:center;gap:4px}.iv-rating .iv-label{font-size:10px;opacity:.7}.iv-rating .iv-value{font-size:11px;font-weight:600}.nature-info .nature-label{font-size:10px;color:#a0aec0}.listing-price-section{display:flex;justify-content:center}.listing-price{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:8px}.listing-price.cant-afford{opacity:.5}.listing-price .pearl-icon{font-size:14px}.listing-price .price-amount{font-size:14px;font-weight:700;color:#60a5fa}.listing-seller{text-align:center;font-size:10px;color:#718096}.mine-badge{color:#a78bfa;font-weight:600}.sellable-fish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.my-fish-card{display:flex;flex-direction:column;gap:8px;padding:12px;background:#0000004d;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all .2s ease;position:relative}.my-fish-card:hover{border-color:#ffffff1a}.my-fish-card.selected{border-color:#22c55e;background:#22c55e1a}.my-fish-card.disabled{opacity:.5;cursor:not-allowed}.myfish-visual{position:relative;display:flex;justify-content:center;align-items:center;height:50px}.myfish-visual .fish-glow{position:absolute;width:40px;height:40px;border-radius:50%;filter:blur(12px);opacity:.4}.myfish-visual .fish-emoji{font-size:32px;position:relative;z-index:1}.myfish-visual .shiny-star{position:absolute;top:0;right:25%;font-size:12px}.myfish-info{text-align:center}.myfish-info .fish-name{display:block;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myfish-info .fish-level{font-size:10px;color:#a0aec0}.myfish-stats{display:flex;justify-content:space-between;align-items:center;font-size:10px}.myfish-stats .iv-score,.myfish-stats .rarity-tag{font-weight:600}.disabled-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:11px;color:#f87171;font-weight:600}.selected-checkmark{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px;color:#fff}.empty-state p{font-size:14px;color:#718096;margin:0}.sell-info-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid rgba(34,197,94,.2);border-radius:14px}.sell-info-banner .info-icon{font-size:24px}.sell-info-banner .info-title{font-size:14px;font-weight:600;color:#4ade80;margin:0 0 4px}.sell-info-banner .info-hint{font-size:12px;color:#a0aec0;margin:0}.modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:20px;cursor:pointer;transition:all .2s ease}.listing-detail-modal{position:relative;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px}.modal-header{display:flex;gap:16px;margin-bottom:20px}.modal-fish-visual{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.fish-glow-large{position:absolute;width:60px;height:60px;border-radius:50%;filter:blur(20px);opacity:.5}.fish-emoji-large{font-size:48px;position:relative;z-index:1}.element-badges-large{position:absolute;bottom:0;right:0;display:flex;gap:2px}.element-badge-large{font-size:14px;background:#0009;padding:2px 4px;border-radius:4px}.shiny-star-large{position:absolute;top:0;left:0;font-size:18px}.modal-fish-info{flex:1;display:flex;flex-direction:column;justify-content:center}.modal-fish-info h2{font-size:20px;font-weight:700;margin:0 0 8px}.info-tags{display:flex;gap:8px;flex-wrap:wrap}.info-tags .rarity-tag{font-size:11px;font-weight:600;text-transform:uppercase}.info-tags .level-tag{font-size:11px;color:#a0aec0;background:#ffffff1a;padding:2px 8px;border-radius:4px}.info-tags .shiny-tag{font-size:11px;color:#fbbf24;background:#fbbf2433;padding:2px 8px;border-radius:4px}.modal-nature{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px;margin-bottom:16px}.modal-nature .nature-name{font-size:14px;font-weight:600;color:#fff}.modal-nature .nature-effect{display:flex;gap:8px;font-size:11px}.modal-nature .stat-up{color:#22c55e}.modal-nature .stat-down{color:#f87171}.modal-section{margin-bottom:16px}.modal-section h3{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#a0aec0;margin:0 0 12px}.modal-section .iv-total,.modal-section .ev-total{font-size:12px;font-weight:600}.stat-row{display:flex;align-items:center;gap:10px}.stat-row .stat-label{width:70px;font-size:11px;color:#a0aec0}.stat-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.stat-bar{height:100%;border-radius:4px;transition:width .3s ease}.stat-bar.ev-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stat-row .stat-value{width:30px;text-align:right;font-size:12px;font-weight:600;color:#fff}.stat-row .stat-value.perfect{color:#22c55e}.modal-seller-info{padding:12px;background:#0003;border-radius:12px;margin-bottom:16px}.seller-row{display:flex;justify-content:space-between;font-size:12px;color:#a0aec0;padding:4px 0}.seller-row .seller-name{color:#fff;font-weight:600}.modal-price-section{display:flex;flex-direction:column;gap:12px}.price-display{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:12px}.price-display .price-label{font-size:14px;color:#a0aec0}.price-display .price-value{display:flex;align-items:center;gap:6px;font-size:24px;font-weight:700;color:#60a5fa}.price-display .pearl-icon{font-size:20px}.buy-btn,.cancel-listing-btn{width:100%;padding:16px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.buy-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.buy-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}.buy-btn.disabled{background:#ffffff1a;color:#718096;cursor:not-allowed}.cancel-listing-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.cancel-listing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.sell-modal{position:relative;width:100%;max-width:380px;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px}.sell-modal h2{font-size:20px;font-weight:700;margin:0 0 20px;text-align:center}.sell-fish-preview{display:flex;align-items:center;gap:16px;padding:16px;background:#0003;border-radius:16px;margin-bottom:20px}.fish-visual-small{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.fish-visual-small .fish-glow{position:absolute;width:35px;height:35px;border-radius:50%;filter:blur(10px);opacity:.4}.fish-visual-small .fish-emoji{font-size:32px;position:relative;z-index:1}.fish-info-small{display:flex;flex-direction:column;gap:2px}.fish-info-small .fish-name{font-size:14px;font-weight:600;color:#fff}.fish-info-small .fish-level{font-size:12px;color:#a0aec0}.fish-info-small .fish-rarity{font-size:11px;font-weight:600}.price-input-section{margin-bottom:16px}.price-input-section label{display:block;font-size:13px;color:#a0aec0;margin-bottom:8px}.price-input-row{display:flex;gap:10px}.price-input-row input{flex:1;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:16px;font-weight:600}.price-input-row input::placeholder{color:#4a5568;font-weight:400}.suggest-btn{padding:12px 14px;background:#4f46e533;border:1px solid rgba(79,70,229,.3);border-radius:10px;color:#a78bfa;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.suggest-btn:hover{background:#4f46e54d}.price-breakdown{background:#0003;border-radius:12px;padding:12px 16px;margin-bottom:16px}.breakdown-row{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;color:#a0aec0}.breakdown-row.commission{color:#f87171}.breakdown-row.total{border-top:1px solid rgba(255,255,255,.1);padding-top:10px;margin-top:4px;color:#22c55e;font-weight:600}.sell-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:10px;margin-bottom:20px;font-size:12px;color:#fbbf24}.sell-warning .warning-icon{font-size:16px;flex-shrink:0}.modal-actions .cancel-btn,.modal-actions .confirm-btn{flex:1;padding:14px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions .cancel-btn{background:#ffffff1a;color:#a0aec0}.modal-actions .cancel-btn:hover{background:#ffffff26}.modal-actions .confirm-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.modal-actions .confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.modal-actions .confirm-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-modal{width:100%;max-width:320px;background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px}.confirm-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.confirm-header .confirm-icon{font-size:24px}.confirm-header h3{font-size:18px;font-weight:700;margin:0}.confirm-fish{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#0003;border-radius:12px;margin-bottom:16px}.confirm-fish .fish-emoji{font-size:32px}.confirm-fish .fish-name{font-size:16px;font-weight:600}.confirm-fish .fish-level{font-size:12px;color:#a0aec0;background:#ffffff1a;padding:2px 8px;border-radius:4px}.confirm-details{background:#0003;border-radius:12px;padding:12px 16px;margin-bottom:20px}.confirm-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;color:#a0aec0}.confirm-row .price{color:#60a5fa;font-weight:600}.confirm-row.after{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:4px;color:#22c55e;font-weight:600}.confirm-actions{display:flex;gap:12px}.confirm-actions .cancel-btn,.confirm-actions .confirm-btn{flex:1;padding:14px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-actions .cancel-btn{background:#ffffff1a;color:#a0aec0}.confirm-actions .confirm-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.confirm-actions .confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.browse-content,.sell-content,.my-listings-content{display:flex;flex-direction:column;gap:16px}.referral-screen-v2{display:flex;flex-direction:column;gap:20px;padding:16px 16px 100px;color:#fff}.referral-stats-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:20px;padding:24px;text-align:center}.stat-main{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.stat-main .stat-value{font-size:48px;font-weight:800;line-height:1}.stat-main .stat-label{font-size:14px;opacity:.9;margin-top:8px}.progress-section{background:#ffffff1a;border-radius:12px;padding:12px 16px}.progress-text{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;opacity:.9}.progress-bar-container{height:8px;background:#fff3;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:#fff;border-radius:4px;transition:width .3s ease}.your-code-section{background:#0003;border-radius:20px;padding:20px}.your-code-section h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#a0aec0}.code-display{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:#0000004d;border-radius:12px;margin-bottom:16px}.code-display .code{font-size:28px;font-weight:800;letter-spacing:4px;color:#fbbf24}.copy-btn{width:44px;height:44px;border-radius:12px;border:none;background:#ffffff1a;font-size:20px;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#fff3}.share-buttons{display:flex;gap:10px;margin-bottom:16px}.share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;border:none;background:#ffffff1a;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.share-btn:hover{background:#ffffff26}.share-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.share-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.share-btn .icon{font-size:18px}.link-preview{position:relative}.link-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#a0aec0;font-size:12px;text-overflow:ellipsis}.enter-code-section{background:linear-gradient(145deg,#22c55e1a,#10b9810d);border:1px solid rgba(34,197,94,.2);border-radius:20px;padding:20px}.enter-code-section h3{font-size:16px;font-weight:600;margin:0 0 8px;color:#4ade80}.enter-code-section .hint{font-size:13px;color:#a0aec0;margin:0 0 16px}.code-input-row{display:flex;gap:10px}.code-input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.code-input::placeholder{color:#4a5568;letter-spacing:normal;text-transform:none}.submit-btn{padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.referred-by-section{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px;font-size:14px;color:#a0aec0}.referred-by-section .check{color:#4ade80;font-size:18px}.referred-by-section strong{color:#4ade80}.rewards-section{background:#0003;border-radius:20px;padding:20px}.rewards-section h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#a0aec0}.reward-item{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.reward-item.completed{background:#22c55e0d;border-color:#22c55e33}.reward-item.claimed{opacity:.6}.reward-count{display:flex;flex-direction:column;align-items:center;min-width:50px}.count-value{font-size:20px;font-weight:700;color:#fff}.count-label{font-size:10px;color:#718096}.reward-details{flex:1;display:flex;gap:16px}.reward-row{display:flex;align-items:center;gap:6px}.reward-icon{font-size:14px}.reward-amount{font-size:14px;font-weight:600;color:#fff}.claim-btn{padding:10px 16px;border-radius:10px;border:none;background:#ffffff1a;color:#718096;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:70px}.claim-btn.can-claim{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.how-it-works{background:#0003;border-radius:20px;padding:20px}.how-it-works h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#a0aec0}.steps{display:flex;flex-direction:column;gap:16px}.step{display:flex;gap:16px;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.step-text{display:flex;flex-direction:column;gap:4px}.step-text strong{font-size:14px;color:#fff}.step-text span{font-size:12px;color:#718096}@media(max-width:480px){.code-display .code{font-size:22px;letter-spacing:2px}.share-buttons{flex-direction:column}.reward-details{flex-direction:column;gap:4px}}.fish-card-v2{position:relative;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;border:2px solid #333;overflow:hidden;cursor:pointer;transition:all .3s ease;color:#fff}.fish-card-v2:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.fish-card-v2.selected{box-shadow:0 0 0 3px #ffffff80}.fish-card-v2.rarity-common{box-shadow:0 4px 12px #9ca3af33}.fish-card-v2.rarity-uncommon{box-shadow:0 4px 12px #22c55e33}.fish-card-v2.rarity-rare{box-shadow:0 4px 12px #3b82f64d}.fish-card-v2.rarity-epic{box-shadow:0 4px 12px #a855f74d}.fish-card-v2.rarity-legendary{box-shadow:0 4px 16px #f59e0b66;animation:legendary-glow 2s ease-in-out infinite}.fish-card-v2.rarity-mythic{box-shadow:0 4px 20px #ef444480;animation:mythic-glow 1.5s ease-in-out infinite}@keyframes legendary-glow{0%,to{box-shadow:0 4px 16px #f59e0b66}50%{box-shadow:0 4px 24px #f59e0b99}}@keyframes mythic-glow{0%,to{box-shadow:0 4px 20px #ef444480}50%{box-shadow:0 4px 30px #ef4444b3}}.fish-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.fish-name-container{display:flex;align-items:center;gap:8px}.fish-name{font-size:18px;font-weight:700;color:#fff}.shiny-badge{font-size:12px;padding:2px 8px;background:linear-gradient(135deg,gold,#ff8c00);border-radius:10px;color:#000;font-weight:600}.fish-level-badge{background:#0006;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.fish-sprite-area{position:relative;padding:20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%)}.fish-types-display{display:flex;gap:8px;margin-bottom:12px}.type-badge{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:capitalize;background:#0000004d}.type-badge.type-water{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.type-badge.type-fire{background:linear-gradient(135deg,#ef4444,#dc2626)}.type-badge.type-grass{background:linear-gradient(135deg,#22c55e,#16a34a)}.type-badge.type-electric{background:linear-gradient(135deg,#facc15,#eab308);color:#000}.type-badge.type-ice{background:linear-gradient(135deg,#67e8f9,#06b6d4)}.type-badge.type-dark{background:linear-gradient(135deg,#4b5563,#1f2937)}.type-badge.type-light{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#000}.type-badge.type-poison{background:linear-gradient(135deg,#a855f7,#7c3aed)}.type-badge.type-dragon{background:linear-gradient(135deg,#6366f1,#4338ca)}.type-badge.type-ghost{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.type-badge.type-psychic{background:linear-gradient(135deg,#ec4899,#db2777)}.type-badge.type-flying{background:linear-gradient(135deg,#a5b4fc,#818cf8)}.type-badge.type-ground{background:linear-gradient(135deg,#d97706,#b45309)}.type-badge.type-steel{background:linear-gradient(135deg,#94a3b8,#64748b)}.type-badge.type-normal{background:linear-gradient(135deg,#a8a29e,#78716c)}.fish-sprite-large{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;margin:8px 0}.fish-emoji-large{font-size:64px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rarity-badge{position:absolute;bottom:12px;right:12px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hp-section{padding:12px 16px;background:#0003}.hp-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}.hp-label span:first-child{font-weight:600}.hp-bar-large-container{width:100%;height:12px;background:#0006;border-radius:6px;overflow:hidden}.hp-bar-large{height:100%;transition:width .3s ease;border-radius:6px}.stats-section{padding:16px}.stats-title{font-size:14px;font-weight:600;margin-bottom:12px;color:#a0aec0;text-transform:uppercase;letter-spacing:1px}.stats-grid{display:flex;flex-direction:column;gap:8px}.stat-row{display:grid;grid-template-columns:70px 1fr 40px 60px;align-items:center;gap:8px}.stat-label{font-size:12px;font-weight:500;color:#a0aec0}.stat-label.increased{color:#4ade80}.stat-label.decreased{color:#f87171}.stat-bar-container{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.stat-bar{height:100%;transition:width .3s ease;border-radius:4px}.stat-value{font-size:14px;font-weight:700;text-align:right}.stat-iv-ev{display:flex;flex-direction:column;font-size:9px;color:#718096;text-align:right}.stat-iv-ev .iv{color:#60a5fa}.stat-iv-ev .ev{color:#a78bfa}.nature-iv-section{display:flex;justify-content:space-between;padding:12px 16px;background:#00000026;border-top:1px solid rgba(255,255,255,.05);font-size:12px}.nature-iv-section .label{color:#718096;margin-right:4px}.nature-iv-section .value{color:#fff;font-weight:600}.skills-preview{padding:12px 16px;border-top:1px solid rgba(255,255,255,.05)}.skills-title{font-size:12px;font-weight:600;margin-bottom:8px;color:#a0aec0;text-transform:uppercase;letter-spacing:1px}.skills-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.skill-slot{padding:6px 10px;background:#ffffff0d;border-radius:8px;font-size:11px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-slot.empty{color:#4a5568}.status-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:1px;opacity:.9}.status-burn{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-freeze{background:linear-gradient(135deg,#67e8f9,#06b6d4)}.status-paralysis{background:linear-gradient(135deg,#facc15,#eab308);color:#000}.status-poison{background:linear-gradient(135deg,#a855f7,#7c3aed)}.status-sleep{background:linear-gradient(135deg,#4b5563,#1f2937)}.state-indicators{display:flex;gap:6px;padding:8px 16px;flex-wrap:wrap}.state-indicators .indicator{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.state-indicators .team{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.state-indicators .expedition{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.state-indicators .listed{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.fish-card-v2.compact{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px}.fish-card-v2.compact .fish-sprite{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;flex-shrink:0}.fish-card-v2.compact .fish-emoji{font-size:28px}.fish-card-v2.compact .shiny-indicator{position:absolute;top:-4px;right:-4px;font-size:14px;color:gold}.fish-info-compact{flex:1;min-width:0}.fish-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.fish-card-v2.compact .fish-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish-card-v2.compact .fish-level{font-size:12px;color:#a0aec0;flex-shrink:0}.fish-card-v2.compact .hp-bar-container{position:relative;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:6px}.fish-card-v2.compact .hp-bar{height:100%;border-radius:5px;transition:width .3s ease}.fish-card-v2.compact .hp-text-inline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.fish-compact-stats{display:flex;gap:8px;margin-bottom:6px}.compact-stat{display:flex;align-items:center;gap:2px;font-size:11px;color:#a0aec0;background:#ffffff0d;padding:2px 6px;border-radius:8px}.compact-stat.atk{color:#f95}.compact-stat.def{color:#ff5}.compact-stat.spd{color:#f5a}.fish-compact-footer{display:flex;justify-content:space-between;align-items:center}.fish-card-v2.compact .fish-types{font-size:12px}.fish-power{font-size:10px;font-weight:600;color:#60a5fa;background:#60a5fa26;padding:2px 8px;border-radius:8px}.team-builder-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.team-builder-modal{width:100%;max-width:600px;max-height:calc(100vh - 32px);background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-builder-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.team-builder-header h2{font-size:20px;font-weight:700;color:#fff;margin:0}.close-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#fff3}.selected-team-section{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a}.selected-team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selected-team-header h3{font-size:14px;font-weight:600;color:#a0aec0;margin:0}.clear-btn{padding:6px 12px;border-radius:16px;border:1px solid rgba(239,68,68,.5);background:transparent;color:#ef4444;font-size:12px;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#ef44441a}.selected-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.team-slot{min-height:80px;border-radius:12px;cursor:pointer;transition:all .2s ease}.team-slot.empty{border:2px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.team-slot.empty:hover{border-color:#ffffff4d;background:#ffffff05}.empty-slot .slot-number{font-size:24px;font-weight:700;color:#ffffff26}.empty-slot .slot-hint{font-size:11px;color:#ffffff4d}.team-slot.filled:hover{transform:scale(.98);opacity:.8}.team-stats-summary{display:flex;justify-content:space-between;margin-top:12px;padding:10px 16px;background:#0003;border-radius:10px}.team-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.team-stat .label{font-size:10px;color:#718096;text-transform:uppercase}.team-stat .value{font-size:14px;font-weight:700;color:#fff}.filters-section{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}.search-container{width:100%}.search-input{width:100%;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{border-color:#3b82f680;background:#0006}.search-input::placeholder{color:#4a5568}.sort-container{display:flex;align-items:center;gap:10px}.sort-container label{font-size:12px;color:#718096}.sort-container select{flex:1;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:13px;outline:none}.element-filter{display:flex;gap:6px;flex-wrap:wrap}.element-btn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0003;font-size:18px;cursor:pointer;transition:all .2s ease}.element-btn:hover{background:#ffffff1a}.element-btn.active{background:#3b82f64d;border-color:#3b82f6}.rarity-filter{display:flex;gap:6px;flex-wrap:wrap}.rarity-btn{padding:6px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.rarity-btn:hover{background:#ffffff0d}.rarity-btn.active{background:#ffffff1a;border-width:2px}.fish-list-section{flex:1;overflow-y:auto;padding:16px 20px;min-height:200px}.no-fish-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;color:#4a5568;text-align:center}.no-fish-message .hint{font-size:12px;margin-top:8px;color:#718096}.fish-list-grid{display:flex;flex-direction:column;gap:8px}.fish-list-item{position:relative;cursor:pointer;transition:all .2s ease}.fish-list-item:hover,.fish-list-item.selected{transform:translate(4px)}.selection-order{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f666}.team-builder-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.cancel-btn,.confirm-btn{flex:1;padding:14px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#ffffff1a;color:#fff}.cancel-btn:hover{background:#ffffff26}.confirm-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.fish-detail-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.fish-detail-modal{position:relative;max-width:400px;width:100%;animation:popIn .2s ease}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fish-detail-modal .close-btn{position:absolute;top:-40px;right:0;z-index:10}.fish-list-section::-webkit-scrollbar{width:6px}.fish-list-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.fish-list-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.fish-list-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:480px){.team-builder-modal{max-height:calc(100vh - 16px);border-radius:16px}.selected-team-grid{grid-template-columns:repeat(3,1fr)}.team-stats-summary{flex-wrap:wrap;gap:8px}.team-stat{flex:1;min-width:50px}.element-filter,.rarity-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}}.arena-screen-v2{display:flex;flex-direction:column;gap:16px;padding:16px 16px 100px;min-height:100%;color:#fff}.arena-header{margin-bottom:4px}.arena-tabs{display:flex;gap:8px;background:#0003;padding:6px;border-radius:16px}.arena-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:none;background:transparent;color:#a0aec0;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.arena-tab:hover{background:#ffffff0d}.arena-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.tab-icon{font-size:18px}.rating-card{background:linear-gradient(145deg,#0000004d,#0003);border-radius:20px;padding:20px;border:2px solid rgba(255,255,255,.1)}.rank-display{display:flex;align-items:center;gap:16px;margin-bottom:20px}.rank-icon{font-size:48px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.rank-info{display:flex;flex-direction:column;gap:4px}.rank-name{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.rating-value{font-size:18px;color:#a0aec0;font-weight:600}.rating-stats{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:20px;font-weight:700}.stat-value.wins{color:#4ade80}.stat-value.losses{color:#f87171}.stat-value.streak{color:#fbbf24}.stat-label{font-size:11px;color:#718096;text-transform:uppercase}.season-highest{margin-top:12px;font-size:12px;color:#a0aec0;text-align:center}.season-highest strong{color:#fbbf24}.battle-mode-toggle{display:flex;gap:12px}.mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border-radius:16px;border:2px solid rgba(255,255,255,.1);background:#0003;color:#a0aec0;cursor:pointer;transition:all .2s ease}.mode-btn:hover{background:#ffffff0d;border-color:#fff3}.mode-btn.active{background:#3b82f61a;border-color:#3b82f6;color:#fff}.mode-icon{font-size:28px}.mode-name{font-size:16px;font-weight:700}.mode-desc{font-size:11px;opacity:.7}.team-section{background:#0003;border-radius:20px;padding:16px}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.team-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.edit-team-btn{padding:8px 16px;border-radius:20px;border:1px solid rgba(59,130,246,.5);background:transparent;color:#60a5fa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-team-btn:hover{background:#3b82f61a}.empty-team{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-team p{color:#718096;margin-bottom:16px}.build-team-btn{padding:12px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.build-team-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.team-grid{display:flex;flex-direction:column;gap:8px}.team-power-display{display:flex;justify-content:space-around;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.power-item{display:flex;flex-direction:column;align-items:center;gap:4px}.power-label{font-size:11px;color:#718096;text-transform:uppercase}.power-value{font-size:18px;font-weight:700;color:#fff}.battle-button-section{display:flex;flex-direction:column;align-items:center;gap:8px}.start-battle-btn{width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;border-radius:20px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ef444466}.start-battle-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #ef444480}.start-battle-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.start-battle-btn.searching{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 20px #3b82f666;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.battle-icon,.searching-icon{font-size:24px}.searching-icon{animation:spin 1s linear infinite}.energy-cost{font-size:12px;color:#a0aec0}.leaderboard-preview{background:#0003;border-radius:20px;padding:16px}.leaderboard-preview h3{font-size:14px;font-weight:600;color:#a0aec0;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px}.leaderboard-item .position{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:700}.leaderboard-item:nth-child(1) .position{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.leaderboard-item:nth-child(2) .position{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.leaderboard-item:nth-child(3) .position{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.leaderboard-item .name{flex:1;font-size:14px;font-weight:600}.leaderboard-item .rating{font-size:14px;font-weight:700;color:#fbbf24}.view-all-btn{width:100%;margin-top:12px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#a0aec0;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:#ffffff0d;color:#fff}@media(max-width:480px){.arena-screen-v2{padding:12px;gap:12px}.rating-stats{gap:8px}.stat-value{font-size:18px}.rank-icon{font-size:40px}.rank-name{font-size:20px}}.tasks-screen{display:flex;flex-direction:column;gap:16px;padding:16px 16px 100px;color:#fff;min-height:100vh}.tasks-header{display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:10px}.header-icon{font-size:28px}.tasks-header h1{font-size:24px;font-weight:700;margin:0}.header-progress{display:flex;flex-direction:column;align-items:flex-end}.progress-label{font-size:11px;color:#718096}.progress-value{font-size:18px;font-weight:700;color:#22c55e}.tasks-meta{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0003;border-radius:12px}.reset-timer{display:flex;align-items:center;gap:8px}.timer-icon{font-size:16px}.timer-text{font-size:13px;color:#a0aec0}.timer-text strong{color:#fff}.claim-all-btn{padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;animation:pulse-green 2s ease-in-out infinite}.claim-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.tasks-tabs{display:flex;gap:8px;background:#0003;padding:6px;border-radius:14px}.tab-btn{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:#a0aec0;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.tab-btn:hover:not(.active){background:#ffffff0d}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-card{display:flex;align-items:center;gap:14px;padding:16px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .2s ease}.task-card.complete{background:#22c55e0d;border-color:#22c55e33}.task-card.claimed{opacity:.6}.task-icon-container{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px}.task-icon{font-size:24px}.task-glow{position:absolute;inset:0;background:#22c55e4d;border-radius:12px;animation:glow-pulse 1.5s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.task-content{flex:1;min-width:0}.task-description{font-size:14px;font-weight:500;color:#fff;margin:0 0 8px}.task-progress{display:flex;align-items:center;gap:10px}.task-progress .progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.task-progress .progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:3px;transition:width .3s ease}.task-card.complete .task-progress .progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.task-progress .progress-text{font-size:12px;color:#a0aec0;min-width:50px;text-align:right}.task-reward{display:flex;flex-direction:column;gap:4px}.reward-item{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#fbbf24}.claim-btn{padding:10px 16px;border-radius:10px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px}.claim-btn:disabled{background:#ffffff1a;color:#718096;cursor:not-allowed}.claim-btn.can-claim{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;animation:pulse-green 2s ease-in-out infinite}.claim-btn.can-claim:hover{transform:scale(1.05)}.claim-btn.is-claimed{background:#22c55e33;color:#4ade80}.no-tasks{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.no-tasks-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-tasks p{font-size:14px;color:#718096;margin:0}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:#0003;border-radius:20px}.coming-soon-icon{font-size:48px;margin-bottom:16px}.coming-soon h3{font-size:18px;font-weight:600;margin:0 0 8px;color:#fff}.coming-soon p{font-size:14px;color:#718096;margin:0}.achievements-grid{display:flex;flex-direction:column;gap:12px}.achievement-card{display:flex;align-items:center;gap:14px;padding:16px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .2s ease}.achievement-card.complete{background:#fbbf240d;border-color:#fbbf2433}.achievement-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-radius:12px;font-size:24px}.achievement-card.complete .achievement-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.achievement-info{flex:1;min-width:0}.achievement-info h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}.achievement-info p{font-size:12px;color:#718096;margin:0 0 8px}.achievement-progress{display:flex;align-items:center;gap:10px}.achievement-progress .progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.achievement-progress .progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:3px;transition:width .3s ease}.achievement-progress .progress-text{font-size:11px;color:#a0aec0;min-width:40px;text-align:right}.achievement-reward{padding:8px 14px;background:#ffffff0d;border-radius:10px;font-size:13px;font-weight:600;color:#fbbf24}.daily-streak{background:linear-gradient(135deg,#4f46e51a,#8b5cf60d);border:1px solid rgba(79,70,229,.2);border-radius:20px;padding:20px}.daily-streak h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#a78bfa;text-align:center}.streak-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.streak-day{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;background:#0003;border:2px solid transparent;border-radius:12px;position:relative;transition:all .2s ease}.streak-day.collected{background:#22c55e1a;border-color:#22c55e4d}.streak-day.today{background:#4f46e533;border-color:#4f46e566;animation:today-pulse 2s ease-in-out infinite}@keyframes today-pulse{0%,to{box-shadow:0 0 #4f46e54d}50%{box-shadow:0 0 0 6px #4f46e500}}.streak-day.future{opacity:.5}.day-number{font-size:10px;color:#a0aec0}.day-reward{font-size:12px;font-weight:600;color:#fff}.day-check{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}@media(max-width:400px){.streak-days{grid-template-columns:repeat(4,1fr)}.streak-day:nth-child(n+5){grid-column:span 1}}.collection-screen{padding:16px 16px 100px;min-height:100vh;background:linear-gradient(180deg,#0a1628,#1a1a2e,#16213e)}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.collection-header h2{font-size:24px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 10px rgba(59,130,246,.5)}.collection-count{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;box-shadow:0 4px 15px #3b82f666}.collection-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.search-box{display:flex;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;gap:10px;transition:all .3s ease}.search-box:focus-within{border-color:#3b82f680;background:#ffffff1f;box-shadow:0 0 20px #3b82f633}.search-icon{font-size:16px;opacity:.6}.search-box input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:15px}.search-box input::placeholder{color:#fff6}.filter-buttons{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#ffffff1a;border-color:#ffffff40}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent;color:#fff;box-shadow:0 4px 15px #3b82f666}.sort-buttons{display:flex;align-items:center;gap:10px}.sort-label{font-size:13px;color:#ffffff80}.sort-buttons select{flex:1;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:14px;cursor:pointer;outline:none;transition:all .3s ease}.sort-buttons select:focus{border-color:#3b82f680;box-shadow:0 0 15px #3b82f633}.sort-buttons select option{background:#1a1a2e;color:#fff}.collection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:all .3s ease}.stat-item:hover{background:#ffffff14;transform:translateY(-2px)}.stat-item .stat-icon{font-size:20px}.stat-item .stat-value{font-size:18px;font-weight:700;color:#fff}.stat-item .stat-label{font-size:11px;color:#ffffff80;text-align:center}.fish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fish-card{position:relative;border-radius:16px;padding:12px;cursor:pointer;transition:all .3s ease;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.fish-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.fish-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 30px #0006}.fish-card:active{transform:translateY(-2px) scale(1.01)}.fish-card.common{box-shadow:0 4px 20px #9ca3af33}.fish-card.uncommon{box-shadow:0 4px 20px #22c55e4d}.fish-card.rare{box-shadow:0 4px 20px #3b82f666}.fish-card.epic{box-shadow:0 4px 20px #a855f766}.fish-card.legendary{box-shadow:0 4px 20px #f59e0b80;animation:legendaryPulse 3s ease-in-out infinite}.fish-card.mythic{box-shadow:0 4px 20px #ef444480;animation:mythicPulse 2s ease-in-out infinite}@keyframes legendaryPulse{0%,to{box-shadow:0 4px 20px #f59e0b80}50%{box-shadow:0 8px 35px #f59e0bb3}}@keyframes mythicPulse{0%,to{box-shadow:0 4px 20px #ef444480}50%{box-shadow:0 8px 40px #ef4444cc}}.card-badges{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;z-index:2}.badge{padding:3px 8px;border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.team{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge.nft{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.badge.origin{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;position:relative;z-index:1}.element-icon{font-size:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.level-badge{background:#0006;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:600;color:#fff}.card-visual{position:relative;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.fish-glow{position:absolute;width:60px;height:60px;border-radius:50%;filter:blur(20px);opacity:.5;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.7}}.fish-svg{width:80px;height:50px;position:relative;z-index:1;animation:fishFloat 3s ease-in-out infinite}@keyframes fishFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(2deg)}75%{transform:translateY(3px) rotate(-2deg)}}.card-info{text-align:center;margin-bottom:8px;position:relative;z-index:1}.fish-name{font-size:14px;font-weight:600;color:#fff;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish-rarity{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;position:relative;z-index:1}.card-stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:#0003;border-radius:6px}.card-stats .stat-icon{font-size:10px}.card-stats .stat span:last-child{font-size:11px;font-weight:600;color:#fff}.card-power{display:flex;align-items:center;justify-content:center;gap:6px;background:#0000004d;border-radius:8px;padding:6px;margin-bottom:6px;position:relative;z-index:1}.power-label{font-size:10px;color:#fff9;font-weight:600}.power-value{font-size:16px;font-weight:700;color:#fbbf24;text-shadow:0 2px 8px rgba(251,191,36,.5)}.exp-bar{height:4px;background:#0000004d;border-radius:2px;overflow:hidden;position:relative;z-index:1}.exp-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:2px;transition:width .3s ease;position:relative}.exp-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent)}.card-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:16px;z-index:10}.card-overlay span{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;font-size:13px;font-weight:600;color:#fff;transform:translateY(10px);transition:transform .3s ease}.fish-card:hover .card-overlay{opacity:1}.fish-card:hover .card-overlay span{transform:translateY(0)}.fish-card.in-team{border-color:#10b98180}.fish-card.in-team:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669)}.collection-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;animation:emptyBounce 2s ease-in-out infinite}@keyframes emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.collection-empty h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.collection-empty p{font-size:14px;color:#ffffff80;margin:0}.collection-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-fish{font-size:48px;animation:loadingSwim 1.5s ease-in-out infinite}@keyframes loadingSwim{0%,to{transform:translate(-10px) rotate(-5deg)}50%{transform:translate(10px) rotate(5deg)}}.collection-loading p{margin-top:16px;font-size:16px;color:#fff9}@media(min-width:400px){.fish-grid{gap:16px}.fish-card{padding:14px}.card-visual{height:80px}.fish-svg{width:90px;height:55px}}@media(min-width:500px){.collection-stats{gap:14px}.stat-item{padding:16px 12px}.stat-item .stat-value{font-size:22px}}.fish-detail-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.fish-detail-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:20px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.fish-detail-modal::-webkit-scrollbar{width:6px}.fish-detail-modal::-webkit-scrollbar-track{background:#ffffff0d}.fish-detail-modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.fish-detail-modal .close-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:10;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.fish-detail-modal .close-btn:hover{background:#ef4444cc;border-color:#ef4444;transform:rotate(90deg)}.detail-header{padding:24px 20px 20px;text-align:center;position:relative;border-radius:20px 20px 0 0}.detail-elements{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.detail-element{font-size:28px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.detail-visual{position:relative;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.fish-svg-large{width:140px;height:85px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));animation:fishFloat 3s ease-in-out infinite}.shiny-indicator{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;color:#000}.detail-header h3{font-size:22px;font-weight:700;color:#fff;margin:0 0 8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.edit-hint{font-size:14px;opacity:.5;transition:opacity .2s}.detail-header h3:hover .edit-hint{opacity:1}.nickname-edit{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.nickname-edit input{background:#0006;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:8px 14px;color:#fff;font-size:16px;font-weight:600;text-align:center;width:180px;outline:none}.nickname-edit input:focus{border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d}.nickname-edit button{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;font-size:16px;transition:all .2s ease}.nickname-edit button:first-of-type{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.nickname-edit button:last-of-type{background:#ffffff1a;color:#fff}.nickname-edit button:hover{transform:scale(1.1)}.detail-badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.rarity-badge{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 10px currentColor}.premium-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9);padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;color:#fff}.detail-content{padding:20px}.detail-level{background:#ffffff0d;border-radius:12px;padding:14px;margin-bottom:16px;text-align:center}.detail-level>span:first-child{display:block;font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}.exp-bar-detail{height:8px;background:#0006;border-radius:4px;overflow:hidden;margin-bottom:8px}.exp-bar-detail .exp-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:4px;position:relative}.exp-bar-detail .exp-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent)}.exp-text{font-size:13px;color:#fff9}.detail-nature{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;padding:10px;background:#ffffff0d;border-radius:10px}.nature-label{font-size:14px;color:#fff9}.nature-value{font-size:15px;font-weight:600;color:#a78bfa}.detail-stats-grid{background:#0000004d;border-radius:14px;padding:16px;margin-bottom:16px}.stat-row{display:grid;grid-template-columns:110px 50px 60px 60px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);gap:8px}.stat-row .stat-label{font-size:13px;color:#fffc;display:flex;align-items:center;gap:6px}.stat-row .stat-value{font-size:18px;font-weight:700;color:#fff;text-align:center}.stat-row .iv-value{font-size:12px;color:#60a5fa;text-align:center;background:#60a5fa26;padding:4px 6px;border-radius:6px}.stat-row .ev-value{font-size:12px;color:#4ade80;text-align:center;background:#4ade8026;padding:4px 6px;border-radius:6px}.detail-iv-total{background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);border-radius:12px;padding:12px 16px;margin-bottom:16px}.detail-iv-total>span{display:block;font-size:14px;font-weight:600;color:#60a5fa;margin-bottom:8px}.iv-bar{height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.iv-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px}.detail-skills{background:#ffffff0d;border-radius:12px;padding:14px;margin-bottom:16px}.detail-skills h4{font-size:14px;font-weight:600;color:#fffc;margin:0 0 12px}.skills-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-item{display:flex;justify-content:space-between;align-items:center;background:#0000004d;padding:10px 12px;border-radius:10px}.skill-name{font-size:13px;font-weight:500;color:#fff;text-transform:capitalize}.skill-pp{font-size:12px;color:#fbbf24;font-weight:600}.known-skills-hint{font-size:12px;color:#ffffff80;text-align:center;margin:8px 0 0}.detail-breeding{display:flex;justify-content:space-around;background:#ec48991a;border:1px solid rgba(236,72,153,.3);border-radius:12px;padding:12px;margin-bottom:16px}.detail-breeding span{font-size:13px;color:#f472b6;font-weight:500}.detail-power{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:1px solid rgba(251,191,36,.3);border-radius:14px;padding:16px;margin-bottom:20px}.detail-power .power-label{font-size:14px;color:#ffffffb3;font-weight:500}.detail-power .power-value{font-size:28px;font-weight:800;color:#fbbf24;text-shadow:0 2px 15px rgba(251,191,36,.5)}.detail-actions{display:flex;flex-direction:column;gap:10px}.action-btn{padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.action-btn.add{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f666}.action-btn.add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.action-btn.remove{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ef4444}.action-btn.remove:hover{background:#ef44444d}.action-btn.evolve{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b66;animation:evolvePulse 2s ease-in-out infinite}@keyframes evolvePulse{0%,to{box-shadow:0 4px 15px #f59e0b66}50%{box-shadow:0 6px 25px #f59e0b99}}.action-btn.evolve:hover{transform:translateY(-2px)}.team-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.team-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:20px;padding:24px;width:100%;max-width:340px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080}.team-modal h3{font-size:18px;font-weight:700;color:#fff;text-align:center;margin:0 0 20px}.team-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.team-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.team-option:hover:not(:disabled){background:#ffffff1a;border-color:#3b82f680}.team-option:disabled{opacity:.4;cursor:not-allowed}.team-icon{font-size:24px}.team-name{flex:1;font-size:15px;font-weight:600;color:#fff;text-align:left}.team-count{font-size:13px;color:#ffffff80;background:#0000004d;padding:4px 10px;border-radius:8px}.cancel-btn{width:100%;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ffffff26;color:#fff}.fish-card.shiny{position:relative}.fish-card.shiny:before{background:linear-gradient(135deg,#ffd7004d,#fff3,#ffd7004d);animation:shinyShimmer 3s linear infinite}@keyframes shinyShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.badge.shiny{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:800}.expedition-screen{padding:16px 16px 100px;min-height:100%;background:linear-gradient(180deg,#0c1222,#1a1f35,#0f172a)}.expedition-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#1e3a8a4d,#4f46e533);border-radius:16px;border:1px solid rgba(99,102,241,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expedition-header h2{color:#fff;font-size:22px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.energy-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0000004d;border-radius:12px;border:1px solid rgba(250,204,21,.3)}.energy-icon{font-size:18px;animation:energyPulse 2s ease-in-out infinite}@keyframes energyPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.energy-value{color:#fbbf24;font-weight:600;font-size:14px;min-width:50px}.energy-bar{width:60px;height:6px;background:#fbbf2433;border-radius:3px;overflow:hidden}.energy-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:3px;transition:width .5s ease;box-shadow:0 0 10px #fbbf2480}.active-expeditions-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;margin-bottom:20px;background:linear-gradient(90deg,#22c55e33,#10b98133);border-radius:12px;border:1px solid rgba(34,197,94,.4);animation:bannerGlow 3s ease-in-out infinite}@keyframes bannerGlow{0%,to{box-shadow:0 0 10px #22c55e33}50%{box-shadow:0 0 20px #22c55e66}}.banner-icon{font-size:20px;animation:rocketBounce 1s ease-in-out infinite}@keyframes rocketBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.banner-text{color:#22c55e;font-weight:600;font-size:14px}.zones-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:500px){.zones-grid{grid-template-columns:repeat(2,1fr)}}.zone-card{position:relative;padding:20px;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:2px solid rgba(255,255,255,.1);min-height:180px}.zone-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none}.zone-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.zone-card:hover:after{opacity:1}.zone-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 30px #ffffff1a;border-color:#ffffff4d}.zone-card:active{transform:translateY(-2px) scale(1)}.zone-card.locked{cursor:not-allowed;filter:grayscale(.8)}.zone-card.locked:hover{transform:none;box-shadow:none}.zone-lock-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:18px}.lock-icon{font-size:40px;margin-bottom:8px;animation:lockShake .5s ease-in-out}@keyframes lockShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.lock-text{color:#94a3b8;font-size:14px;font-weight:600}.zone-header{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-bottom:12px}.zone-icon{font-size:36px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.zone-title h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.zone-duration{color:#fffc;font-size:12px;display:flex;align-items:center;gap:4px}.zone-description{position:relative;z-index:1;color:#ffffffd9;font-size:13px;line-height:1.5;margin-bottom:14px}.zone-rewards{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.reward-item{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#0000004d;border-radius:8px;font-size:12px;color:#fff;border:1px solid rgba(255,255,255,.1)}.reward-item.rare{background:linear-gradient(135deg,#fbbf244d,#f59e0b33);border-color:#fbbf2466;color:#fbbf24}.zone-danger{position:relative;z-index:1;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ef444433;border-radius:8px;font-size:12px;color:#fca5a5;border:1px solid rgba(239,68,68,.3);margin-bottom:12px;width:fit-content}.expedition-progress{position:relative;z-index:1;margin-top:12px}.progress-bar{height:8px;background:#0006;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981,#34d399);border-radius:4px;transition:width 1s linear;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{left:100%}}.time-remaining{display:block;text-align:center;color:#fff;font-size:18px;font-weight:700;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(34,197,94,.5)}.claim-button{width:100%;padding:12px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;animation:claimPulse 1.5s ease-in-out infinite;box-shadow:0 4px 15px #22c55e66}@keyframes claimPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #22c55e66}50%{transform:scale(1.02);box-shadow:0 6px 25px #22c55e99}}.claim-button:hover{animation:none;transform:scale(1.05)}.zone-action{position:relative;z-index:1;display:flex;justify-content:flex-end;margin-top:8px}.energy-cost{display:flex;align-items:center;gap:4px;padding:6px 14px;background:#fbbf2433;border-radius:10px;color:#fbbf24;font-weight:600;font-size:14px;border:1px solid rgba(251,191,36,.3)}.energy-cost.not-enough{background:#ef444433;color:#f87171;border-color:#ef44444d}.zone-card.active{border-color:#22c55e80;box-shadow:0 0 20px #22c55e33}.zone-card.completed{border-color:#fbbf2480;animation:completedGlow 2s ease-in-out infinite}@keyframes completedGlow{0%,to{box-shadow:0 0 20px #fbbf244d}50%{box-shadow:0 0 40px #fbbf2480}}.fish-selector-overlay{position:fixed;inset:0;background:#000000d9;z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.fish-selector-modal{width:100%;max-width:500px;max-height:80vh;background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:24px 24px 0 0;padding:20px;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);overflow-y:auto;border:1px solid rgba(99,102,241,.3);border-bottom:none}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(99,102,241,.2)}.modal-header h3{color:#fff;font-size:20px;font-weight:700;margin:0}.close-button{width:36px;height:36px;border-radius:50%;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#ef44444d;transform:scale(1.1)}.selected-zone-info{display:flex;align-items:center;gap:14px;padding:16px;background:#6366f11a;border-radius:16px;margin-bottom:20px;border:1px solid rgba(99,102,241,.2)}.selected-zone-info .zone-icon{font-size:40px}.selected-zone-info h4{color:#fff;font-size:18px;margin:0 0 4px}.selected-zone-info p{color:#94a3b8;font-size:13px;margin:0}.no-fish-available{text-align:center;padding:40px 20px}.no-fish-icon{font-size:60px;display:block;margin-bottom:16px;opacity:.5;animation:fishSad 2s ease-in-out infinite}@keyframes fishSad{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(5px) rotate(5deg)}}.no-fish-available p{color:#94a3b8;margin:0 0 8px;font-size:16px}.no-fish-available .hint{color:#64748b;font-size:13px}.fish-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding-right:4px}.fish-select-card{display:flex;align-items:center;gap:14px;padding:14px;background:#1e293bcc;border-radius:16px;border:2px solid;cursor:pointer;transition:all .2s ease}.fish-select-card:hover{transform:translate(4px);background:#1e293b}.fish-select-card.selected{box-shadow:0 0 20px #6366f14d}.fish-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px #0000004d}.fish-info{flex:1}.fish-name{display:block;color:#fff;font-size:15px;font-weight:600;margin-bottom:2px}.fish-level{color:#94a3b8;font-size:12px}.fish-stats{display:flex;gap:8px}.fish-stats span{font-size:12px;color:#94a3b8}.fish-bonus{display:flex;flex-direction:column;gap:4px}.bonus-tag{padding:2px 8px;background:#22c55e33;border-radius:6px;font-size:10px;color:#22c55e;font-weight:600}.bonus-tag.gold{background:#fbbf2433;color:#fbbf24}.modal-footer{margin-top:20px;padding-top:16px;border-top:1px solid rgba(99,102,241,.2)}.tip{color:#94a3b8;font-size:13px;text-align:center;margin:0}.fish-list::-webkit-scrollbar{width:4px}.fish-list::-webkit-scrollbar-track{background:#3341554d;border-radius:2px}.fish-list::-webkit-scrollbar-thumb{background:#6366f180;border-radius:2px}.fish-list::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.breeding-v2-screen{min-height:100vh;background:linear-gradient(180deg,#0a1628,#1a0a28,#16213e);padding:16px 16px 100px}.breeding-v2-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.breeding-v2-title{display:flex;align-items:center;gap:10px}.breeding-v2-icon{font-size:28px;animation:dnaRotate 3s linear infinite}@keyframes dnaRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.breeding-v2-title h2{font-size:24px;font-weight:700;color:#fff;margin:0}.breeding-v2-tabs{display:flex;gap:6px;margin-bottom:16px;background:#0003;padding:6px;border-radius:14px}.breeding-v2-tabs .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;background:transparent;border:none;border-radius:10px;color:#ffffff80;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.breeding-v2-tabs .tab span:first-child{font-size:18px}.breeding-v2-tabs .tab.active{background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff}.breeding-v2-tabs .tab:not(.active):hover{background:#ffffff1a;color:#fffc}.ranch-bonuses-summary{display:flex;gap:8px;margin-bottom:16px;padding:12px;background:linear-gradient(135deg,#22c55e26,#16a34a0d);border:1px solid rgba(34,197,94,.3);border-radius:12px}.bonus-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.bonus-value{font-size:14px;font-weight:700;color:#22c55e}.bonus-label{font-size:10px;color:#ffffff80}.breeding-tab-content{animation:fadeIn .3s ease}.breeding-slots{display:flex;align-items:center;gap:12px;margin-bottom:16px}.breeding-slot{flex:1;min-height:130px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:all .3s ease}.breeding-slot:hover{background:#ffffff14;border-color:#8b5cf680}.breeding-slot.selected{border-style:solid}.slot-empty{height:100%;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px}.plus-icon{font-size:28px;color:#fff6}.slot-empty span:nth-child(2){font-size:13px;font-weight:600;color:#ffffffb3}.slot-hint{font-size:10px;color:#fff6}.slot-content{padding:12px;border-radius:14px;border:2px solid;position:relative}.slot-visual{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.element-icons{display:flex;gap:2px}.element-icon{font-size:14px}.fish-emoji{font-size:32px}.shiny-badge{font-size:12px}.slot-info{text-align:center}.slot-name{display:block;font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.slot-rarity{display:block;font-size:10px;font-weight:600;text-transform:uppercase;margin-bottom:2px}.slot-level{display:block;font-size:11px;color:#fff9;margin-bottom:2px}.slot-breed-count{display:block;font-size:10px;color:#ffffff80}.slot-ivs{display:block;font-size:10px;color:#8b5cf6cc;margin-top:2px}.change-slot-btn{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#0006;border:none;color:#fff;font-size:12px;cursor:pointer}.breeding-heart{display:flex;align-items:center;justify-content:center}.heart{font-size:24px;opacity:.3;transition:all .3s ease}.heart.active{opacity:1;animation:heartBeat 1s ease-in-out infinite}.heart.error{opacity:1}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.compatibility-error{display:flex;align-items:center;gap:8px;padding:12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;margin-bottom:16px;font-size:13px;color:#fca5a5}.element-synergy-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:1px solid rgba(251,191,36,.4);border-radius:10px;margin-bottom:12px;font-size:13px;font-weight:600;color:#fbbf24}.breeding-preview{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:16px}.breeding-preview h4{font-size:13px;font-weight:600;color:#fff;margin:0 0 12px}.preview-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preview-item{text-align:center;padding:10px;background:#0003;border-radius:10px}.preview-label{display:block;font-size:10px;color:#ffffff80;margin-bottom:4px}.preview-value{font-size:13px;font-weight:600;color:#fff}.preview-value.elements{font-size:16px}.bonus-indicator{margin-left:4px;font-size:11px;color:#22c55e}.applied-bonuses{margin-top:12px;padding:10px;background:#22c55e1a;border-radius:8px}.applied-title{display:block;font-size:11px;color:#fff9;margin-bottom:6px}.applied-list{display:flex;flex-wrap:wrap;gap:6px}.applied-list span{font-size:11px;padding:4px 8px;background:#22c55e33;border-radius:6px;color:#86efac}.breed-action{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.breed-cost{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:#fff9}.cost-value{font-weight:700;color:#fbbf24}.cost-value.insufficient{color:#ef4444}.breed-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #a855f766}.breed-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.breed-btn.disabled{background:#ffffff1a;color:#fff6;box-shadow:none;cursor:not-allowed}.btn-icon{font-size:18px}.breeding-spinner{font-size:22px;animation:dnaRotate 1s linear infinite}.ranch-tab-content{animation:fadeIn .3s ease}.ranch-size-selector{display:flex;align-items:center;gap:10px;margin-bottom:16px}.selector-label{font-size:13px;color:#ffffffb3}.size-options{display:flex;gap:6px}.size-option{padding:8px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb3;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.size-option.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.size-option:not(.active):hover{background:#ffffff26}.selected-block-indicator{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#3b82f633,#1d4ed81a);border:1px solid rgba(59,130,246,.4);border-radius:10px;margin-bottom:16px}.selected-block-indicator .block-icon{font-size:24px}.selected-block-indicator .block-name{flex:1;font-size:14px;font-weight:600;color:#fff}.selected-block-indicator .block-cost{font-size:12px;color:#ffffffb3}.selected-block-indicator button{width:24px;height:24px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:14px;cursor:pointer}.ranch-grid-container{margin-bottom:16px;padding:12px;background:#0000004d;border-radius:16px;overflow-x:auto}.ranch-grid{display:grid;gap:4px;min-width:fit-content}.grid-cell{aspect-ratio:1;min-width:40px;min-height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.grid-cell:hover{background:#ffffff1a;border-color:#8b5cf680}.grid-cell.occupied{background:#8b5cf633;border-color:#8b5cf666}.grid-cell.can-place:not(.occupied):hover{background:#22c55e33;border-color:#22c55e80}.cell-plus{font-size:14px;color:#fff3}.placed-block{display:flex;align-items:center;justify-content:center}.block-emoji{font-size:20px}.primary-element-display{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#ffffff0d;border-radius:10px;margin-bottom:16px;font-size:13px;color:#ffffffb3}.element-badge{padding:4px 10px;background:linear-gradient(135deg,#8b5cf64d,#6d28d933);border-radius:6px;font-weight:600;color:#c084fc}.ranch-actions{display:flex;gap:8px;margin-bottom:16px}.ranch-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:11px;cursor:pointer;transition:all .2s ease}.ranch-action-btn span:first-child{font-size:20px}.ranch-action-btn:hover{background:#8b5cf633;border-color:#8b5cf666}.ranch-action-btn.danger:hover{background:#ef444433;border-color:#ef444466}.ranch-stats{padding:14px;background:#ffffff0d;border-radius:12px}.stat-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none}.stat-row span:last-child{font-weight:600;color:#fff}.blocks-tab-content{animation:fadeIn .3s ease}.block-type-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.block-type-filter button{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb3;font-size:11px;cursor:pointer;transition:all .2s ease}.block-type-filter button.active{background:linear-gradient(135deg,#a855f7,#6d28d9);border-color:#a855f7;color:#fff}.blocks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.block-card{padding:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.block-card:hover{background:#ffffff14;transform:translateY(-2px)}.block-card.selected{border-color:#a855f7;background:#a855f726}.block-card.rarity-common{border-color:#9ca3af4d}.block-card.rarity-uncommon{border-color:#22c55e4d}.block-card.rarity-rare{border-color:#3b82f64d}.block-card.rarity-epic{border-color:#a855f74d}.block-card.rarity-legendary{border-color:#f59e0b4d}.block-icon-large{font-size:32px;text-align:center;margin-bottom:8px}.block-info{text-align:center;margin-bottom:8px}.block-info .block-name{display:block;font-size:12px;font-weight:600;color:#fff;margin-bottom:2px}.block-info .block-element{font-size:14px}.block-bonuses{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:8px}.mini-bonus{font-size:10px;padding:2px 6px;background:#22c55e33;border-radius:4px;color:#86efac}.block-cost{display:flex;justify-content:center;gap:8px;font-size:11px;color:#fff9}.presets-tab-content{animation:fadeIn .3s ease}.presets-grid{display:flex;flex-direction:column;gap:12px}.preset-card{display:flex;gap:14px;padding:14px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .2s ease}.preset-card:hover{background:#ffffff14;transform:translateY(-2px)}.preset-card.difficulty-beginner{border-color:#22c55e4d}.preset-card.difficulty-intermediate{border-color:#fbbf244d}.preset-card.difficulty-advanced{border-color:#f973164d}.preset-card.difficulty-master{border-color:#ef44444d}.preset-icon{font-size:36px}.preset-info{flex:1}.preset-name{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.preset-desc{display:block;font-size:12px;color:#fff9;margin-bottom:6px}.preset-elements{display:flex;flex-wrap:wrap;gap:4px}.preset-element{font-size:11px;padding:2px 6px;background:#8b5cf633;border-radius:4px;color:#c084fc}.preset-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.difficulty-badge{font-size:10px;padding:4px 8px;border-radius:6px}.difficulty-badge.beginner{background:#22c55e33;color:#86efac}.difficulty-badge.intermediate{background:#fbbf2433;color:#fde68a}.difficulty-badge.advanced{background:#f9731633;color:#fdba74}.difficulty-badge.master{background:#ef444433;color:#fca5a5}.required-level{font-size:10px;color:#ffffff80}.selector-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:1000}.selector-modal,.block-picker-modal{width:100%;max-width:500px;max-height:70vh;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:24px 24px 0 0;overflow:hidden;animation:slideUp .3s ease}.selector-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.selector-header h3{font-size:17px;font-weight:600;color:#fff;margin:0}.selector-list,.block-picker-list{padding:14px;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.selector-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.selector-item:hover{background:#a855f733;border-color:#a855f766}.selector-item.synergy-match{border-color:#22c55e66}.selector-item.synergy-match:hover{background:#22c55e33}.item-visual{display:flex;flex-direction:column;align-items:center}.item-visual .elements{display:flex;gap:2px;font-size:12px}.item-visual .fish{font-size:26px}.item-visual .shiny{font-size:10px}.item-name{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#fff}.synergy-icon{font-size:12px}.item-meta{display:block;font-size:11px;color:#ffffff80}.item-ivs{display:block;font-size:10px;color:#8b5cf6cc}.item-breed{text-align:center;padding:6px 10px;background:#a855f733;border-radius:8px}.breed-count{display:block;font-size:13px;font-weight:600;color:#a855f7}.breed-label{font-size:9px;color:#ffffff80}.no-fish{padding:40px 20px;text-align:center}.no-fish-icon{font-size:44px;display:block;margin-bottom:10px}.no-fish p{color:#fff;margin:0}.no-fish-hint{font-size:12px;color:#ffffff80!important;margin-top:6px!important}.block-picker-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.block-picker-item:hover{background:#8b5cf633;border-color:#8b5cf666}.block-picker-item.rarity-common{border-color:#9ca3af4d}.block-picker-item.rarity-uncommon{border-color:#22c55e4d}.block-picker-item.rarity-rare{border-color:#3b82f64d}.block-picker-item.rarity-epic{border-color:#a855f74d}.block-picker-item.rarity-legendary{border-color:#f59e0b4d}.picker-icon{font-size:28px}.picker-info{flex:1}.picker-name{display:block;font-size:13px;font-weight:600;color:#fff}.picker-element{font-size:12px;color:#fff9}.picker-cost{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;color:#ffffffb3}.breeding-animation-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.breeding-animation{text-align:center;position:relative}.breeding-animation .parent{font-size:44px;display:inline-block;animation:parentMove 1s ease-in-out infinite}.parent-1{animation-direction:normal}.parent-2{animation-direction:reverse}@keyframes parentMove{0%,to{transform:translate(-20px)}50%{transform:translate(20px)}}.dna-helix{font-size:56px;display:inline-block;margin:0 8px;animation:dnaRotate 1s linear infinite}.mixing-particles{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mixing-particles span{position:absolute;font-size:22px;animation:particleFloat 1s ease-out infinite}.mixing-particles span:nth-child(1){animation-delay:0s}.mixing-particles span:nth-child(2){animation-delay:.3s}.mixing-particles span:nth-child(3){animation-delay:.6s}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.5)}}.breeding-animation p{margin-top:24px;font-size:16px;color:#fff}.ranch-boost-text{margin-top:8px!important;font-size:13px!important;color:#22c55e!important}.result-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.result-modal{width:100%;max-width:320px;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:22px;overflow:hidden;animation:resultPop .5s cubic-bezier(.16,1,.3,1)}.result-header{padding:22px;text-align:center;background:linear-gradient(135deg,#22c55e4d,#16a34a1a)}.result-header.mutation{background:linear-gradient(135deg,#a855f766,#6d28d933)}.result-icon{font-size:44px;display:block;margin-bottom:8px;animation:iconBounce .5s ease}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.result-header h2{font-size:22px;font-weight:800;color:#fff;margin:0}.result-fish{padding:18px;text-align:center}.result-visual{position:relative;display:inline-block;margin-bottom:14px}.result-glow{position:absolute;inset:-18px;border-radius:50%;filter:blur(25px);opacity:.5;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.result-emoji{font-size:56px;position:relative;z-index:1}.shiny-mark{position:absolute;top:-5px;right:-5px;font-size:20px}.result-info{margin-bottom:14px}.result-name{display:block;font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.result-rarity{display:block;font-size:13px;font-weight:600;text-transform:uppercase;margin-bottom:4px}.result-nature{display:block;font-size:12px;color:#ffffffb3;margin-bottom:2px}.result-gen{font-size:11px;color:#ffffff80}.result-ivs{padding:0 18px;margin-bottom:14px}.result-ivs h4{font-size:13px;font-weight:600;color:#fffc;margin:0 0 10px;text-align:center}.ivs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.iv{padding:8px 6px;background:#0003;border-radius:8px;text-align:center}.iv span:first-child{display:block;font-size:10px;color:#ffffff80;margin-bottom:2px}.iv span:last-child{font-size:14px;font-weight:700;color:#fff}.iv.perfect{background:linear-gradient(135deg,#fbbf244d,#f59e0b1a)}.iv.perfect span:last-child{color:#fbbf24}.result-ranch-bonus{padding:10px;margin:0 18px 14px;background:#22c55e26;border-radius:8px;text-align:center;font-size:12px;color:#86efac}.result-close-btn{width:calc(100% - 36px);margin:0 18px 18px;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#a855f7,#6d28d9);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.result-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a855f766}.school-screen{padding:16px 16px 100px;min-height:100vh;background:linear-gradient(180deg,#0a1628,#0a2820)}.school-screen.no-school{display:flex;flex-direction:column;align-items:center}.no-school-content{width:100%;max-width:400px;text-align:center}.no-school-icon{font-size:64px;margin-bottom:16px;animation:schoolFloat 3s ease-in-out infinite}@keyframes schoolFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.no-school-content h2{font-size:24px;margin:0 0 8px;color:#fff}.no-school-content>p{color:#fff9;font-size:14px;margin-bottom:24px}.school-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.school-benefits .benefit{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px}.school-benefits .benefit-icon{font-size:28px}.school-benefits .benefit span:last-child{font-size:12px;color:#fffc}.school-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.school-actions .create-btn,.school-actions .browse-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.school-actions .create-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#000}.school-actions .create-btn .cost{font-size:12px;opacity:.8}.school-actions .browse-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.browse-schools{text-align:left}.browse-schools h3{font-size:16px;color:#fff;margin-bottom:12px}.school-preview{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:10px}.school-header-card{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#22c55e33,#10b98133);border:1px solid rgba(34,197,94,.3);border-radius:16px;margin-bottom:16px}.school-icon-large{font-size:56px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:16px}.school-info{flex:1}.school-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.school-tag{color:#22c55e;font-weight:700;font-size:14px}.school-info h2{margin:0;font-size:18px;color:#fff}.school-stats-row{display:flex;gap:12px;font-size:12px;color:#fff9;margin-bottom:8px}.school-exp-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:4px}.school-exp-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:3px}.school-exp-text{font-size:11px;color:#ffffff80}.school-tabs{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.school-tabs .tab{flex-shrink:0;padding:10px 16px;border:none;background:#ffffff0d;color:#fff9;font-size:13px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s}.school-tabs .tab.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.school-content{background:#ffffff08;border-radius:16px;padding:16px}.overview-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.overview-section:last-child{border-bottom:none;margin-bottom:0}.overview-section h3{font-size:14px;color:#ffffffb3;margin:0 0 12px}.treasury-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.treasury-item{display:flex;flex-direction:column;align-items:center;padding:14px 8px;background:#ffffff0d;border-radius:12px}.treasury-icon{font-size:24px;margin-bottom:6px}.treasury-value{font-size:16px;font-weight:700;color:#fff}.treasury-label{font-size:10px;color:#ffffff80;margin-top:2px}.rank-display{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0d;border-radius:12px}.rank-icon{font-size:32px}.rank-name{font-size:16px;font-weight:600;color:#fff;flex:1}.contribution-pts{font-size:12px;color:#22c55e}.synergies-preview{display:flex;flex-direction:column;gap:8px}.synergy-preview-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:10px}.synergy-icons{font-size:18px}.synergy-bonus{font-size:14px;font-weight:700;color:#22c55e}.facilities-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.facility-preview-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:#ffffff0d;border-radius:10px}.facility-preview-item .facility-icon{font-size:28px;margin-bottom:6px}.facility-preview-item .facility-name{font-size:12px;color:#fffc;text-align:center}.facility-preview-item .facility-level{font-size:11px;color:#ffffff80}.facilities-grid{display:grid;grid-template-columns:1fr;gap:12px}.facility-card{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .2s}.facility-card:hover{border-color:#22c55e66;background:#22c55e0d}.facility-card.locked{opacity:.5;cursor:not-allowed}.facility-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.facility-card .facility-icon{font-size:36px}.facility-card .facility-info{flex:1}.facility-card .facility-name{font-size:15px;font-weight:600;color:#fff;display:block}.facility-card .facility-level{font-size:12px;color:#ffffff80}.facility-desc{margin:0;font-size:13px;color:#fff9;line-height:1.4}.facility-footer{margin-top:10px;display:flex;justify-content:flex-end}.required-role{font-size:12px;padding:4px 10px;background:#ffffff1a;border-radius:20px;color:#ffffffb3}.tab-members .members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tab-members .members-header span{font-size:14px;color:#ffffffb3}.tab-members .members-list{display:flex;flex-direction:column;gap:10px}.tab-members .member-card{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.tab-members .member-card.leader{border-color:#ffd7004d;background:#ffd7000d}.tab-members .member-card.officer{border-color:#22c55e4d}.tab-members .member-main{display:flex;align-items:center;gap:10px}.tab-members .member-rank-icon{font-size:22px}.tab-members .member-info{display:flex;flex-direction:column;gap:2px}.tab-members .member-name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#fff}.tab-members .online-dot{width:8px;height:8px;background:#22c55e;border-radius:50%}.tab-members .member-role{font-size:12px;color:#ffffff80}.tab-members .member-contribution{text-align:right}.tab-members .contribution-weekly{font-size:12px;color:#22c55e}.synergies-intro{margin-bottom:20px}.synergies-intro h3{font-size:18px;color:#fff;margin:0 0 8px}.synergies-intro p{font-size:14px;color:#fff9;margin:0;line-height:1.5}.synergies-list{display:flex;flex-direction:column;gap:12px}.synergy-card{padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.synergy-card.active{border-color:#22c55e66;background:#22c55e14}.synergy-card.inactive{opacity:.6}.synergy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.synergy-roles{display:flex;align-items:center;gap:8px}.role-provider,.role-receiver{font-size:14px;color:#fff}.synergy-arrow{font-size:18px;color:#22c55e}.synergy-bonus-badge{padding:4px 10px;background:#22c55e33;border-radius:20px;font-size:13px;font-weight:700;color:#22c55e}.synergy-desc{margin:0;font-size:13px;color:#fff9}.synergy-requirement{margin:8px 0 0;font-size:12px;color:#fff6;font-style:italic}.tab-altar{text-align:center}.altar-header{margin-bottom:24px}.altar-header .altar-icon{font-size:64px;display:block;margin-bottom:12px;animation:altarGlow 2s ease-in-out infinite}@keyframes altarGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(34,197,94,.5))}}.altar-header h3{font-size:20px;color:#fff;margin:0 0 8px}.altar-header p{font-size:14px;color:#fff9;margin:0}.altar-stats{display:flex;justify-content:center;gap:30px;margin-bottom:24px}.altar-stat{display:flex;flex-direction:column;align-items:center}.altar-stat .stat-label{font-size:12px;color:#ffffff80}.altar-stat .stat-value{font-size:24px;font-weight:700;color:#22c55e}.altar-rewards{text-align:left;padding:16px;background:#ffffff0d;border-radius:12px;margin-bottom:20px}.altar-rewards h4{font-size:14px;color:#fff;margin:0 0 10px}.altar-rewards ul{margin:0;padding-left:20px;color:#ffffffb3;font-size:13px}.altar-rewards li{margin-bottom:6px}.sacrifice-btn{width:100%;padding:16px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;color:#000;font-size:18px;font-weight:700;cursor:pointer;margin-bottom:24px;transition:transform .2s}.sacrifice-btn:active{transform:scale(.98)}.altar-leviathan{padding:20px;background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid rgba(34,197,94,.3);border-radius:16px}.leviathan-visual{margin-bottom:16px}.leviathan-icon{font-size:80px;animation:leviathanSwim 4s ease-in-out infinite}@keyframes leviathanSwim{0%,to{transform:translate(-10px) rotate(-5deg)}50%{transform:translate(10px) rotate(5deg)}}.leviathan-blessing h4{font-size:16px;color:#fff;margin:0 0 8px}.leviathan-blessing p{font-size:13px;color:#fff9;margin:0 0 10px}.leviathan-blessing ul{text-align:left;margin:0;padding-left:20px;font-size:13px;color:#fffc}.leviathan-blessing li{margin-bottom:4px}.leviathan-blessing li.locked{color:#fff6}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-school-modal,.facility-modal,.sacrifice-modal{background:linear-gradient(180deg,#1a2e1a,#16213e);border-radius:20px;padding:24px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.create-school-modal h3,.facility-modal h3,.sacrifice-modal h3{margin:0 0 20px;text-align:center;font-size:18px;color:#fff}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:#ffffffb3;margin-bottom:6px}.form-group input{width:100%;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px}.icon-picker{display:flex;flex-wrap:wrap;gap:8px}.icon-option{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:22px;cursor:pointer}.icon-option:hover{border-color:#22c55e80;background:#22c55e33}.creation-cost{display:flex;justify-content:space-between;padding:12px;background:#22c55e1a;border-radius:10px;margin-bottom:20px;font-size:14px;color:#fffc}.creation-cost .cost-value{color:#22c55e;font-weight:600}.facility-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.facility-icon-large{font-size:48px}.facility-level-display{font-size:14px;color:#ffffff80}.facility-description{font-size:14px;color:#ffffffb3;margin:0 0 16px;line-height:1.5}.facility-bonuses{margin-bottom:16px}.facility-bonuses h4{font-size:14px;color:#ffffffb3;margin:0 0 8px}.facility-bonuses ul{margin:0;padding-left:20px;font-size:13px;color:#fffc}.facility-contributing-roles{margin-bottom:16px}.facility-contributing-roles h4{font-size:14px;color:#ffffffb3;margin:0 0 8px}.roles-list{display:flex;flex-wrap:wrap;gap:8px}.role-badge{padding:6px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:20px;font-size:12px;color:#fffc}.upgrade-section{padding:16px;background:#ffffff0d;border-radius:12px;margin-bottom:16px}.upgrade-section h4{font-size:14px;color:#fff;margin:0 0 10px}.upgrade-cost{display:flex;justify-content:center;gap:16px;margin-bottom:12px;font-size:14px;color:#fffc}.upgrade-btn{width:100%;padding:12px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#000;font-size:14px;font-weight:600;cursor:pointer}.close-btn{width:100%;padding:12px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;cursor:pointer}.sacrifice-fish-list{min-height:150px;background:#0003;border-radius:12px;padding:20px;margin-bottom:16px}.sacrifice-fish-list .placeholder{color:#fff6;text-align:center;font-size:14px}.sacrifice-preview{text-align:left;padding:16px;background:#ffffff0d;border-radius:12px;margin-bottom:20px}.sacrifice-preview h4{font-size:14px;color:#fff;margin:0 0 8px}.sacrifice-preview ul{margin:0;padding-left:20px;font-size:13px;color:#ffffffb3}.modal-actions{display:flex;gap:12px}.cancel-btn,.confirm-btn{flex:1;padding:14px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.confirm-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#000}.confirm-btn.sacrifice{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.events-screen{padding:16px 16px 100px;min-height:100vh;background:linear-gradient(180deg,#0a1628,#1a0a28)}.events-header{text-align:center;margin-bottom:16px}.events-header h2{font-size:24px;margin:0;background:linear-gradient(135deg,gold,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.events-tabs{display:flex;gap:8px;margin-bottom:16px}.events-tabs .tab{flex:1;padding:12px;border:none;background:#ffffff0d;color:#fff9;font-size:13px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s}.events-tabs .tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.event-selector{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.event-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:13px;white-space:nowrap;cursor:pointer;transition:all .2s}.event-chip.active{background:#667eea33;border-color:#667eea80;color:#fff}.event-banner{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3);border-radius:16px;margin-bottom:16px}.event-icon-large{font-size:56px}.event-banner-info{flex:1}.event-banner-info h2{font-size:20px;margin:0 0 4px;color:#fff}.event-banner-info p{font-size:13px;color:#ffffffb3;margin:0 0 8px}.event-timer{display:flex;align-items:center;gap:6px;font-size:14px;color:gold}.event-currency-card{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;margin-bottom:16px}.currency-icon{font-size:28px}.currency-amount{font-size:28px;font-weight:700;color:gold}.currency-name{font-size:14px;color:#fff9}.event-section{margin-bottom:20px}.event-section h3{font-size:16px;color:#fff;margin:0 0 12px}.daily-tasks-list{display:flex;flex-direction:column;gap:10px}.daily-task{padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.daily-task.complete{background:#4caf501a;border-color:#4caf504d}.task-info{display:flex;justify-content:space-between;margin-bottom:8px}.task-desc{font-size:14px;color:#fff}.task-progress{font-size:13px;color:#fff9}.task-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.task-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s}.daily-task.complete .task-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.task-reward{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:14px;color:gold}.milestones-track{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}.milestone-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:80px;opacity:.5}.milestone-item.reached{opacity:1;border-color:#4caf5080}.milestone-item.next{opacity:1;border-color:#667eea80}.milestone-item.claimed{background:#4caf501a}.milestone-icon{font-size:28px}.milestone-points{font-size:12px;color:#fff9}.milestone-name{font-size:11px;color:#fffc;text-align:center}.claim-milestone-btn{padding:4px 10px;background:linear-gradient(135deg,#22c55e,#4ade80);border:none;border-radius:6px;color:#fff;font-size:11px;font-weight:600;cursor:pointer}.points-progress{display:flex;flex-direction:column;gap:6px}.points-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.points-fill{height:100%;background:linear-gradient(90deg,gold,#ff6b35);border-radius:4px}.points-text{font-size:12px;color:#fff9;text-align:center}.exclusive-fish-list{display:flex;flex-direction:column;gap:10px}.exclusive-fish-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.exclusive-fish-card.epic{border-color:#a855f780;background:#a855f71a}.exclusive-fish-card.legendary{border-color:#ffd70080;background:#ffd7001a}.exclusive-fish-card .fish-icon{font-size:36px}.exclusive-fish-card .fish-info{flex:1;display:flex;flex-direction:column;gap:2px}.exclusive-fish-card .fish-name{font-size:15px;font-weight:600;color:#fff}.exclusive-fish-card .fish-rarity{font-size:11px;text-transform:uppercase}.fish-rarity.epic{color:#a855f7}.fish-rarity.legendary{color:gold}.exclusive-fish-card .fish-ability{font-size:12px;color:#fff9}.exclusive-fish-card .fish-stats{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#ffffffb3}.event-section.upcoming{margin-top:24px}.upcoming-event-card{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:12px;margin-bottom:8px}.upcoming-icon{font-size:28px}.upcoming-info{display:flex;flex-direction:column;gap:2px}.upcoming-name{font-size:14px;color:#fff}.upcoming-date{font-size:12px;color:#ffffff80}.boss-card{background:linear-gradient(135deg,#ef444433,#dc26261a);border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:20px;margin-bottom:20px}.boss-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.boss-icon{font-size:56px}.boss-info{flex:1}.boss-info h2{margin:0;font-size:20px;color:#fff}.boss-element{font-size:12px;color:#fff9;text-transform:capitalize}.boss-timer{display:flex;flex-direction:column;align-items:center;font-size:13px;color:gold}.boss-hp-section{margin-bottom:16px}.boss-hp-bar{height:20px;background:#0000004d;border-radius:10px;overflow:hidden;margin-bottom:6px}.boss-hp-fill{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:10px;transition:width .5s}.boss-hp-text{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb3}.boss-stats{display:flex;gap:16px;margin-bottom:16px}.boss-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px;background:#0003;border-radius:10px}.boss-stat .stat-icon{font-size:20px;margin-bottom:4px}.boss-stat .stat-value{font-size:18px;font-weight:700;color:#fff}.boss-stat .stat-label{font-size:11px;color:#ffffff80}.attack-boss-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.attack-boss-btn:active{transform:scale(.98)}.attack-cost{font-size:12px;opacity:.8}.boss-leaderboard{margin-bottom:20px}.boss-leaderboard h3{font-size:16px;color:#fff;margin:0 0 12px}.leaderboard-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0d;border-radius:10px}.leaderboard-item.top-1{background:#ffd7001a;border:1px solid rgba(255,215,0,.3)}.leaderboard-item.top-2{background:#c0c0c01a;border:1px solid rgba(192,192,192,.3)}.leaderboard-item.top-3{background:#cd7f321a;border:1px solid rgba(205,127,50,.3)}.leader-rank{width:28px;text-align:center;font-size:16px}.leader-name{flex:1;font-size:14px;color:#fff}.leader-damage{font-size:14px;color:#ef4444;font-weight:600}.your-damage{display:flex;justify-content:space-between;padding:12px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:10px;margin-top:12px}.your-damage span:first-child{font-size:13px;color:#ffffffb3}.damage-value{font-size:16px;font-weight:700;color:#667eea}.boss-rewards h3{font-size:16px;color:#fff;margin:0 0 12px}.rewards-list{display:flex;flex-direction:column;gap:10px}.reward-item{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.reward-item.epic{border-color:#a855f74d}.reward-item.legendary{border-color:#ffd7004d}.reward-icon{font-size:32px}.reward-info{flex:1;display:flex;flex-direction:column;gap:2px}.reward-name{font-size:14px;font-weight:500;color:#fff}.reward-desc{font-size:12px;color:#ffffff80}.empty-shop{text-align:center;padding:60px 20px}.empty-shop span{font-size:48px;display:block;margin-bottom:12px}.empty-shop p{color:#ffffff80;font-size:14px}.shop-currency{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;margin-bottom:16px;font-size:14px;color:#fffc}.currency-balance{font-size:24px;font-weight:700;color:gold}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shop-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px}.shop-item.sold-out{opacity:.5}.item-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:32px;border-radius:12px;margin-bottom:8px;background:#ffffff0d}.item-icon.rare{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid rgba(59,130,246,.3)}.item-icon.epic{background:linear-gradient(135deg,#a855f733,#a855f71a);border:1px solid rgba(168,85,247,.3)}.item-name{font-size:13px;color:#fff;text-align:center;margin-bottom:4px}.item-stock{font-size:11px;color:#ffffff80;margin-bottom:8px}.buy-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:linear-gradient(135deg,gold,#ff6b35);border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;cursor:pointer}.buy-btn.disabled{opacity:.5;cursor:not-allowed}.tournaments-screen{padding:16px 16px 100px;min-height:100vh;background:linear-gradient(180deg,#0a1628,#1a0a28)}.tournaments-header{text-align:center;margin-bottom:16px}.tournaments-header h2{font-size:24px;margin:0 0 4px;background:linear-gradient(135deg,gold,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tournaments-header p{margin:0;color:#fff9;font-size:14px}.tournaments-tabs{display:flex;gap:8px;margin-bottom:16px}.tournaments-tabs .tab{flex:1;padding:12px;border:none;background:#ffffff0d;color:#fff9;font-size:13px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s}.tournaments-tabs .tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tournament-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s}.tournament-card:active{transform:scale(.99)}.tournament-card.in_progress{border-color:#ef444480;background:#ef44440d}.tournament-card.registration{border-color:#22c55e80;background:#22c55e0d}.tournament-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tournament-icon{font-size:40px}.tournament-info{flex:1}.tournament-info h3{margin:0 0 4px;font-size:16px;color:#fff}.tournament-meta{display:flex;gap:8px}.status-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.status-badge.registration{background:#22c55e33;color:#22c55e}.status-badge.in_progress{background:#ef444433;color:#ef4444}.status-badge.upcoming{background:#3b82f633;color:#3b82f6}.tournament-type{font-size:11px;color:#ffffff80}.tournament-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;font-size:13px}.detail-row span:first-child{color:#ffffff80}.detail-row span:last-child{color:#fff}.join-btn,.watch-btn{width:100%;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s}.join-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.join-btn.disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.watch-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.join-btn:active,.watch-btn:active{transform:scale(.98)}.live-matches-section{margin-top:20px}.live-matches-section h3{font-size:16px;color:#fff;margin:0 0 12px}.live-match-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px;margin-bottom:10px}.match-players{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.match-player{display:flex;align-items:center;gap:8px}.player-name{font-size:14px;color:#fff}.player-score{font-size:20px;font-weight:700;color:gold}.vs{font-size:14px;color:#ffffff80;font-weight:700}.watch-live-btn{width:100%;padding:10px;background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:8px;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer}.empty-state{text-align:center;padding:40px 20px}.empty-state span{font-size:48px;display:block;margin-bottom:12px}.empty-state p{color:#ffffff80;font-size:14px}.upcoming-tournament-card{background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:16px;padding:16px;margin-bottom:12px}.upcoming-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.upcoming-timeline{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.timeline-item{display:flex;justify-content:space-between;font-size:13px}.timeline-label{color:#ffffff80}.timeline-value{color:#fff}.upcoming-prizes{display:flex;justify-content:space-between;padding:10px;background:#ffd7001a;border-radius:8px;margin-bottom:12px}.prize-label{font-size:13px;color:#ffffffb3}.prize-value{font-size:16px;font-weight:700;color:gold}.notify-btn{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;cursor:pointer}.result-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin-bottom:12px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-header h3{margin:0;font-size:14px;color:#fff}.result-date{font-size:12px;color:#ffffff80}.result-winners{display:flex;flex-direction:column;gap:8px}.winner-item{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff0d;border-radius:10px}.winner-item.position-1{background:#ffd7001a}.winner-position{font-size:20px}.winner-name{flex:1;font-size:14px;color:#fff}.winner-prize{font-size:14px;color:gold}.tournament-detail-modal{padding-top:0}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.back-btn{padding:8px 12px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.detail-header h2{margin:0;font-size:18px;color:#fff}.detail-banner{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:16px;margin-bottom:16px}.detail-icon{font-size:56px}.detail-info{display:flex;flex-direction:column;gap:6px}.detail-format{font-size:13px;color:#fff9}.detail-description{font-size:14px;color:#ffffffb3;line-height:1.5;margin-bottom:20px}.detail-section{margin-bottom:20px}.detail-section h3{font-size:16px;color:#fff;margin:0 0 12px}.prizes-list{display:flex;flex-direction:column;gap:10px}.prize-item{padding:12px;background:#ffffff0d;border-radius:10px}.prize-item.position-1{background:#ffd7001a;border:1px solid rgba(255,215,0,.3)}.prize-item.position-2{background:#c0c0c01a}.prize-item.position-3{background:#cd7f321a}.prize-position{font-size:14px;font-weight:600;color:#fff;display:block;margin-bottom:6px}.prize-rewards{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#ffffffb3}.rules-list{margin:0;padding-left:20px;font-size:14px;color:#ffffffb3}.rules-list li{margin-bottom:6px}.requirements-list{display:flex;flex-direction:column;gap:8px}.req-item{display:flex;justify-content:space-between;padding:10px;background:#ffffff0d;border-radius:8px;font-size:14px}.req-item span:first-child{color:#fff9}.req-item span:last-child{color:#fff;font-weight:500}.standings-list{display:flex;flex-direction:column;gap:8px}.standing-item{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff0d;border-radius:10px}.standing-item.top-1{background:#ffd7001a;border:1px solid rgba(255,215,0,.3)}.standing-item.top-2{background:#c0c0c01a}.standing-item.top-3{background:#cd7f321a}.standing-rank{width:32px;font-size:14px;font-weight:700;color:#ffffffb3}.standing-name{flex:1;font-size:14px;color:#fff}.standing-record{font-size:12px;color:#fff9}.standing-points{font-size:14px;font-weight:600;color:gold}.notifications-container{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:400px;pointer-events:none}.notification-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1a1a2ef2;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out;pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.notification-item.success{border-color:#22c55e80;background:#22c55e26}.notification-item.error{border-color:#ef444480;background:#ef444426}.notification-item.info{border-color:#3b82f680;background:#3b82f626}.notification-item.warning{border-color:#f59e0b80;background:#f59e0b26}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-icon{font-size:18px}.notification-message{flex:1;font-size:13px;color:#fff}.battle-screen-v2{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e1b4b,#0f172a);position:relative;overflow:hidden}.battle-header-v2{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0000004d}.team-indicator{display:flex;gap:6px}.team-indicator.player{justify-content:flex-start}.team-indicator.opponent{justify-content:flex-end}.fish-dot{width:12px;height:12px;border-radius:50%;transition:all .3s}.fish-dot.alive{background:#22c55e;box-shadow:0 0 6px #22c55e80}.fish-dot.fainted{background:#4b5563}.fish-dot.active{transform:scale(1.3);box-shadow:0 0 10px #22c55ecc}.team-indicator.opponent .fish-dot.alive{background:#ef4444;box-shadow:0 0 6px #ef444480}.team-indicator.opponent .fish-dot.active{box-shadow:0 0 10px #ef4444cc}.turn-display{display:flex;flex-direction:column;align-items:center}.turn-label{font-size:10px;color:#ffffff80;text-transform:uppercase}.turn-number{font-size:20px;font-weight:800;color:#fff}.battle-arena-v2{flex:1;display:flex;flex-direction:column;padding:16px;gap:8px;min-height:280px}.arena-side{display:flex;padding:8px}.arena-side.opponent{justify-content:flex-end}.arena-side.player{justify-content:flex-start}.vs-divider{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0}.vs-circle{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff6}.weather-indicator{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff1a;border-radius:12px;font-size:16px}.weather-turns{font-size:11px;color:#fff9}.fish-battle-card{display:flex;flex-direction:column;gap:6px;padding:12px;background:#ffffff0d;border-radius:16px;min-width:160px;max-width:180px;position:relative;transition:transform .2s}.fish-battle-card.player{border:2px solid rgba(34,197,94,.4);background:#22c55e1a}.fish-battle-card.opponent{border:2px solid rgba(239,68,68,.4);background:#ef44441a}.fish-battle-card.shake{animation:shake .3s ease-in-out}.fish-battle-card.fainted{opacity:.5}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.fbc-header{display:flex;align-items:center;gap:6px}.fbc-element{font-size:16px}.fbc-name{flex:1;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbc-level{font-size:11px;color:#fff9;background:#0000004d;padding:2px 6px;border-radius:8px}.fbc-hp-section{display:flex;flex-direction:column;gap:2px}.fbc-hp-bar{width:100%;height:10px;background:#0006;border-radius:5px;overflow:hidden}.fbc-hp-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);transition:width .4s ease;border-radius:5px}.fbc-hp-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fbc-hp-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171);animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fbc-hp-text{font-size:10px;color:#ffffffb3;text-align:right}.fbc-sprite{position:relative;width:100%;height:70px;display:flex;align-items:center;justify-content:center}.fbc-emoji{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.fbc-fainted-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:12px;font-size:36px}.fbc-status{position:absolute;top:8px;right:8px;font-size:18px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.fbc-stat-stages{display:flex;flex-wrap:wrap;gap:4px;min-height:20px}.stage-indicator{font-size:10px;padding:2px 4px;border-radius:4px;display:flex;align-items:center}.stage-indicator.buff{background:#22c55e4d;color:#4ade80}.stage-indicator.debuff{background:#ef44444d;color:#f87171}.battle-log-v2{padding:8px 16px;background:#0006;min-height:90px;max-height:110px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.log-entry-v2{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-radius:8px;font-size:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.log-entry-v2.player{background:#22c55e26;border-left:3px solid #22c55e}.log-entry-v2.opponent{background:#ef444426;border-left:3px solid #ef4444}.log-entry-v2.newest{background:#ffffff1a}.log-actor{font-size:10px}.log-text{flex:1;color:#ffffffe6;line-height:1.4}.log-damage{margin-left:6px;font-weight:700;color:#ef4444}.log-damage.critical{color:#f59e0b;font-size:14px}.log-damage.super{color:#22c55e}.log-damage.not_very{color:#fff6}.battle-controls-v2{padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px}.action-toggle{display:flex;gap:8px}.toggle-btn{flex:1;padding:10px 16px;background:#ffffff1a;border:2px solid transparent;border-radius:12px;color:#ffffffb3;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#6366f14d;border-color:#6366f1;color:#fff}.toggle-btn.forfeit{flex:0;padding:10px 14px;background:#ef444433;color:#f87171}.toggle-btn:active{transform:scale(.95)}.skills-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.skill-btn-v2{display:flex;flex-direction:column;gap:6px;padding:12px;border:none;border-radius:14px;cursor:pointer;transition:all .2s;text-align:left}.skill-btn-v2.water{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.skill-btn-v2.fire{background:linear-gradient(135deg,#ef4444,#dc2626)}.skill-btn-v2.grass{background:linear-gradient(135deg,#22c55e,#16a34a)}.skill-btn-v2.electric{background:linear-gradient(135deg,#eab308,#ca8a04)}.skill-btn-v2.ice{background:linear-gradient(135deg,#06b6d4,#0891b2)}.skill-btn-v2.dark{background:linear-gradient(135deg,#4b5563,#374151)}.skill-btn-v2.light{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.skill-btn-v2.poison{background:linear-gradient(135deg,#a855f7,#7c3aed)}.skill-btn-v2.flying{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.skill-btn-v2.ghost{background:linear-gradient(135deg,#6b21a8,#581c87)}.skill-btn-v2.psychic{background:linear-gradient(135deg,#ec4899,#db2777)}.skill-btn-v2.dragon{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.skill-btn-v2.ground{background:linear-gradient(135deg,#a16207,#854d0e)}.skill-btn-v2.steel{background:linear-gradient(135deg,#64748b,#475569)}.skill-btn-v2.normal{background:linear-gradient(135deg,#9ca3af,#6b7280)}.skill-btn-v2:active{transform:scale(.95)}.skill-btn-v2.disabled{opacity:.4;cursor:not-allowed}.skill-top{display:flex;align-items:center;gap:6px}.skill-element{font-size:16px}.skill-name{font-size:13px;font-weight:700;color:#fff}.skill-bottom{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffffd9}.skill-pp{margin-left:auto}.skill-pp.low{color:#fbbf24}.switch-grid-v2{display:flex;flex-direction:column;gap:8px}.switch-btn-v2{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff14;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.switch-btn-v2.current{border-color:#22c55e;background:#22c55e26}.switch-btn-v2.fainted{opacity:.4;cursor:not-allowed}.switch-btn-v2:not(.current):not(.fainted):active{transform:scale(.98);background:#ffffff26}.switch-fish-info{display:flex;align-items:center;gap:8px;flex:1}.switch-element{font-size:18px}.switch-name{font-size:14px;font-weight:600;color:#fff}.switch-hp-bar{flex:1;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;max-width:100px}.switch-hp-fill{height:100%;background:#22c55e;transition:width .3s}.switch-hp-fill.warning{background:#f59e0b}.switch-hp-fill.critical{background:#ef4444}.switch-hp-text{font-size:12px;color:#fff9;min-width:35px;text-align:right}.battle-result-v2{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px}.result-banner-v2{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 48px;border-radius:20px;animation:resultPop .5s ease-out}@keyframes resultPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.result-banner-v2.win{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 60px #22c55e80}.result-banner-v2.lose{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 60px #ef444480}.result-banner-v2.draw{background:linear-gradient(135deg,#6b7280,#4b5563)}.result-icon{font-size:48px}.result-text{font-size:28px;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.rewards-grid-v2{display:flex;gap:16px}.reward-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 20px;background:#ffffff1a;border-radius:14px;min-width:80px}.reward-icon{font-size:24px}.reward-value{font-size:18px;font-weight:700;color:#fff}.reward-card.rating.positive .reward-value{color:#4ade80}.reward-card.rating.negative .reward-value{color:#f87171}.reward-label{font-size:11px;color:#fff9}.ev-gained-notice{padding:10px 20px;background:#a855f733;border:1px solid rgba(168,85,247,.4);border-radius:12px;font-size:13px;color:#c4b5fd}.continue-btn-v2{padding:16px 48px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #667eea66}.continue-btn-v2:active{transform:scale(.95)}.fainted-warning{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:linear-gradient(135deg,#ef444433,#dc26261a);border:2px solid rgba(239,68,68,.5);border-radius:16px;animation:warningPulse 1.5s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:0 0 15px #ef44444d}50%{box-shadow:0 0 30px #ef444480}}.warning-icon{font-size:48px;animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.warning-text{font-size:16px;font-weight:600;color:#fca5a5;text-align:center}.switch-now-btn{padding:14px 32px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #ef444466}.switch-now-btn:active{transform:scale(.95)}.crafting-screen{padding:16px 16px 100px;min-height:100vh;background:linear-gradient(180deg,#0f172a,#020617);color:#fff}.crafting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px}.crafting-header h1{font-size:22px;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blacksmith-level{display:flex;align-items:center;gap:8px;background:#fbbf241a;padding:10px 16px;border-radius:12px;border:1px solid rgba(251,191,36,.2);font-size:13px;color:#94a3b8}.blacksmith-level .level{color:#fbbf24;font-weight:700;font-size:16px}.crafting-tabs{display:flex;gap:8px;margin-bottom:20px;background:#ffffff08;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.crafting-tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.crafting-tabs .tab:hover{color:#94a3b8;background:#ffffff08}.crafting-tabs .tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.crafting-tabs .tab .badge{background:#fff3;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.crafting-tabs .tab.active .badge{background:#ffffff4d}.categories{display:flex;gap:10px;overflow-x:auto;padding-bottom:16px;margin-bottom:16px;scrollbar-width:none;-ms-overflow-style:none}.categories::-webkit-scrollbar{display:none}.category-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;min-width:80px;background:#ffffff08;border:2px solid transparent;border-radius:14px;color:#64748b;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-btn:hover{background:#ffffff0f;color:#94a3b8}.category-btn.active{background:#6366f11a;border-color:#6366f180;color:#fff}.category-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .2s ease}.category-btn.active .category-icon-wrap{box-shadow:0 4px 12px #0000004d}.recipe-list{display:flex;flex-direction:column;gap:10px}.recipe-card{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-left:3px solid var(--rarity-color, #6366f1);border-radius:14px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.recipe-card:hover:not(.locked){background:#ffffff0f;transform:translate(4px);box-shadow:0 4px 20px #0003}.recipe-card.locked{opacity:.5;cursor:not-allowed}.recipe-icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #0003}.recipe-info{flex:1;min-width:0}.recipe-name{font-size:15px;font-weight:600;margin-bottom:6px;color:#f1f5f9}.recipe-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#64748b}.recipe-meta .difficulty{color:#94a3b8}.recipe-meta .success-rate{display:flex;align-items:center;gap:4px;color:#4ade80}.recipe-arrow{color:#475569;transition:transform .2s ease}.recipe-card:hover:not(.locked) .recipe-arrow{transform:translate(4px);color:#94a3b8}.lock-overlay{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;padding:0 16px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.8) 30%);font-size:12px;color:#f87171;font-weight:500}.active-crafts{display:flex;flex-direction:column;gap:12px}.active-craft-card{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s ease}.active-craft-card.ready{background:#4ade800d;border-color:#4ade8033}.craft-icon-wrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0;box-shadow:0 4px 12px #0003}.craft-info{flex:1;min-width:0}.craft-name{font-size:15px;font-weight:600;margin-bottom:10px;color:#f1f5f9}.craft-progress{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .5s ease}.progress-fill.complete{background:linear-gradient(90deg,#4ade80,#22c55e)}.time-remaining{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fbbf24;min-width:90px;justify-content:flex-end}.time-remaining.ready{color:#4ade80}.craft-stats{display:flex;gap:16px}.craft-stats .stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.craft-actions{display:flex;flex-direction:column;gap:8px}.claim-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;animation:pulse 1.5s infinite;box-shadow:0 4px 12px #4ade804d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.cancel-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.empty-icon-wrap{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:16px;margin-bottom:16px}.empty-icon-wrap.large{width:80px;height:80px;border-radius:20px}.empty-state .text{font-size:15px;color:#64748b;margin-bottom:20px}.empty-state .start-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.empty-state .start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.recipe-modal{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:24px 24px 0 0;padding:24px;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.recipe-icon-large{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:3px solid;border-radius:18px;box-shadow:0 4px 16px #0000004d}.recipe-title h2{font-size:20px;font-weight:700;margin:0 0 10px;color:#f1f5f9}.rarity-badge{display:inline-block;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.recipe-description{color:#94a3b8;font-size:14px;margin-bottom:24px;line-height:1.6}.recipe-stats{display:flex;gap:10px;margin-bottom:24px}.recipe-stats .stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px}.stat-icon-wrap{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px}.stat-icon-wrap.success{background:linear-gradient(135deg,#4ade80,#22c55e)}.stat-icon-wrap.time{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.stat-icon-wrap.quality{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.recipe-stats .label{display:block;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.recipe-stats .value{font-size:16px;font-weight:700;color:#f1f5f9}.materials-section,.cost-section,.result-section{margin-bottom:20px}.materials-section h3,.cost-section h3,.result-section h3{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.materials-list{display:flex;flex-direction:column;gap:8px}.material-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.material-item.missing{background:#ef44440d;border-color:#ef444433}.material-item.enough{background:#4ade800d;border-color:#4ade801a}.material-icon-wrap{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px}.material-name{flex:1;font-size:14px;color:#e2e8f0}.material-count{font-weight:600;font-size:14px;color:#4ade80}.material-count.red{color:#f87171}.optional-badge{font-size:10px;padding:3px 8px;background:#6366f133;border-radius:6px;color:#a5b4fc;font-weight:500}.costs{display:flex;gap:12px}.cost-item{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.cost-item.caviar{background:#f973160d;border-color:#f9731633}.cost-item.pearls{background:#a855f70d;border-color:#a855f733}.cost-item .amount{font-size:16px;font-weight:700;color:#f1f5f9}.result-item{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:10px}.result-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 4px 12px #0003}.result-count{font-size:18px;font-weight:700;color:#fbbf24}.result-name{font-size:15px;font-weight:600;color:#f1f5f9}.critical-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#fbbf24;padding:12px 16px;background:#fbbf2414;border:1px solid rgba(251,191,36,.15);border-radius:10px;margin-bottom:20px}.craft-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #6366f14d}.craft-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.craft-btn:active{transform:translateY(0)}.recipe-modal::-webkit-scrollbar{width:6px}.recipe-modal::-webkit-scrollbar-track{background:transparent}.recipe-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.recipe-modal::-webkit-scrollbar-thumb:hover{background:#fff3}.trade-screen{padding:16px 16px 100px;min-height:100vh;background:linear-gradient(180deg,#0f172a,#020617);color:#fff}.trade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px}.header-title{display:flex;align-items:center;gap:12px}.header-icon-wrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #6366f14d}.trade-header h1{font-size:22px;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reputation-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff08;border:2px solid;border-radius:12px;font-size:13px;font-weight:500}.reputation-badge .text{color:#e2e8f0}.trade-stats{display:flex;gap:10px;margin-bottom:20px}.trade-stats .stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px}.stat-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px}.stat-icon-wrap.trades{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.stat-icon-wrap.rating{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.stat-icon-wrap.fame{background:linear-gradient(135deg,#4ade80,#22c55e)}.stat-content{text-align:center}.trade-stats .value{display:block;font-size:20px;font-weight:700;color:#f1f5f9}.trade-stats .label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.trade-tabs{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.trade-tabs::-webkit-scrollbar{display:none}.trade-tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#64748b;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.trade-tabs .tab:hover{background:#ffffff0f;color:#94a3b8}.trade-tabs .tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 4px 12px #6366f14d}.trade-tabs .tab .badge{padding:2px 6px;background:#fff3;border-radius:8px;font-size:10px;font-weight:600}.trade-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;margin-bottom:12px}.trade-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.partner-info{display:flex;align-items:center;gap:10px}.partner-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px}.partner-avatar.small{width:28px;height:28px;border-radius:8px}.partner-name{font-size:15px;font-weight:600;color:#f1f5f9}.warning-badge{display:flex;align-items:center;gap:4px;font-size:11px;padding:4px 10px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:8px;color:#fbbf24}.trade-status{display:flex;align-items:center;gap:10px}.status-badge{display:flex;align-items:center;gap:4px;font-size:11px;padding:6px 10px;border-radius:8px;background:#ffffff0d;color:#94a3b8}.status-badge.locked{background:#6366f126;color:#a5b4fc}.status-badge.confirmed{background:#4ade8026;color:#4ade80}.expires-in{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.trade-offers{display:flex;align-items:stretch;gap:10px;margin-bottom:16px}.offer{flex:1;padding:14px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:14px}.offer.my-offer{border-color:#ef444433}.offer.their-offer{border-color:#4ade8033}.offer-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:600}.offer-items{min-height:60px}.offer-item{display:flex;align-items:center;gap:10px;padding:8px 0}.item-icon-wrap{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px}.item-name{flex:1;font-size:13px;color:#e2e8f0}.item-count{font-size:12px;color:#64748b}.no-items{color:#475569;font-style:italic;font-size:13px}.offer-value{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:13px;font-weight:600;color:#94a3b8;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.offer-value.receive{color:#4ade80}.trade-arrow{display:flex;align-items:center;justify-content:center;padding:0 8px}.trade-locks{display:flex;gap:10px;margin-bottom:16px}.lock-status{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#64748b}.lock-status.locked{background:#4ade8014;border-color:#4ade8033;color:#4ade80}.trade-actions{display:flex;gap:10px}.lock-btn,.confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.lock-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.lock-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.confirm-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 4px 12px #4ade804d}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066}.cancel-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#64748b;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.auction-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;margin-bottom:12px}.auction-item{display:flex;gap:14px;margin-bottom:16px}.item-icon-large{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.item-info{flex:1}.item-info .item-name{font-size:17px;font-weight:600;margin-bottom:4px;color:#f1f5f9}.item-rarity{font-size:12px;font-weight:600;margin-bottom:6px}.seller{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.my-badge{color:#a5b4fc;font-weight:500}.auction-prices{display:flex;gap:12px;margin-bottom:14px}.current-price,.buyout-price{flex:1;padding:14px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px}.auction-prices .label{display:block;font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.auction-prices .price{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#f1f5f9}.auction-prices .price.buyout{color:#fbbf24}.bidder{display:flex;align-items:center;gap:4px;font-size:11px;color:#4ade80;margin-top:6px}.auction-time{display:flex;justify-content:space-between;margin-bottom:14px}.time-left,.bids-count{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.time-left{color:#fbbf24;font-weight:600}.time-left.ending-soon{color:#ef4444;animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}.auction-actions{display:flex;gap:10px}.bid-input{flex:1;padding:14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px}.bid-input:focus{outline:none;border-color:#6366f180}.bid-input::placeholder{color:#475569}.bid-btn{display:flex;align-items:center;gap:6px;padding:14px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.bid-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.buyout-btn{display:flex;align-items:center;gap:6px;padding:14px 20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:12px;color:#000;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #fbbf244d}.buyout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.history-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:8px}.history-info{display:flex;align-items:center;gap:12px}.history-details .partner-name{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:2px}.trade-date{font-size:12px;color:#64748b}.history-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.history-status.completed{color:#4ade80}.history-status.cancelled{color:#64748b}.history-status.disputed{color:#fbbf24}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon-wrap{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;margin-bottom:20px}.empty-state .text{font-size:16px;font-weight:600;color:#94a3b8;margin-bottom:8px}.empty-state .subtext{font-size:13px;color:#64748b;margin-bottom:24px;max-width:280px;line-height:1.5}.create-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.fab-create{position:fixed;bottom:90px;right:20px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:16px;color:#fff;cursor:pointer;box-shadow:0 4px 20px #6366f166;z-index:100;transition:all .2s ease}.fab-create:hover{transform:scale(1.05);box-shadow:0 6px 28px #6366f180}.fab-create:active{transform:scale(.95)}.feeding-screen{padding:16px 16px 100px;min-height:100vh;background:linear-gradient(180deg,#0a1628,#1a2744)}.feeding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.feeding-header h1{font-size:24px;font-weight:700;color:#fff;margin:0}.feeding-stats{display:flex;gap:8px}.feeding-stats .stat{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.feeding-stats .stat.starving{background:#ef444433;color:#ef4444}.feeding-stats .stat.hungry{background:#fbbf2433;color:#fbbf24}.feeding-stats .stat.total{background:#60a5fa33;color:#60a5fa}.quick-feed-section{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:16px;margin-bottom:20px}.quick-feed-section h2{font-size:16px;font-weight:600;color:#fbbf24;margin:0 0 4px}.quick-feed-section p{font-size:13px;color:#fff9;margin:0 0 12px}.quick-feed-buttons{display:flex;gap:10px}.quick-feed-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:12px;border:none;cursor:pointer;transition:all .2s}.quick-feed-btn.basic{background:linear-gradient(135deg,#3b82f6,#2563eb)}.quick-feed-btn.premium{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-feed-btn:disabled{opacity:.5;cursor:not-allowed}.quick-feed-btn:not(:disabled):active{transform:scale(.96)}.quick-feed-btn .food-icon{font-size:24px}.quick-feed-btn .food-name{font-size:12px;font-weight:600;color:#fff}.quick-feed-btn .food-cost{font-size:11px;color:#ffffffb3}.fish-list-section{margin-bottom:20px}.fish-list-section h2{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px}.fish-grid{display:flex;flex-direction:column;gap:10px}.fish-card{display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;gap:4px 12px;padding:12px;background:#1e293bcc;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.fish-card.selected{border-color:#60a5fa;background:#60a5fa26}.fish-card.starving{border-color:#ef444480}.fish-card.hungry{border-color:#fbbf2480}.fish-card.full{border-color:#22c55e4d}.fish-avatar{grid-row:1 / 3;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:10px}.fish-emoji{font-size:28px}.fish-info{display:flex;align-items:center;gap:8px}.fish-name{font-size:14px;font-weight:600;color:#fff}.fish-level{font-size:11px;color:#ffffff80;background:#ffffff1a;padding:2px 6px;border-radius:6px}.hunger-bar-container{grid-column:2;position:relative;height:18px;background:#0000004d;border-radius:9px;overflow:hidden}.hunger-bar{height:100%;border-radius:9px;transition:width .3s}.hunger-bar.full{background:linear-gradient(90deg,#22c55e,#16a34a)}.hunger-bar.satisfied{background:linear-gradient(90deg,#84cc16,#65a30d)}.hunger-bar.hungry{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.hunger-bar.starving{background:linear-gradient(90deg,#ef4444,#dc2626)}.hunger-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.fish-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.time-until{font-size:11px;color:#ffffff80}.streak{font-size:12px;color:#f97316;font-weight:600}.feeding-panel{position:fixed;bottom:80px;left:0;right:0;background:linear-gradient(180deg,#1e293b,#0f172a);border-top:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;padding:16px;max-height:60vh;overflow-y:auto;z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer}.streak-info{background:linear-gradient(135deg,#f9731633,#ea580c1a);border:1px solid rgba(249,115,22,.3);border-radius:12px;padding:12px;margin-bottom:12px}.streak-days{font-size:14px;font-weight:600;color:#f97316;display:block;margin-bottom:6px}.streak-bonuses{display:flex;flex-wrap:wrap;gap:6px}.streak-bonuses .bonus{font-size:11px;color:#22c55e;background:#22c55e26;padding:3px 8px;border-radius:6px}.food-categories{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.category-btn{flex-shrink:0;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff9;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.category-btn.active{background:#60a5fa33;border-color:#60a5fa;color:#60a5fa}.food-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.food-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.food-item:not(:disabled):hover,.food-item.selected{background:#60a5fa1a;border-color:#60a5fa}.food-item.disabled{opacity:.4;cursor:not-allowed}.food-item .food-icon{font-size:28px}.food-details{flex:1;display:flex;flex-direction:column;gap:2px}.food-details .food-name{font-size:14px;font-weight:600;color:#fff}.food-details .food-effect{font-size:12px;color:#ffffff80}.food-details .food-bonus{font-size:11px;color:#22c55e}.food-cost{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.food-cost .caviar{font-size:12px;color:#fbbf24}.food-cost .pearls{font-size:12px;color:#a78bfa}.feed-button{width:100%;padding:14px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.feed-button:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.feed-button:not(:disabled):active{transform:scale(.98)}@media(max-width:360px){.feeding-header{flex-direction:column;align-items:flex-start;gap:8px}.quick-feed-buttons{flex-direction:column}}.artifact-screen{min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e1b4b,#0f172a);padding:16px 16px 100px}.artifact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.artifact-title{display:flex;align-items:center;gap:10px}.artifact-icon{font-size:28px;animation:gemShine 2s ease-in-out infinite}@keyframes gemShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.artifact-title h2{font-size:24px;font-weight:700;color:#fff;margin:0}.currency-display{display:flex;gap:8px}.currency-item{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#fbbf2433;border:1px solid rgba(251,191,36,.3);border-radius:10px;font-size:13px;font-weight:600;color:#fbbf24}.currency-item.pearls{background:#a855f733;border-color:#a855f74d;color:#c084fc}.artifact-tabs{display:flex;gap:6px;margin-bottom:16px;background:#0003;padding:6px;border-radius:14px}.artifact-tabs .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;background:transparent;border:none;border-radius:10px;color:#ffffff80;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.artifact-tabs .tab span:first-child{font-size:18px}.artifact-tabs .tab.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.artifact-tabs .tab:not(.active):hover{background:#ffffff1a;color:#fffc}.inventory-tab{animation:fadeIn .3s ease}.filters-row{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:fit-content}.filter-group label{font-size:10px;color:#ffffff80}.filter-group select{padding:8px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:12px;cursor:pointer}.filter-group select:focus{outline:none;border-color:#8b5cf6}.inventory-stats{display:flex;gap:16px;margin-bottom:12px;font-size:12px;color:#fff9}.artifact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.artifact-card{position:relative;padding:8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:center}.artifact-card:hover{transform:translateY(-2px);background:#ffffff14}.artifact-card.selected{border-color:#8b5cf6;background:#8b5cf626}.artifact-card.rarity-common{border-color:#9ca3af66}.artifact-card.rarity-uncommon{border-color:#22c55e66}.artifact-card.rarity-rare{border-color:#3b82f666}.artifact-card.rarity-epic{border-color:#a855f766}.artifact-card.rarity-legendary{border-color:#f59e0b66}.artifact-card.rarity-mythic{border-color:#ef444466}.artifact-slot-icon{font-size:24px;margin-bottom:4px}.artifact-level{position:absolute;top:4px;right:4px;font-size:10px;font-weight:700;color:#fbbf24;background:#00000080;padding:2px 4px;border-radius:4px}.artifact-locked{position:absolute;top:4px;left:4px;font-size:10px}.artifact-main-stat{margin-bottom:4px}.artifact-main-stat .stat-name{display:block;font-size:9px;color:#fff9}.artifact-main-stat .stat-value{font-size:12px;font-weight:700;color:#fff}.artifact-set-name{font-size:9px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artifact-detail{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px}.detail-header{display:flex;gap:14px;margin-bottom:14px}.detail-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#0000004d;border:2px solid;border-radius:12px}.detail-info{flex:1}.detail-name{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}.detail-slot{display:block;font-size:12px;color:#fff9;margin-bottom:2px}.detail-rarity{font-size:13px;font-weight:600}.detail-main-stat{display:flex;justify-content:space-between;padding:12px;background:linear-gradient(135deg,#8b5cf633,#6d28d91a);border-radius:10px;margin-bottom:12px;font-size:14px;font-weight:600;color:#fff}.detail-substats{margin-bottom:14px}.substat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:#fffc}.substat:last-child{border-bottom:none}.substat.upgraded{color:#22c55e}.substat-name{display:flex;align-items:center;gap:4px}.substat-name .rolls{font-size:10px;padding:1px 4px;background:#22c55e4d;border-radius:4px;color:#86efac}.detail-set-bonus{padding:12px;background:#0003;border-radius:10px;margin-bottom:14px}.detail-set-bonus h4{font-size:12px;font-weight:600;color:#ffffffb3;margin:0 0 10px}.set-bonus{margin-bottom:8px;font-size:12px;color:#fff9}.set-bonus:last-child{margin-bottom:0}.bonus-count{font-weight:600;color:#fbbf24;margin-right:8px}.detail-actions{display:flex;gap:8px}.upgrade-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover{transform:translateY(-2px)}.upgrade-btn .cost{font-size:12px;opacity:.8}.lock-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:20px;cursor:pointer;transition:all .2s ease}.lock-btn.locked{background:#fbbf2433;border-color:#fbbf2466}.equip-tab{animation:fadeIn .3s ease}.equip-tab h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}.fish-selector-section{margin-bottom:20px}.selected-fish-card{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.selected-fish-card:hover{background:#ffffff14}.selected-fish-card .fish-emoji{font-size:32px}.selected-fish-card .fish-info{flex:1}.selected-fish-card .fish-name{display:block;font-size:14px;font-weight:600;color:#fff}.selected-fish-card .fish-level{font-size:12px;color:#fff9}.selected-fish-card .change-btn{font-size:12px;color:#8b5cf6}.select-fish-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;color:#fff9;font-size:14px;cursor:pointer;transition:all .2s ease}.select-fish-btn:hover{background:#8b5cf61a;border-color:#8b5cf666;color:#fff}.select-fish-btn span:first-child{font-size:24px}.equipment-slots h3{margin-bottom:14px}.slots-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.equipment-slot{padding:12px 8px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease}.equipment-slot:hover{background:#ffffff14;border-color:#8b5cf666}.equipment-slot.equipped{border-style:solid;border-color:#8b5cf680}.slot-icon{font-size:24px;margin-bottom:4px}.slot-name{font-size:10px;color:#fff9;margin-bottom:6px}.equipped-artifact{padding:6px;background:#0000004d;border:1px solid;border-radius:6px}.equipped-artifact .eq-level{display:block;font-size:12px;font-weight:700;color:#fbbf24}.equipped-artifact .eq-set{font-size:9px;color:#fff9}.empty-slot{font-size:10px;color:#fff6}.active-bonuses{padding:14px;background:#ffffff0d;border-radius:12px}.active-bonuses h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 12px}.no-bonuses{font-size:12px;color:#ffffff80;margin:0}.active-bonus{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.active-bonus:last-child{border-bottom:none}.bonus-set-name{flex:1;font-size:13px;color:#fff}.bonus-active{font-size:11px;padding:2px 6px;background:#22c55e33;border-radius:4px;color:#86efac}.domains-tab{animation:fadeIn .3s ease}.domains-tab h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}.unavailable-title{margin-top:20px;color:#ffffff80!important}.domains-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.domains-list.unavailable{opacity:.5}.domain-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;cursor:pointer;transition:all .2s ease}.domain-card:hover{transform:translateY(-2px)}.domain-card.selected{box-shadow:0 0 0 2px #8b5cf6}.domain-card.disabled{cursor:not-allowed;background:#ffffff0d!important}.domain-icon{font-size:32px}.domain-info{flex:1}.domain-name{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.domain-sets,.domain-days{font-size:11px;color:#fff9}.domain-meta{text-align:right}.domain-level{font-size:12px;color:#ffffffb3}.domain-detail{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-top:16px}.domain-detail h4{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.domain-desc{font-size:13px;color:#ffffffb3;margin:0 0 16px}.difficulty-selector{display:flex;gap:8px;margin-bottom:16px}.diff-btn{flex:1;padding:10px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.diff-btn:hover{background:#ffffff1a}.diff-btn.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#8b5cf6}.diff-name{display:block;font-size:12px;font-weight:600;color:#fff}.diff-level{font-size:10px;color:#fff9}.diff-btn.active .diff-level{color:#fffc}.difficulty-info{padding:14px;background:#0003;border-radius:10px;margin-bottom:16px}.diff-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#ffffffb3}.diff-row span:last-child{font-weight:600;color:#fff}.enter-domain-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.enter-domain-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.gacha-tab{animation:fadeIn .3s ease}.gacha-tab h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}.pool-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pool-btn{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.pool-btn:hover{background:#ffffff14}.pool-btn.active{border-color:#fbbf24;background:#fbbf241a}.pool-name{font-size:14px;font-weight:600;color:#fff}.pool-cost{font-size:13px;color:#fbbf24}.pool-info{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:16px}.pool-info h4{font-size:16px;font-weight:700;color:#fff;margin:0 0 6px}.pool-info p{font-size:13px;color:#ffffffb3;margin:0 0 14px}.pool-rates{margin-bottom:14px}.pool-rates h5{font-size:12px;color:#fff9;margin:0 0 8px}.rate-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.rate-row span:last-child{color:#fffc}.pool-sets h5{font-size:12px;color:#fff9;margin:0 0 8px}.sets-list{display:flex;flex-wrap:wrap;gap:6px}.set-tag{font-size:11px;padding:4px 8px;background:#8b5cf633;border-radius:6px;color:#c084fc}.gacha-roll-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:14px;color:#000;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #fbbf2466}.gacha-roll-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #fbbf2480}.gacha-roll-btn:disabled{cursor:not-allowed;opacity:.8}.gacha-roll-btn.rolling{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.rolling-icon{font-size:28px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.roll-cost{font-size:14px;opacity:.8}.modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{width:100%;max-width:400px;max-height:70vh;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:20px;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{font-size:17px;font-weight:600;color:#fff;margin:0}.close-btn{width:30px;height:30px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:18px;cursor:pointer}.fish-list{padding:14px;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.fish-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.fish-item:hover{background:#8b5cf633;border-color:#8b5cf666}.fish-item .fish-emoji{font-size:28px}.fish-item .fish-info{flex:1}.fish-item .fish-name{display:block;font-size:14px;font-weight:600;color:#fff}.fish-item .fish-level{font-size:12px;color:#fff9}.no-fish{padding:40px 20px;text-align:center;color:#ffffff80}.gacha-result-modal{position:relative;width:100%;max-width:300px;padding:30px;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:24px;text-align:center;animation:resultPop .5s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes resultPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.gacha-result-modal .result-glow{position:absolute;inset:-50px;filter:blur(60px);opacity:.4;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.gacha-result-modal .result-icon{font-size:64px;position:relative;z-index:1;margin-bottom:12px;animation:iconBounce .5s ease}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.gacha-result-modal h2{font-size:24px;font-weight:800;margin:0 0 8px;position:relative;z-index:1}.result-set{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px;position:relative;z-index:1}.result-slot{font-size:14px;color:#ffffffb3;margin:0 0 16px;position:relative;z-index:1}.gacha-result-modal .result-main-stat{display:flex;justify-content:space-between;padding:12px 16px;background:#0000004d;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:600;color:#fff;position:relative;z-index:1}.result-close-btn{width:100%;padding:14px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;position:relative;z-index:1;transition:all .2s ease}.result-close-btn:hover{transform:translateY(-2px)}.ocean-map-screen{padding:16px 16px 100px;min-height:100vh;background:linear-gradient(180deg,#0a1628,#1a2744)}.ocean-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ocean-header h1{font-size:24px;font-weight:700;color:#fff;margin:0}.header-left{display:flex;flex-direction:column;gap:4px}.current-location{font-size:12px;color:#fff9}.player-level{font-size:14px;font-weight:600;color:#60a5fa;background:#60a5fa26;padding:4px 10px;border-radius:12px}.view-tabs{display:flex;gap:8px;margin-bottom:16px}.view-tabs .tab{flex:1;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff9;font-size:13px;cursor:pointer;transition:all .2s}.view-tabs .tab.active{background:#60a5fa33;border-color:#60a5fa;color:#60a5fa}.map-view{display:flex;flex-direction:column;gap:16px}.regions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.region-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s;text-align:center}.region-card.current{border-color:#22c55e;box-shadow:0 0 20px #22c55e4d}.region-card.connected{border-color:#60a5fa80}.region-card.locked{opacity:.6;filter:grayscale(.5)}.region-card:active{transform:scale(.96)}.region-icon{font-size:28px}.region-info{display:flex;flex-direction:column;gap:2px}.region-name{font-size:11px;font-weight:600;color:#fff}.region-elements{display:flex;justify-content:center;gap:2px}.element-icon{font-size:12px}.region-meta{display:flex;flex-direction:column;gap:2px}.danger-level{font-size:9px;font-weight:500}.level-req{font-size:9px;color:#ffffff80}.current-marker{position:absolute;top:-8px;right:-8px;font-size:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.connected-marker{position:absolute;top:4px;right:4px;font-size:12px;color:#60a5fa}.map-legend{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.map-legend h3{font-size:13px;font-weight:600;color:#ffffffb3;margin:0 0 8px}.legend-items{display:flex;flex-wrap:wrap;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#fff9}.legend-icon{font-size:14px}.region-view{display:flex;flex-direction:column;gap:16px}.region-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;border-radius:16px;text-align:center}.region-hero-icon{font-size:48px}.region-hero h2{font-size:20px;font-weight:700;color:#fff;margin:0}.region-desc{font-size:13px;color:#fffc;margin:0}.region-details{display:flex;flex-direction:column;gap:16px}.detail-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.detail-section h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item .label{font-size:10px;color:#ffffff80}.detail-item .value{font-size:13px;font-weight:600;color:#fff}.bonuses-list{display:flex;flex-direction:column;gap:8px}.bonus-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#22c55e}.bonus-icon{font-size:16px}.detail-section.hazards{border-color:#ef44444d;background:#ef44440d}.hazards-list{display:flex;flex-direction:column;gap:8px}.hazard-item{display:flex;flex-direction:column;gap:2px;padding:8px;background:#0003;border-radius:8px}.hazard-name{font-size:12px;font-weight:600;color:#ef4444}.hazard-desc{font-size:11px;color:#fff9}.hazard-chance{font-size:10px;color:#fff6}.resources-list{display:flex;flex-wrap:wrap;gap:6px}.resource-tag{font-size:11px;color:#fbbf24;background:#fbbf2426;padding:4px 8px;border-radius:8px}.connected-regions{display:flex;flex-wrap:wrap;gap:8px}.connected-region-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:12px;cursor:pointer}.connected-region-btn:active{background:#ffffff1a}.region-actions{display:flex;flex-direction:column;gap:10px}.action-btn{padding:14px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.travel{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.action-btn.travel:disabled{background:#ffffff1a;color:#fff6}.action-btn.guild{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.action-btn:active:not(:disabled){transform:scale(.98)}.guild-view{display:flex;flex-direction:column;gap:16px}.guild-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;border-radius:16px;text-align:center}.guild-icon{font-size:48px}.guild-header h2{font-size:20px;font-weight:700;color:#fff;margin:0}.guild-header p{font-size:13px;color:#fffc;margin:0}.guild-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.guild-section h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 10px}.guildmaster-card{display:flex;align-items:center;gap:12px;padding:12px;background:#ffd7001a;border-radius:10px}.guildmaster-info{display:flex;flex-direction:column;gap:2px}.guildmaster-info .name{font-size:14px;font-weight:600;color:gold}.guildmaster-info .personality{font-size:11px;color:#fff9}.player-rank{display:flex;align-items:center;gap:12px;padding:12px;background:#0003;border-radius:10px}.rank-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px}.rank-info{flex:1;display:flex;flex-direction:column;gap:4px}.rank-name{font-size:14px;font-weight:600;color:#fff}.rank-progress{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:3px}.rank-exp{font-size:11px;color:#ffffff80}.services-list{display:flex;flex-direction:column;gap:10px}.service-item{padding:12px;background:#0003;border-radius:10px}.service-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.service-icon{font-size:18px}.service-name{font-size:13px;font-weight:600;color:#fff}.service-desc{font-size:11px;color:#fff9;margin:0 0 8px}.service-footer{display:flex;justify-content:space-between;align-items:center}.required-rank{font-size:11px;font-weight:500}.service-cost{font-size:12px;color:#fbbf24}.quest-board{display:flex;flex-direction:column;gap:8px}.no-quests{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:#fff6}.empty-icon{font-size:32px}.quest-slot{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#0003;border-radius:8px}.quest-name{font-size:12px;color:#fff}.quest-slots{font-size:11px;color:#ffffff80}.quest-rank{font-size:14px}.rank-rewards{display:flex;flex-direction:column;gap:10px}.rank-reward-item{display:flex;gap:12px;padding:10px;background:#0003;border-radius:10px}.reward-rank{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:20px}.reward-info{flex:1}.reward-title{font-size:12px;font-weight:600;color:#fff;display:block;margin-bottom:4px}.reward-perks{margin:0;padding-left:16px;font-size:11px;color:#fff9}.reward-perks li{margin-bottom:2px}@media(max-width:360px){.regions-grid{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a1628;--bg-secondary: #1a2744;--bg-card: #243552;--text-primary: #ffffff;--text-secondary: #94a3b8;--accent-blue: #3b82f6;--accent-purple: #a855f7;--accent-gold: #f59e0b;--accent-green: #22c55e;--accent-red: #ef4444;--border-color: #334155}.app{min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#0f172a 100%);color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:80px}.app.loading,.app.error{justify-content:center;align-items:center}.loader{text-align:center}.fish-loader{font-size:48px;animation:swim 1s ease-in-out infinite}@keyframes swim{0%,to{transform:translate(-10px) rotate(-5deg)}50%{transform:translate(10px) rotate(5deg)}}.dev-note{margin-top:16px;color:var(--text-secondary);font-size:12px}.header{padding:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.user-info{display:flex;flex-direction:column;gap:2px}.username{font-weight:600;font-size:16px}.user-level{font-size:12px;color:var(--accent-gold)}.currencies{display:flex;gap:12px}.currency{display:flex;align-items:center;gap:4px;background:var(--bg-card);padding:6px 10px;border-radius:20px;font-size:12px}.currency-icon{font-size:14px}.currency-value{font-weight:600}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 130px)}.tab-content{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-tab{display:flex;flex-direction:column;align-items:center;gap:20px}.fish-container{width:200px;height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease}.fish-container:active{transform:scale(.95)}.fish-info{display:flex;flex-direction:column;align-items:center;gap:4px}.level-badge{background:var(--accent-purple);padding:6px 16px;border-radius:20px;font-weight:600}.clicks-info{color:var(--text-secondary);font-size:14px}.quick-stats{display:flex;gap:16px;margin-top:20px}.stat-card{background:var(--bg-card);padding:16px 24px;border-radius:12px;text-align:center;border:1px solid var(--border-color)}.stat-number{display:block;font-size:24px;font-weight:700;color:var(--accent-blue)}.stat-name{font-size:12px;color:var(--text-secondary)}.collection-tab h2{margin-bottom:16px}.loading-fish,.empty-collection{text-align:center;padding:40px 20px;color:var(--text-secondary)}.fish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fish-card{background:var(--bg-card);border-radius:12px;padding:12px;border:2px solid;transition:transform .2s}.fish-card:active{transform:scale(.98)}.fish-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fish-element{font-size:18px}.fish-level{font-size:11px;background:var(--bg-secondary);padding:2px 8px;border-radius:10px}.fish-card-image{height:80px;display:flex;align-items:center;justify-content:center}.fish-card-info{display:flex;flex-direction:column;gap:2px;margin:8px 0}.fish-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish-rarity{font-size:11px;text-transform:uppercase;font-weight:600}.fish-card-stats{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.gacha-tab h2{margin-bottom:8px}.pity-info{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.last-pull{background:var(--bg-card);padding:12px 16px;border-radius:12px;border:2px solid;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;animation:glow 1s ease-out}@keyframes glow{0%{box-shadow:0 0 20px #a855f780}to{box-shadow:none}}.banner-list{display:flex;flex-direction:column;gap:12px}.banner-card{background:var(--bg-card);border-radius:16px;padding:16px;border:1px solid var(--border-color)}.banner-card h3{margin-bottom:4px}.banner-card p{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.banner-rates{display:flex;gap:16px;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.pull-btn{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.pull-btn:active{transform:scale(.98)}.pull-btn:disabled{opacity:.5;cursor:not-allowed}.battle-tab h2{margin-bottom:16px}.battle-modes{display:flex;flex-direction:column;gap:12px}.battle-mode-card{background:var(--bg-card);border-radius:16px;padding:20px;border:1px solid var(--border-color)}.battle-mode-card h3{margin-bottom:4px}.battle-mode-card p{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.battle-btn{padding:12px 24px;border:none;border-radius:10px;background:var(--accent-blue);color:#fff;font-weight:600;cursor:pointer}.battle-btn:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.coming-soon{text-align:center;padding:60px 20px}.coming-icon{font-size:64px;display:block;margin-bottom:16px}.coming-soon p{color:var(--text-secondary);margin-top:8px}.nav-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s}.nav-btn.active{color:var(--accent-blue)}.nav-icon{font-size:22px}.nav-label{font-size:10px;font-weight:500}.ocean-tab h2{margin-bottom:4px}.section-desc{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.zones-grid{display:flex;flex-direction:column;gap:12px}.zone-card{background:var(--bg-card);border-radius:16px;padding:16px;border:1px solid var(--border-color);transition:all .2s ease}.zone-card:not(.locked):hover{border-color:var(--accent-blue);box-shadow:0 0 15px #3b82f633}.zone-card.locked{opacity:.6}.zone-icon{font-size:32px;margin-bottom:8px}.zone-card h3{margin-bottom:4px}.zone-card p{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.zone-rewards{display:flex;gap:16px;margin-bottom:12px;font-size:13px;color:var(--text-secondary)}.zone-btn{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent-blue),#1d4ed8);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.zone-btn:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.zone-btn:not(:disabled):active{transform:scale(.98)}.arena-tab h2{margin-bottom:4px}.arena-modes{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.arena-mode-card{background:var(--bg-card);border-radius:16px;padding:16px;border:1px solid var(--border-color)}.arena-mode-card h3{margin-bottom:4px}.arena-mode-card p{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.arena-reward{margin-bottom:12px;font-size:13px;color:var(--accent-gold)}.arena-btn{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.arena-btn:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.leaderboard-preview{background:var(--bg-card);border-radius:16px;padding:16px;border:1px solid var(--border-color)}.leaderboard-preview h3{margin-bottom:12px}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0d;border-radius:10px}.leaderboard-item .rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-gold);color:#1a1a2e;border-radius:12px;font-size:12px;font-weight:700}.leaderboard-item:nth-child(2) .rank{background:silver}.leaderboard-item:nth-child(3) .rank{background:#cd7f32}.leaderboard-item .name{flex:1;font-weight:500}.leaderboard-item .score{color:var(--accent-blue);font-weight:600}.home-screen-v2{display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 140px);padding-bottom:100px}.home-screen-v2 .aquarium-section{margin:-16px -16px 0;height:180px;border-radius:0 0 24px 24px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.resources-panel{display:flex;gap:8px;padding:12px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color)}.resource-item{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0003;border-radius:12px}.resource-icon-wrap{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.resource-icon-wrap.caviar{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.resource-icon-wrap.pearl{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.resource-icon-wrap.energy{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff}.resource-info{display:flex;flex-direction:column;min-width:0}.resource-value{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.2}.resource-max{font-size:11px;font-weight:500;color:var(--text-secondary)}.resource-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.stats-cards{display:flex;gap:10px}.stat-card{flex:1;padding:14px 12px;background:var(--bg-card);border-radius:14px;border:1px solid var(--border-color);text-align:center}.stat-number{font-size:24px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-name{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.main-menu{margin-top:4px}.menu-grid{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .2s ease;touch-action:manipulation;text-align:left}.menu-item:active{transform:scale(.98);opacity:.9}.menu-item:hover{border-color:var(--item-color, var(--border-color));box-shadow:0 4px 16px #00000026}.menu-item-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--item-gradient, var(--bg-secondary));border-radius:12px;flex-shrink:0}.menu-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.menu-item-title{font-size:15px;font-weight:600;color:var(--text-primary)}.menu-item-desc{font-size:12px;color:var(--text-secondary)}.collection-fab{position:fixed;bottom:90px;right:16px;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border:none;border-radius:16px;box-shadow:0 4px 20px #6366f166;cursor:pointer;z-index:100;transition:transform .2s ease,box-shadow .2s ease}.collection-fab:active{transform:scale(.92)}.collection-fab:hover{box-shadow:0 6px 28px #6366f180}.fab-count{font-size:11px;font-weight:700;color:#fff}.tips-section h3{font-size:14px;margin-bottom:10px;color:var(--accent-gold)}.tips-section ul{list-style:none;display:flex;flex-direction:column;gap:6px}.tips-section li{font-size:12px;color:var(--text-secondary);padding-left:16px;position:relative}.tips-section li:before{content:"•";position:absolute;left:0;color:var(--accent-blue)}.app-header-v2{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:8px}.app-logo{font-size:24px}.app-name{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;gap:12px}.header-currency{display:flex;align-items:center;gap:4px;background:var(--bg-card);padding:6px 10px;border-radius:20px;font-size:13px;font-weight:600}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.loader-container{text-align:center}.loader-fish{font-size:64px;animation:swim 1.2s ease-in-out infinite}.loader-waves{display:flex;justify-content:center;gap:8px;margin-top:16px}.loader-waves span{width:8px;height:8px;background:var(--accent-blue);border-radius:50%;animation:wave .8s ease-in-out infinite}.loader-waves span:nth-child(2){animation-delay:.1s}.loader-waves span:nth-child(3){animation-delay:.2s}@keyframes wave{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-8px);opacity:.5}}.loader-text{margin-top:16px;color:var(--text-secondary);font-size:14px}.error-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.error-container{text-align:center;padding:20px}.error-icon{font-size:64px;display:block;margin-bottom:16px}.battle-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.battle-placeholder button{padding:12px 32px;background:var(--accent-red);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}@media(min-width:400px){.fish-grid{grid-template-columns:repeat(3,1fr)}.home-screen-v2 .aquarium-section{height:280px}}@media(min-width:600px){.fish-grid{grid-template-columns:repeat(4,1fr)}.home-screen-v2 .aquarium-section{height:320px}}:root{--bg-primary: #0a1628;--bg-secondary: #1a1a2e;--accent: #4fc3f7;--accent-glow: rgba(79, 195, 247, .3);--text-primary: #ffffff;--text-secondary: #a0a0a0;--gold: #ffd700}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary)}#root{width:100%;height:100%;display:flex;flex-direction:column}