.modal-overlay{backdrop-filter:blur(5px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{animation:.3s ease-out fadeIn;display:flex}.settings-modal{background:#fffffff2;border-radius:15px;width:90%;max-width:500px;animation:.3s ease-out modalAppear;box-shadow:0 10px 30px #0003}.modal-header{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-title{color:#2c3e50;margin:0;font-size:24px}.close-button{cursor:pointer;color:#2c3e50;background:0 0;border:none;padding:5px;font-size:24px;transition:all .3s}.close-button:hover{transform:rotate(90deg)}.tabs{border-bottom:1px solid #0000001a;padding:0 20px;display:flex}.tab-button{cursor:pointer;color:#2c3e50;background:0 0;border:none;border-bottom:2px solid #0000;padding:15px 20px;font-size:16px;transition:all .3s}.tab-button:hover{color:#4ecdc4}.tab-button.active{color:#4ecdc4;border-bottom:2px solid #4ecdc4}.tab-content{padding:20px;display:none}.tab-content.active{animation:.3s ease-in fadeIn;display:block}.setting-row{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.volume-slider{-webkit-appearance:none;background:#ddd;border-radius:5px;outline:none;width:200px;height:5px;transition:all .3s}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4ecdc4;border-radius:50%;width:15px;height:15px;transition:all .3s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.stats-value{color:#4ecdc4;font-weight:700}.settings-footer{justify-content:center;margin-top:20px;display:flex}.reset-sound-btn{cursor:pointer;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.reset-sound-btn:hover{background-color:#e0e0e0}.reset-sound-btn:active{transform:translateY(1px)}.shop-placeholder{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;display:flex}.placeholder-icon{opacity:.5;margin-bottom:15px;font-size:48px}.shop-placeholder h3{color:#2c3e50;margin:0 0 10px;font-size:18px}.shop-placeholder p{opacity:.8;margin:0;font-size:14px;line-height:1.4}@media (width<=768px){.tabs{flex-wrap:wrap;justify-content:center}.tab-button{flex:1;min-width:80px;padding:12px 15px;font-size:14px}.shop-placeholder{min-height:150px;padding:30px 15px}.placeholder-icon{margin-bottom:12px;font-size:36px}.shop-placeholder h3{font-size:16px}.shop-placeholder p{font-size:13px}}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=index.cf82a46b.css.map */