@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700;800&display=swap";body{margin:0;background-color:#fff8e7;font-family:Quicksand,PingFang SC,system-ui,sans-serif;color:#2c3e50;display:flex;justify-content:center;align-items:center;min-height:100vh}.game-container{width:100%;max-width:480px;background:#fff;border:4px solid #2C3E50;border-radius:24px;box-shadow:0 12px #2c3e5026,0 8px 30px #00000014;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;overflow:hidden}.game-header{display:flex;justify-content:space-between;align-items:center}.pet-identity{display:flex;align-items:center;gap:8px}.pet-identity h1{font-size:22px;font-weight:800;margin:0;cursor:pointer;color:#2c3e50}.name-edit{display:flex;gap:4px}.name-edit input{border:2px solid #2C3E50;border-radius:8px;padding:4px 8px;font-size:16px;width:110px}.name-edit button{background:#4ecdc4;border:2px solid #2C3E50;border-radius:8px;padding:4px 8px;cursor:pointer;font-weight:700}.level-badge{background:#ffd93d;border:2px solid #2C3E50;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:800}.coins-display{background:#ffd93d;border:3px solid #2C3E50;border-radius:999px;padding:4px 14px;display:flex;align-items:center;gap:6px;font-weight:800;font-size:18px;box-shadow:0 4px #2c3e50}.coin-icon{color:#ff8a65}.exp-bar-container{display:flex;flex-direction:column;gap:4px}.exp-label{font-size:13px;font-weight:700;color:#7f8c8d}.exp-track{height:12px;background:#ecf0f1;border:2px solid #2C3E50;border-radius:999px;overflow:hidden}.exp-fill{height:100%;background:#9b5de5;transition:width .4s cubic-bezier(.175,.885,.32,1.275)}.main-stage{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:center}.stats-panel{display:flex;flex-direction:column;gap:10px}.stat-row{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}.stat-bar{height:14px;background:#ecf0f1;border:2px solid #2C3E50;border-radius:999px;overflow:hidden}.stat-fill{height:100%;transition:width .5s ease}.stat-fill.hunger{background:#ff8a65}.stat-fill.happiness{background:#ff6b9d}.stat-fill.energy{background:#4ecdc4}.stat-num{font-size:11px;font-weight:700;align-self:flex-end}.pet-display-card{position:relative;background:#fff8e7;border:3px solid #2C3E50;border-radius:20px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px}.monster-svg{width:110px;height:110px}.zzz-bubble{position:absolute;top:5px;right:5px;background:#fff;border:2px solid #2C3E50;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:800;animation:bounce 1.5s infinite alternate}.action-quick-buttons button{background:#fff;border:2px solid #2C3E50;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px #2c3e50;transition:all .1s}.action-quick-buttons button:active{transform:translateY(2px);box-shadow:none}.tab-navigation{display:flex;gap:6px;border-bottom:2px solid #2C3E50;padding-bottom:4px}.tab-navigation button{flex:1;background:#f4f6f7;border:2px solid #2C3E50;border-bottom:none;border-radius:12px 12px 0 0;padding:8px 4px;font-size:13px;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.tab-navigation button.active{background:#ffd93d;transform:translateY(-2px);padding-bottom:10px}.interaction-panel{min-height:180px}.shop-grid{display:flex;flex-direction:column;gap:8px}.shop-card{background:#fff;border:2px solid #2C3E50;border-radius:16px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px #2c3e501a}.shop-card-header{display:flex;justify-content:space-between;align-items:center}.shop-card-header h3{margin:0;font-size:16px;font-weight:800}.price{font-weight:800;color:#ff8a65}.shop-desc{font-size:12px;color:#7f8c8d;margin:0}.shop-stats{display:flex;gap:12px;font-size:12px;font-weight:700;color:#27ae60}.btn-buy{background:#ff8a65;color:#fff;border:2px solid #2C3E50;border-radius:8px;padding:6px;font-weight:800;cursor:pointer;box-shadow:0 3px #2c3e50;margin-top:4px}.btn-buy:active{transform:translateY(2px);box-shadow:none}.play-panel{text-align:center;display:flex;flex-direction:column;gap:10px}.play-panel h3{margin:0;font-weight:800}.play-intro{font-size:13px;color:#7f8c8d}.rps-buttons{display:flex;justify-content:center;gap:10px}.rps-buttons button{background:#fff;border:3px solid #2C3E50;border-radius:16px;padding:12px 20px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 5px #2c3e50;transition:all .1s}.rps-buttons button:hover{transform:translateY(-2px);box-shadow:0 7px #2c3e50}.rps-buttons button:active{transform:translateY(4px);box-shadow:0 1px #2c3e50}.adventure-list{display:flex;flex-direction:column;gap:8px}.adventure-card{background:#fff;border:2px solid #2C3E50;border-radius:16px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.adv-header{display:flex;justify-content:space-between;align-items:center}.adv-header h3{margin:0;font-size:16px;font-weight:800}.danger-badge{background:#f1c40f;border:1px solid #2C3E50;border-radius:4px;font-size:11px;padding:1px 6px;font-weight:800}.adv-desc{font-size:12px;color:#7f8c8d;margin:0}.adv-rewards{display:flex;gap:10px;font-size:11px;font-weight:700;color:#2980b9}.btn-adventure{background:#4ecdc4;border:2px solid #2C3E50;border-radius:8px;padding:6px;font-weight:800;cursor:pointer;box-shadow:0 3px #2c3e50}.btn-adventure:active{transform:translateY(2px);box-shadow:none}.adventure-progress-card{text-align:center;padding:20px;background:#fff8e7;border:2px dashed #2C3E50;border-radius:16px}.progress-timer{font-size:18px;margin:10px 0}.loading-dots span{font-size:30px;animation:blink 1.4s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.badge-card{border:2px solid #2C3E50;border-radius:16px;padding:10px;display:flex;align-items:center;gap:8px;position:relative}.badge-card.unlocked{background:#fff}.badge-card.locked{background:#bdc3c7;opacity:.6}.badge-icon{font-size:24px}.badge-info h4{margin:0;font-size:13px;font-weight:800}.badge-info p{margin:0;font-size:10px;color:#7f8c8d}.unlocked-check{position:absolute;top:4px;right:4px;color:#27ae60}.game-logs{background:#f8f9f9;border:2px solid #2C3E50;border-radius:16px;padding:10px}.game-logs h3{margin:0 0 6px;font-size:14px;font-weight:800}.logs-container{max-height:80px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.log-item{font-size:12px;line-height:1.4;border-bottom:1px dashed #ECF0F1;padding-bottom:2px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}
