/* Fish Arena: animated menu surfaces; gameplay and economy stay separate. */
.feature-widgets{position:absolute;left:26px;top:176px;width:220px;display:flex;flex-direction:column;gap:14px;z-index:3}
.feature-widget{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:160px;padding:10px 12px 8px;border:3px solid #8aeaff;border-radius:25px;background:linear-gradient(145deg,#66d9f0d9,#1682cbd9 65%,#0867afd9);box-shadow:inset 0 2px #e1ffffaa,0 5px #064a86,0 0 22px #26bdff66;animation:widget-float 4.8s ease-in-out infinite}
.feature-widget:nth-child(2){animation-delay:-1.6s}.feature-widget:nth-child(3){animation-delay:-3.2s}
.widget-title{position:relative;z-index:2;font-size:29px;line-height:1.1;font-weight:1000;color:#074d9b;-webkit-text-stroke:1px #92f3ff;paint-order:stroke fill;text-shadow:0 2px #61d8f1,0 0 9px #004dbb;animation:letter-sway 3.5s ease-in-out infinite}
.widget-picture{position:relative;display:block;width:100%;height:112px;pointer-events:none}.widget-picture img,.widget-picture canvas{display:block;width:100%;height:100%;object-fit:contain}
.tank-picture>img,.fishing-picture>.widget-rod{display:none}.tank-picture canvas{max-width:170px;margin:auto}
.shop-widget{min-height:163px;background:linear-gradient(145deg,#419de5e8,#0e67b4e8)}.shop-widget .widget-title{color:#fff;-webkit-text-stroke:0;text-shadow:0 2px #124477,0 0 11px #a7eaff}.shop-picture{height:92px}.shop-picture img{animation:letter-sway 4s ease-in-out infinite}
.widget-sale-label{position:absolute;z-index:3;top:-10px;right:9px;padding:4px 10px;border:2px solid #ffd0d8;border-radius:9px;color:white;background:#e93861;font-size:12px;transform:rotate(5deg);box-shadow:0 3px #8c2042}
.fish-arena-logo{position:relative;isolation:isolate;animation:logo-float 5s ease-in-out infinite}.fish-arena-logo .logo-fin,.fish-arena-logo .logo-frenzy{position:relative;z-index:1}
.fish-arena-logo .logo-shark{position:absolute;z-index:2;left:-37%;top:24%;width:88%;height:67%;pointer-events:none;animation:logo-shark-swim 9s ease-in-out infinite;filter:drop-shadow(0 3px 2px #063c6670)}
.logo-shark canvas{width:100%;height:100%;object-fit:contain}
.lobby-center{width:calc(100% - 520px);max-width:680px;padding-top:40px;padding-bottom:90px}
.play-button{box-shadow:0 5px #9b5a19,inset 0 0 0 3px #146423,inset 0 5px 0 2px #e4ffc578,0 0 25px #99ff6380;animation:play-glow 3.5s ease-in-out infinite}.play-button>span{display:inline-block;animation:letter-sway 3s ease-in-out infinite}
.lobby-tools{gap:14px}.lobby-offers .sale-banner{animation:sale-sway 4.5s ease-in-out infinite}.lobby-offers .sale-banner:nth-child(3){animation-delay:-2.25s}.sale-banner .discount-stamp{animation:sale-stamp 2.5s ease-in-out infinite;background:#ee3353;color:#fff;border:2px solid #ffd0d7;z-index:4}
.sale-banner canvas{animation:letter-sway 3.7s ease-in-out infinite}.sale-banner .offer-label{color:#fff;font-weight:1000;letter-spacing:.04em}
.price-currency{display:inline-block!important;width:28px!important;height:28px!important;object-fit:contain;vertical-align:middle;flex:none;filter:drop-shadow(0 1px 1px #053b6b77)}.price-currency[src*="banknote"]{width:42px!important}.price-currency[src*="feed-bag"]{height:31px!important}
.skin-card .buy,.skin-card.selected .buy,#previewBuy,.resource-pack .buy,.appearance-tile .buy,#purchasePrice,#premiumPrice,.price-tag,.resource-quantity{display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:linear-gradient(#299edb,#106cbd);border:2px solid #86d9ff;border-radius:11px;text-shadow:0 2px #07538f;box-shadow:inset 0 2px #b0eaff50,0 3px #075189}
.skin-card .buy,#previewBuy,.resource-pack .buy,.appearance-tile .buy{min-height:43px;padding:7px 10px}
.skin-card .buy:disabled,#previewBuy:disabled,.resource-pack .buy:disabled{background:linear-gradient(#2784b8,#155b91);color:#fff;border-color:#75b8dd;opacity:.72;cursor:not-allowed}
#purchasePrice,#premiumPrice,.price-tag{width:fit-content;margin:10px auto;padding:7px 16px;font-size:23px}.resource-quantity{padding:7px 10px;font-size:19px!important}.resource-pack>img.pack-art{width:92px;height:92px;object-fit:contain;margin:0 auto;display:block}
#appearanceModal .buy,#appearanceModal .tab,#appearanceModal .tab.active,#resourceShop .tab,#resourceShop .tab.active{background:linear-gradient(#299edb,#106cbd);color:white;border-color:#a1e7ff;text-shadow:0 2px #07538f}#appearanceModal .tab.active,#resourceShop .tab.active{outline:2px solid #d9faff;outline-offset:2px}
#goldFeedClock{display:block;min-height:36px;margin-top:10px;color:#e2f7ff;font-size:13px;line-height:1.4}
.appearance-option .buy,.resource-tabs button,.resource-tabs button.active{display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(#299edb,#106cbd);color:#fff;border:2px solid #a1e7ff;border-radius:11px;text-shadow:0 2px #07538f;box-shadow:0 3px #075189}
.resource-tabs button.active{outline:2px solid #d9faff;outline-offset:2px}
@keyframes widget-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes letter-sway{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes logo-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(-1deg)}}
@keyframes logo-shark-swim{0%,100%{transform:translateX(0) rotate(-6deg)}48%{transform:translateX(75%) rotate(5deg)}}
@keyframes play-glow{50%{box-shadow:0 5px #9b5a19,inset 0 0 0 3px #146423,inset 0 5px 0 2px #e4ffc578,0 0 38px #aaff92aa}}
@keyframes sale-sway{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-3px) rotate(.6deg)}}
@keyframes sale-stamp{0%,100%{transform:rotate(7deg) scale(1)}50%{transform:rotate(-3deg) scale(1.08)}}
.menu-motion-off .menu-shell *,.menu-motion-off .menu-shell *::before,.menu-motion-off .menu-shell *::after{animation:none!important}
.menu-inactive .menu-shell *,.menu-inactive .menu-shell *::before,.menu-inactive .menu-shell *::after{animation-play-state:paused!important}
@media(min-width:1500px){.feature-widgets{width:255px;gap:18px}.feature-widget{min-height:190px}.widget-picture{height:135px}.shop-picture{height:111px}.tank-picture canvas{max-width:190px}}
@media(min-width:761px) and (max-height:800px){.feature-widgets{top:171px;width:190px;gap:12px}.feature-widget{min-height:131px;padding:8px}.widget-title{font-size:25px}.widget-picture{height:90px}.tank-picture canvas{max-width:130px}.shop-picture{height:72px}.shop-widget{min-height:135px}}
@media(min-width:761px) and (max-height:640px){.feature-widgets{top:168px;width:160px;gap:10px}.feature-widget{min-height:95px}.widget-title{font-size:21px}.widget-picture{height:59px}.tank-picture canvas{max-width:86px}.shop-picture{height:47px}.shop-widget{min-height:103px}.lobby-center{padding-top:25px}.fish-arena-logo{font-size:60px}}
@media(min-width:761px) and (max-width:1100px){.feature-widgets{left:16px;width:170px}.lobby-center{width:calc(100% - 390px)}.widget-title{font-size:24px}.fish-arena-logo{font-size:70px}.play-button{font-size:32px;gap:14px}}
@media(max-width:760px){.menu-shell{padding-bottom:105px;display:flex;flex-direction:column}.lobby-center{order:1;min-height:auto;width:92%;padding:185px 0 24px}.fish-arena-logo{font-size:78px}.feature-widgets{position:relative;order:2;left:auto;top:auto;align-self:flex-start;width:min(270px,84vw);margin:8px 0 25px 8vw;gap:17px}.feature-widget{min-height:166px}.widget-picture{height:115px}.shop-picture{height:96px}.lobby-offers{order:3;width:84vw;margin:0 auto 20px}.lobby-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;left:8vw;right:8vw;bottom:18px}.lobby-tools .icon-btn{width:100%}.prototype-label{display:none}.resource-quantity{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){.menu-shell *,.menu-shell *::before,.menu-shell *::after{animation:none!important}}