@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Quicksand,PingFang SC,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}body{background-color:#fff8e7;color:#2c3e50;overflow-x:hidden}.game-container{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;background-color:#fffdf9;box-shadow:0 8px 30px #00000014;position:relative;overflow:hidden}.game-header{background-color:#ffd93d;padding:16px;border-bottom:4px solid #2C3E50;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;z-index:10}.player-profile{display:flex;align-items:center;gap:8px}.avatar-wrapper{width:44px;height:44px;border-radius:50%;background-color:#fff;border:3px solid #2C3E50;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #00000026}.avatar-icon{color:#ff8a65;width:24px;height:24px}.player-info{display:flex;flex-direction:column}.player-name{font-weight:800;font-size:14px;color:#2c3e50}.level-badge{background-color:#ff8a65;color:#fff;font-size:11px;font-weight:800;padding:2px 6px;border-radius:999px;border:1.5px solid #2C3E50;width:fit-content;margin-top:2px}.xp-bar-container{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px}.xp-label{font-size:11px;font-weight:800;color:#2c3e50}.xp-track{height:12px;background-color:#fff;border:2.5px solid #2C3E50;border-radius:999px;overflow:hidden}.xp-fill{height:100%;background-color:#4ecdc4;border-radius:999px;transition:width .3s ease}.resource-bar{grid-column:1 / -1;display:flex;justify-content:space-between;gap:8px;margin-top:4px}.resource-item{flex:1;background-color:#fff;border:3px solid #2C3E50;border-radius:16px;padding:6px 10px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px #0000001a}.resource-item .emoji{font-size:18px}.resource-item .val{font-weight:800;font-size:15px}.game-main{flex:1;overflow-y:auto;padding:16px 16px 90px;background-color:#fffdf9}.tab-content{display:flex;flex-direction:column;gap:16px}.park-scene{position:relative}.scene-bg{position:relative;height:160px;background:linear-gradient(to bottom,#aee8f5,#d4f6ff);border:4px solid #2C3E50;border-radius:24px;overflow:hidden;box-shadow:inset 0 -10px #8ad5a6}.volcano{position:absolute;bottom:10px;right:20px;font-size:64px}.sun{position:absolute;top:15px;left:20px;font-size:32px;animation:spin 20s linear infinite}.cloud{position:absolute;font-size:24px;opacity:.8}.cloud-1{top:30px;right:50px;animation:floatLeft 15s linear infinite}.cloud-2{top:60px;left:80px;animation:floatLeft 25s linear infinite}.park-intro{background-color:#fff8e7;border:3px solid #2C3E50;border-radius:16px;padding:12px}.park-intro h3{font-weight:800;margin-bottom:4px}.park-intro p{font-size:13px;color:#5d6d7e;line-height:1.4}.dino-roaming-area{display:grid;grid-template-columns:1fr 1fr;gap:14px}.roaming-dino-card{border-radius:20px;padding:14px;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 6px #0000001a;cursor:grab}.roaming-dino-card:active{cursor:grabbing}.dino-emoji-large{font-size:56px;margin-bottom:8px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.1))}.dino-mini-info{display:flex;gap:4px;margin-bottom:6px}.dino-name-tag{color:#fff;font-weight:800;font-size:12px;padding:2px 8px;border-radius:999px;border:2px solid #2C3E50}.dino-lvl-tag{background-color:#fff;border:2px solid #2C3E50;font-weight:800;font-size:11px;padding:2px 6px;border-radius:999px}.dino-production{font-size:12px;font-weight:800;color:#2c3e50;margin-bottom:10px}.dino-card-actions{display:flex;gap:6px;width:100%}.btn-action{flex:1;border:2px solid #2C3E50;border-radius:12px;padding:6px 0;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 3px #0000001a;transition:all .1s}.btn-action:active{transform:translateY(2px);box-shadow:none}.btn-action.feed{background-color:#ff8a65;color:#fff}.btn-action.feed:disabled{background-color:#bdc3c7;cursor:not-allowed}.btn-action.info{background-color:#fff;color:#2c3e50}.empty-park{grid-column:1 / -1;text-align:center;padding:40px 20px;background-color:#f8f9f9;border:3px dashed #BDC3C7;border-radius:20px;font-weight:800;color:#7f8c8d}.dig-header,.lab-header,.pedia-header,.quests-header{text-align:center}.dig-header h2,.lab-header h2,.pedia-header h2,.quests-header h2{font-weight:800;font-size:22px;margin-bottom:4px}.dig-header p,.lab-header p,.pedia-header p,.quests-header p{font-size:13px;color:#7f8c8d}.shovel-upgrade-card{background-color:#fff8e7;border:3px solid #2C3E50;border-radius:20px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 6px #0000000d}.shovel-icon{font-size:32px}.shovel-details{flex:1}.shovel-details h4{font-weight:800;font-size:15px}.shovel-details p{font-size:12px;color:#7f8c8d}.btn-upgrade{background-color:#4ecdc4;color:#fff;border:2.5px solid #2C3E50;padding:8px 12px;border-radius:12px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 4px #00000026}.btn-upgrade:disabled{background-color:#bdc3c7;cursor:not-allowed}.dig-rock-area{display:flex;flex-direction:column;align-items:center;gap:16px;margin:10px 0}.rock-button{width:180px;height:180px;border-radius:50%;background-color:#e5e7e9;border:6px solid #2C3E50;position:relative;cursor:pointer;outline:none;box-shadow:0 10px #00000026;display:flex;align-items:center;justify-content:center}.rock-button:active{transform:translateY(6px);box-shadow:0 4px #00000026}.rock-emoji{font-size:80px}.crack-effect{position:absolute;font-size:40px;opacity:0;pointer-events:none}.rock-button:active .crack-effect{opacity:1;animation:popOut .2s ease-out}.pickaxe-tool{position:absolute;right:-10px;top:-10px;width:44px;height:44px;color:#ff8a65;transform:rotate(-30deg);pointer-events:none}.rock-button:active .pickaxe-tool{animation:swing .15s ease-in-out}.floating-text{position:absolute;font-weight:800;font-size:18px;color:#ff8a65;text-shadow:-2px -2px 0 #FFF,2px -2px 0 #FFF,-2px 2px 0 #FFF,2px 2px 0 #FFF;pointer-events:none;z-index:100}.progress-bar-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.progress-text{font-size:13px;font-weight:800}.progress-track{width:100%;height:16px;background-color:#fff;border:3px solid #2C3E50;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background-color:#ff8a65;transition:width .1s ease}.dino-market{background-color:#ebf5fb;border:3px solid #2C3E50;border-radius:20px;padding:12px 16px}.market-item{display:flex;align-items:center;gap:12px}.market-emoji{font-size:32px}.market-details{flex:1}.market-details h4{font-weight:800;font-size:15px}.market-details p{font-size:12px;color:#7f8c8d}.btn-buy{background-color:#ffd93d;color:#2c3e50;border:2.5px solid #2C3E50;padding:8px 12px;border-radius:12px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 4px #00000026}.btn-buy:disabled{background-color:#bdc3c7;cursor:not-allowed}.hatch-grid{display:grid;grid-template-columns:1fr;gap:16px}.hatch-card{background-color:#fff;border:3px solid #2C3E50;border-radius:20px;padding:16px;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px #0000000d;position:relative}.hatch-card.unlocked{background-color:#f4f6f6;opacity:.85}.hatch-emoji{font-size:56px;margin-bottom:8px}.hatch-name{font-weight:800;font-size:18px;margin-bottom:4px}.hatch-type-tag{color:#fff;font-weight:800;font-size:11px;padding:2px 8px;border-radius:999px;border:1.5px solid #2C3E50;margin-bottom:12px}.hatch-requirements{width:100%;display:flex;flex-direction:column;gap:8px}.req-row{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.text-green{color:#27ae60}.text-red{color:#e74c3c}.btn-hatch{background-color:#ff6b9d;color:#fff;border:3px solid #2C3E50;border-radius:14px;padding:10px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px #00000026;margin-top:6px}.btn-hatch:disabled{background-color:#bdc3c7;cursor:not-allowed;box-shadow:none}.hatch-status.success{color:#27ae60;font-weight:800;font-size:14px;margin-top:10px}.pedia-grid{display:flex;flex-direction:column;gap:12px}.pedia-card{background-color:#fff;border:3px solid #2C3E50;border-radius:18px;padding:12px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;box-shadow:0 4px #0000000d;transition:transform .1s}.pedia-card.active:active{transform:scale(.98)}.pedia-card.locked{background-color:#eaeded;border-color:#bdc3c7;cursor:not-allowed}.pedia-card-emoji{font-size:36px}.pedia-card-info{flex:1}.pedia-card-info h3{font-weight:800;font-size:16px}.pedia-card-info p{font-size:12px;color:#7f8c8d}.chevron-icon{color:#bdc3c7}.quests-list{display:flex;flex-direction:column;gap:12px}.quest-card{background-color:#fff;border:3px solid #2C3E50;border-radius:18px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px #0000000d;position:relative}.quest-card.completed{background-color:#e8f8f5;border-color:#27ae60}.quest-status-icon{font-size:24px}.quest-main-info{flex:1;display:flex;flex-direction:column;gap:4px}.quest-desc{font-weight:800;font-size:14px}.quest-progress-bar{height:8px;background-color:#eaeded;border-radius:999px;overflow:hidden}.quest-progress-fill{height:100%;background-color:#4ecdc4}.quest-progress-text{font-size:11px;color:#7f8c8d;font-weight:800}.quest-rewards{display:flex;flex-direction:column;gap:4px}.reward-badge{background-color:#fff8e7;border:1.5px solid #2C3E50;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:800;white-space:nowrap}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#2c3e50b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-content{background-color:#fff;border:4px solid #2C3E50;border-radius:24px;padding:24px;width:100%;max-width:400px;box-shadow:0 12px #00000026;position:relative}.modal-title{font-weight:800;font-size:20px;margin-bottom:8px}.modal-desc{font-size:14px;color:#7f8c8d;line-height:1.5;margin-bottom:16px}.offline-reward{font-size:24px;font-weight:800;color:#ff8a65;margin-bottom:20px}.btn{border:3px solid #2C3E50;border-radius:16px;padding:12px 24px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 4px #00000026;transition:all .1s}.btn:active{transform:translateY(3px);box-shadow:none}.btn-primary{background-color:#ffd93d;color:#2c3e50}.dino-details-modal{padding:0;overflow:hidden}.close-button{position:absolute;top:12px;right:12px;background:#fff;border:2.5px solid #2C3E50;width:32px;height:32px;border-radius:50%;font-weight:800;cursor:pointer;z-index:10}.modal-dino-header{padding:24px;display:flex;flex-direction:column;align-items:center;border-bottom:4px solid #2C3E50}.modal-dino-emoji{font-size:64px;margin-bottom:8px}.modal-dino-tag{color:#fff;font-weight:800;font-size:12px;padding:2px 10px;border-radius:999px;border:2px solid #2C3E50;margin-top:6px}.modal-dino-body{padding:20px;max-height:350px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-box{background-color:#f8f9f9;border:2px solid #2C3E50;border-radius:12px;padding:8px 10px}.info-box strong{font-size:12px;color:#7f8c8d;display:block;margin-bottom:2px}.info-box p{font-size:13px;font-weight:800}.fact-section,.extinction-section{background-color:#fff8e7;border:2px solid #2C3E50;border-radius:14px;padding:10px 12px}.fact-section h4,.extinction-section h4{font-weight:800;font-size:13px;color:#ff8a65;margin-bottom:4px}.fact-section p,.extinction-section p{font-size:12px;line-height:1.4}.modal-actions{display:flex;justify-content:center}.btn-audio{width:100%;background-color:#4ecdc4;color:#fff;border:3px solid #2C3E50;border-radius:16px;padding:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px #00000026}.btn-audio:disabled{background-color:#bdc3c7;cursor:not-allowed}.levelup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffd93df2;display:flex;align-items:center;justify-content:center;z-index:200}.levelup-box{text-align:center}.levelup-stars{font-size:40px;margin-bottom:10px;animation:bounce 1s infinite alternate}.levelup-title{font-size:48px;font-weight:900;color:#2c3e50;text-shadow:4px 4px 0 #FFFFFF;margin-bottom:8px}.levelup-subtitle{font-size:20px;font-weight:800;color:#ff8a65;margin-bottom:16px}.levelup-bonus{font-size:14px;font-weight:800}.game-footer{position:absolute;bottom:0;left:0;right:0;height:76px;background-color:#fff;border-top:4px solid #2C3E50;display:flex;justify-content:space-around;align-items:center;padding:0 8px;z-index:10}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:#7f8c8d;transition:all .15s;padding:6px 12px;border-radius:16px}.nav-item.active{color:#2c3e50;background-color:#ffd93d;border:2px solid #2C3E50;box-shadow:0 3px #00000026;transform:translateY(-4px)}.nav-icon{width:24px;height:24px}.nav-item span{font-size:11px;font-weight:800}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatLeft{0%{transform:translate(100%)}to{transform:translate(-150%)}}@keyframes popOut{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes swing{0%{transform:rotate(-30deg)}50%{transform:rotate(-60deg)}to{transform:rotate(-30deg)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}