:root{--primary-font: "KVN97", monospace;--primary-color: #fff;--accent-color: #f77f00;--light-gray: #e9ecef;--main-border-color: #222;--success-color: #75c683;--error-color: #e76f51;--mute-btn-color: #79a6d9;--font-size-small: 14px;--font-size-medium: 16px;--font-size-large: 20px;--font-size-xl: 24px;--font-size-xxl: 28px}@font-face{font-family:KVN97;src:url(/fonts/kvn-97.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-family:var(--primary-font);margin:0;color:var(--primary-color);background:url(/images/background.png) center/cover;image-rendering:pixelated;display:flex;flex-direction:column;height:100vh}body.night{background-image:url(/images/background_night.png)}#top-bar{flex-shrink:0;z-index:100;display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;box-sizing:border-box}#wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding-top:20px;padding-bottom:20px;box-sizing:border-box;flex-grow:1;overflow-y:auto}#game-container{position:relative;overflow:hidden;width:80%;max-width:350px;padding:20px;border-radius:20px;text-align:center;border:5px solid var(--light-gray);background:url(/images/cover.png) no-repeat center/cover;image-rendering:pixelated}body.night #game-container{background-image:url(/images/cover_night.png)}#pet-background{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:no-repeat center/cover;image-rendering:pixelated}h1,#currency-display,#pet-display,#pet-stats,#actions,#main-info,#bottom-buttons{position:relative;z-index:1}h1{font-size:var(--font-size-xl);margin-top:0;text-shadow:0 0 8px #000000}#info-button{position:relative;width:40px;height:40px;border-radius:50%;border:3px solid var(--primary-color);background-color:var(--accent-color);color:var(--primary-color);font-size:var(--font-size-xl);font-weight:700;cursor:pointer;z-index:1001;box-shadow:0 4px 6px #0003;transition:all .2s;text-align:center;line-height:34px;padding:0}#info-button:hover{transform:scale(1.1)}#mute-button{width:40px;height:40px;border-radius:50%;border:3px solid var(--primary-color);background-color:var(--mute-btn-color);cursor:pointer;padding:0;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 6px #0003;transition:all .2s}#mute-button:hover{transform:scale(1.1)}#mute-icon-fa{font-size:var(--font-size-medium);color:var(--primary-color);transition:transform .2s ease}#currency-display{display:flex;align-items:center;font-size:var(--font-size-large);color:var(--primary-color);text-shadow:2px 2px 0 #000}.coin-icon{width:24px;height:24px;margin-left:5px}#pet-display{width:150px;height:150px;margin:20px auto;border:2px dashed #ccc;display:flex;justify-content:center;align-items:center;background-color:#fafafa}#pet-image{width:150px;height:150px}#pet-image:hover{transform:scale(1.03);cursor:pointer}.pet-accessory{position:absolute;top:0;width:65%;height:35%;pointer-events:none}#pet-stats .stat{margin-bottom:10px}#pet-stats .stat p{font-size:var(--font-size-small);text-shadow:0 0 12px hsl(0,0%,0%);margin-bottom:10px}#main-info p{font-weight:700;text-shadow:0 0 8px #000000}.stat-bar-container{width:100%;background-color:#e0e0e0;border-radius:25px;border:1px solid #ccc}.stat-bar{height:20px;border-radius:25px;width:50%;transition:width .5s ease-in-out;box-shadow:inset 2px 2px #0003}#energy-bar{background-color:#9b59b6}#hunger-bar{background-color:#4caf50}#happiness-bar{background-color:#ffeb3b}#cleanliness-bar{background-color:#2196f3}#actions button{background-color:var(--primary-color);border:2px solid #555;border-radius:10px;padding:10px;cursor:pointer;transition:all .1s ease-in-out;box-shadow:0 4px #888;line-height:1}#actions button img{width:40px;height:40px;display:block}#actions button:hover{background-color:#fdfdfd;transform:translateY(-3px);box-shadow:0 6px #888}.button-active{transform:translateY(2px)!important;box-shadow:none!important}#cure-button{font-size:var(--font-size-xxl);color:red;display:none}#age-display{font-weight:700}#status-text{height:20px;font-size:var(--font-size-small);color:red}#open-shop-button{font-family:var(--primary-font);font-size:var(--font-size-medium);padding:10px;margin-top:10px;cursor:pointer;border-radius:8px;border:3px solid var(--main-border-color);background-color:#f7b65c;box-shadow:0 4px #c78835}#shop-modal,#inventory-modal,#explore-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}#shop-modal.hidden,#inventory-modal.hidden,#explore-modal.hidden{display:none}#shop-content,#inventory-content,#explore-content{background-color:#fdfdfd;padding:20px;border-radius:15px;border:5px solid var(--main-border-color);width:90%;max-width:400px;text-align:left;color:#333}#shop-content h2,#inventory-content h2,#explore-content h2{text-align:center;margin-top:0}.shop-tabs{display:flex;border-bottom:2px solid #ccc;margin-bottom:15px}.tab-button{flex-grow:1;padding:10px;border:none;background-color:#eee;cursor:pointer;font-size:var(--font-size-medium);font-family:var(--primary-font)}.tab-button.active{background-color:var(--primary-color);border-top:3px solid var(--success-color)}.tab-content{display:none}.tab-content.active{display:block}.item-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.item-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;gap:10px;border-bottom:2px solid #eee}.item-buy-section{display:flex;align-items:center;gap:10px}.item-price{display:flex;align-items:center;font-weight:700}.item-list .coin-icon{width:18px;height:18px;margin-left:4px}.item-list button{font-family:var(--primary-font);font-size:var(--font-size-small);padding:5px 10px;background-color:var(--success-color);border:2px solid var(--main-border-color);border-radius:5px;cursor:pointer}#close-shop-button,#close-inventory-button,#close-explore-button{font-family:var(--primary-font);font-size:var(--font-size-medium);padding:10px 20px;margin-top:20px;display:block;width:100%;cursor:pointer;border-radius:8px;border:3px solid var(--main-border-color);background-color:var(--error-color)}#bottom-buttons{display:flex;justify-content:center;gap:5px;position:relative;z-index:1;flex-wrap:wrap}#open-inventory-button{font-family:var(--primary-font);font-size:var(--font-size-medium);padding:10px;margin-top:10px;cursor:pointer;border-radius:8px;border:3px solid var(--main-border-color);background-color:#5bb6d1;box-shadow:0 4px #3a8a9e}.equip-button{background-color:#f7d87b!important}.small-icon{width:14px;height:14px;vertical-align:middle;margin-top:-2px}#explore-button{font-family:var(--primary-font);font-size:var(--font-size-medium);padding:10px;margin-top:10px;cursor:pointer;border-radius:8px;border:3px solid var(--main-border-color);background-color:#b98c6c;box-shadow:0 4px #8a6345}.exploring-button{display:flex;justify-content:center;align-items:center;line-height:1;padding-bottom:10px!important}.exploring-button span{display:inline-block;animation:domino 1.4s infinite}.exploring-button span:nth-child(1){animation-delay:0s}.exploring-button span:nth-child(2){animation-delay:.15s}.exploring-button span:nth-child(3){animation-delay:.3s}@keyframes domino{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}#share-profile-button{font-family:var(--primary-font);font-size:var(--font-size-medium);padding:10px;margin-top:10px;cursor:pointer;border-radius:8px;border:3px solid var(--main-border-color);background-color:#83d487;box-shadow:0 4px #5a945e}button:disabled{pointer-events:none;opacity:.5;filter:grayscale(1)}button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;color:#000}#preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#2196f3;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease-out,visibility .5s ease-out}#preloader.preloader-hidden{opacity:0;visibility:hidden}.spinner{width:50px;height:50px;border:10px solid #a5d6a7;border-top:10px solid #FFEB3B;border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.27,1.55) infinite;margin-bottom:20px;box-shadow:0 0 15px #ffeb3bb3}.loading-text{font-family:var(--primary-font);font-size:16px;color:#fff;text-shadow:2px 2px 0px #000000;letter-spacing:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:url(/images/background.png) no-repeat center/cover;image-rendering:pixelated;z-index:9998;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}#splash-screen.hidden{display:none}.game-logo{max-width:80%;width:300px;filter:drop-shadow(4px 4px 0px rgba(0,0,0,.5))}#start-game-button{font-family:var(--primary-font);font-size:24px;padding:15px 40px;cursor:pointer;border-radius:8px;border:3px solid var(--main-border-color);background-color:#f7d87b;box-shadow:0 5px #b59839;color:#000;text-shadow:1px 1px 0px #fff;transition:all .1s}#start-game-button:hover{transform:translateY(-2px);box-shadow:0 7px #b59839}#start-game-button:active{transform:translateY(3px);box-shadow:0 2px #b59839}.version-text{position:absolute;bottom:10px;font-family:var(--primary-font);font-size:12px;color:#fff;text-shadow:1px 1px 0 #000}#game-wrapper.hidden{display:none}.swal2-confirm{font-family:var(--primary-font)}