.shop{overflow-y:auto;height:calc(100vh - 100px);width:100%}.category-section{margin-bottom:30px}.items-container{display:flex;overflow-x:auto;padding-bottom:10px}.shop-item{flex:0 0 auto;width:120px;margin-right:20px;text-align:center;border:1px solid #ccc;border-radius:5px;padding:10px;cursor:pointer}.shop-item img{width:60px;height:60px;object-fit:contain}.shop-item.disabled{cursor:not-allowed;opacity:.5;filter:grayscale(100%)}.shop-item:not(.disabled):hover{background-color:#f0f0f0}.shop-item button{margin-top:10px}.shop-item button:disabled{opacity:.5;cursor:not-allowed}.shop-item .currency-icon{width:20px;height:20px;vertical-align:middle;margin-left:5px}.fish-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.fish-preview-content{background-color:#fff;padding:20px;border-radius:10px;position:relative;max-width:80%}.preview-slider{display:flex;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.preview-item{display:flex;justify-content:center;align-items:center;width:100px;height:100px;flex:0 0 auto;scroll-snap-align:start;margin:10px;border:1px solid #ccc;border-radius:5px;background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a;cursor:pointer}.preview-item img{max-width:100%;max-height:100%;object-fit:contain}.fish-info-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.fish-info{background-color:#fff;padding:20px;border-radius:10px;text-align:center}.fish-info button{margin-top:10px;padding:5px 10px;cursor:pointer}:root{--tank-width: 90vw;--tank-height: 80vh;--fish-size: 5vmin;--food-size: 3vmin;--scute-size: 4vmin}.fish-tank{width:320px;height:500px;max-width:none;max-height:none;background-color:#add8e64d;border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden;cursor:pointer;border-radius:10px;background:linear-gradient(to bottom,#87CEEB,#4682B4);touch-action:none;-webkit-tap-highlight-color:transparent}@keyframes fishAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.fish{cursor:pointer;position:absolute;transition:left .05s linear,top .05s linear}.fish.chasing{filter:brightness(1.2);animation-duration:1.5s}.food{width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.food.rotating{animation:rotate 2s infinite linear}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hp-bar{position:absolute;top:5px;left:0;height:3px;background-color:green;transition:width .3s,background-color .3s}.scute{position:absolute;cursor:pointer;transition:transform .2s;width:20px;height:20px;z-index:10}.scute:hover{transform:scale(1.2)}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.scute-floating{animation:floating 3s ease-in-out infinite}@media (max-width: 768px){:root{--tank-width: 95vw;--tank-height: 70vh;--fish-size: 6vmin;--food-size: 4vmin;--scute-size: 5vmin}}@media (max-width: 480px){:root{--tank-width: 100vw;--tank-height: 60vh;--fish-size: 8vmin;--food-size: 5vmin;--scute-size: 6vmin}}.water-surface{position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);animation:wave 5s infinite linear}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-100%)}}.bubble{position:absolute;background-color:#fff3;border-radius:50%;animation:rise 8s infinite ease-in}@keyframes rise{0%{bottom:-5px;transform:translate(0)}to{bottom:100%;transform:translate(20px)}}.decoration-controls{position:absolute;display:flex;justify-content:space-between;align-items:center}.decoration-controls button{width:30px;height:30px;border-radius:50%;border:none;background-color:#fff;color:#000;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:100}.Aquarium{position:relative;width:100%;height:100%}.fish-statistic-display{position:absolute;top:20px;left:20px;z-index:1;display:flex;align-items:center;gap:8px}.fish-statistic-number{font-size:20px;font-weight:700}.fish-tank-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;z-index:0}.control-buttons{position:absolute;bottom:20px;right:20px;z-index:1;display:flex;align-items:center;gap:8px}.fish-list-icon,.music-toggle-icon{background-size:contain;background-repeat:no-repeat;cursor:pointer}.collection{padding:20px;overflow-y:auto;height:calc(100vh - 100px);width:100%}.rarity-group{margin-bottom:30px;width:100%}.rarity-group h2{margin-bottom:10px}.fish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}.fish-item{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.fish-item img{width:60px;height:60px;object-fit:contain}.fish-item .uncollected{filter:grayscale(100%) brightness(0%)}.fish-item p{margin-top:5px;font-size:12px}@media (max-width: 768px){.fish-grid{grid-template-columns:repeat(2,1fr)}}.App{display:flex;flex-direction:column;height:100vh;width:100vw}.App-header{background-color:#f0f0f0;padding:10px;display:flex;justify-content:space-between;align-items:center}.currency-display{display:flex;justify-content:flex-start;align-items:center}.currency-block{width:60px;height:30px;margin-right:10px;background-color:#fff;border-radius:25px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;box-shadow:0 2px 5px #0000001a}.currency-text{font-size:10px;font-weight:700;color:#333}.currency-icon{width:12px;height:12px}.currency-value{font-size:10px;font-weight:700;color:#4a90e2}.settings-button{width:36px;height:36px;background-color:#fff;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 5px #0000001a}.settings-icon{font-size:18px;color:#333}.App-main{flex-grow:1;overflow-y:auto;display:flex;justify-content:center;align-items:center}.App-footer{display:flex;flex-direction:column;align-items:center;background-color:#f0f0f0;padding:10px;touch-action:none;-webkit-tap-highlight-color:transparent}.App-footer nav{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}.App-footer button{flex:0 0 20%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background-color:transparent;border:none;color:#6e6e6e;font-size:12px;cursor:pointer;outline:none}.App-footer button.active{background-color:#fff3;color:#4a90e2}.App-footer button .footer-icon{width:24px;height:24px;filter:saturate(.2)}.App-footer button.active .footer-icon{filter:saturate(1)}.shop{margin:16px}.new-fish-collected-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffffe6;border-radius:10px;padding:10px;box-shadow:0 0 10px #0000004d;z-index:9999;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.new-fish-collected-popup.visible{opacity:1}.popup-content{width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff4b;border-radius:10px;box-shadow:0 0 10px #0000004d}.fish-image{width:30px;height:30px;object-fit:contain}.popup-content p{margin:5px 0;font-size:8px;text-align:center}