:root{--bg-color: #FFF8E7;--text-main: #2C3E50;--primary-yellow: #FFD93D;--primary-orange: #FF8A65;--primary-blue: #4ECDC4;--primary-pink: #FF6B9D;--primary-purple: #9B59B6;--shadow-color: rgba(0,0,0,.15);--font-main: "Quicksand", "PingFang SC", system-ui, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;padding:0;background-color:var(--bg-color);font-family:var(--font-main);color:var(--text-main);overflow:hidden}.app-container{width:100vw;height:100vh;max-width:500px;margin:0 auto;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 20px #0000001a;transition:background 2s ease-in-out}.theme-day{background:linear-gradient(180deg,#87ceeb,#e0f6ff 60%,#a8e6cf)}.theme-evening{background:linear-gradient(180deg,#ff9a9e,#fecfef 60%,#f6d365)}.theme-night{background:linear-gradient(180deg,#2c3e50,#3498db 60%,#1abc9c)}.screen{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;position:absolute;top:0;left:0;z-index:10}.main-ui{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;z-index:5}.cloud-indicator{position:absolute;top:10px;left:10px;z-index:100;display:flex;align-items:center;gap:6px;background:#fffc;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#555;box-shadow:0 2px 10px #0000000d}.start-screen{justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at center,#fff8e7,#ffe4b5)}.game-title{font-size:42px;font-weight:900;color:var(--primary-orange);text-shadow:3px 3px 0px #FFF,6px 6px 0px rgba(0,0,0,.1);line-height:1.2;margin-bottom:30px;transform:rotate(-2deg)}.hero-group{display:flex;justify-content:center;gap:-20px;margin-bottom:40px;height:160px}.hero-img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2))}.hero-emoji{font-size:100px;display:inline-block}.high-score-display{display:flex;align-items:center;gap:8px;background:#fff;padding:10px 20px;border-radius:999px;font-weight:700;font-size:14px;margin-bottom:30px;box-shadow:0 4px 0 var(--shadow-color)}.select-screen{background:var(--bg-color);padding-top:50px}.encyclopedia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title{font-size:24px;color:var(--primary-purple);display:flex;align-items:center;gap:8px;margin:0}.bird-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;overflow-y:auto;padding-bottom:20px}.bird-card{background:#fff;border-radius:20px;padding:15px;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 6px #0000001a;border:3px solid transparent}.bird-card.locked{filter:grayscale(.8);opacity:.8;background:#f1f2f6}.rarity-tag{position:absolute;top:-10px;left:-10px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;box-shadow:0 2px 5px #0003;transform:rotate(-10deg)}.rarity-N{background:#95a5a6}.rarity-R{background:#3498db}.rarity-SR{background:#9b59b6}.rarity-SSR{background:linear-gradient(45deg,#f1c40f,#e67e22);animation:pulse 2s infinite}.bird-card-img{width:70px;height:70px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.grid-img{width:100%;height:100%;object-fit:contain}.bird-card-img .fallback-emoji{font-size:50px}.bird-card-name{font-weight:700;font-size:16px;color:var(--text-main);margin-bottom:10px}.select-btn{background:var(--primary-blue);color:#fff;border:none;padding:6px 12px;border-radius:12px;font-weight:700;cursor:pointer;width:100%;box-shadow:0 3px #38a39a}.unlock-btn{background:var(--primary-yellow);color:var(--text-main);border:none;padding:6px 12px;border-radius:12px;font-weight:700;cursor:pointer;width:100%;display:flex;justify-content:center;align-items:center;gap:4px;box-shadow:0 3px #d4b020}.unlock-btn.disabled{background:#e0e0e0;color:#9e9e9e;box-shadow:0 3px #bdbdbd;cursor:not-allowed}.btn-primary{background:var(--primary-yellow);border:none;padding:15px 30px;border-radius:999px;font-size:20px;font-weight:900;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px #d4b020,0 10px 20px #00000026;transition:background .2s}.btn-primary:active{box-shadow:0 0 #d4b020;transform:translateY(6px)!important}.huge-btn{font-size:22px;padding:18px 40px}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:50px 20px 10px}.hud-left-group{display:flex;flex-direction:column;gap:8px}.hud-badge{padding:6px 14px;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 4px #0000001a;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);width:fit-content}.bg-yellow{background:var(--primary-yellow);color:var(--text-main);text-shadow:none}.bg-purple{background:var(--primary-purple)}.bg-blue{background:var(--primary-blue)}.switch-btn{cursor:pointer;border:none;font-family:inherit}.switch-btn:active{transform:translateY(2px);box-shadow:0 2px #0000001a}.time-badge{background:#ffffffe6;padding:8px 16px;border-radius:20px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:flex-end;font-weight:900}.day-text{font-size:12px;color:#888;margin-bottom:2px}.hour-text{font-size:18px;display:flex;align-items:center;gap:6px}.stats-panel{background:#ffffffd9;margin:0 20px;padding:15px;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px #0000000d;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.stat-bar-container{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;color:#555}.progress-track{width:100%;height:10px;background:#e0e0e0;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;border-radius:10px}.bg-orange{background:linear-gradient(90deg,#ffa726,#ff7043)}.bg-red{background:linear-gradient(90deg,#ef5350,#e53935)}.bg-green{background:linear-gradient(90deg,#66bb6a,#43a047)}.bg-blue{background:linear-gradient(90deg,#4fc3f7,#29b6f6)}.growth-bar-container{grid-column:span 3;display:flex;align-items:center;gap:10px;margin-top:5px}.growth-label{font-size:12px;font-weight:700;color:#888;white-space:nowrap}.mini-track{height:6px}.character-stage{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;padding-bottom:40px}.stage-ground{position:absolute;bottom:20px;width:220px;height:40px;background:#00000026;border-radius:50%;z-index:1;filter:blur(4px);transition:background 2s}.theme-night .stage-ground{background:#0006}.character-wrapper{z-index:2;position:relative;cursor:pointer}.bird-scaler{transform-origin:bottom center}.char-img{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 15px 10px rgba(0,0,0,.2))}.char-emoji{font-size:120px;display:inline-block;filter:drop-shadow(0 10px 10px rgba(0,0,0,.2))}.status-bubble{position:absolute;top:-20px;right:-20px;background:#fff;padding:5px;border-radius:50%;font-size:20px;box-shadow:0 4px 8px #0000001a;animation:pop .3s cubic-bezier(.175,.885,.32,1.275)}.sleep-bubble{top:-40px;right:0;font-size:24px;animation:float-anim 2s infinite;background:transparent;box-shadow:none}.fact-bubble{background:#fff;padding:10px 15px;border-radius:20px;font-size:13px;font-weight:700;color:#555;box-shadow:0 10px 20px #0000001a;max-width:80%;text-align:center;margin-bottom:20px;z-index:3;display:flex;align-items:center;gap:8px;border:2px solid var(--primary-yellow)}.bottom-nav{background:#fff;padding:15px 10px 25px;border-radius:30px 30px 0 0;display:flex;justify-content:space-around;box-shadow:0 -10px 20px #0000000d;z-index:10}.nav-btn{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:6px;color:#7f8c8d;font-weight:700;font-size:11px;cursor:pointer;transition:color .2s;padding:5px}.nav-btn:hover{color:var(--primary-orange)}.highlight-btn{color:var(--primary-orange);transform:translateY(-12px);background:#fff0e6;padding:12px 15px;border-radius:20px;box-shadow:0 6px #ffd1b3}.highlight-btn:active{box-shadow:0 0 #ffd1b3;transform:translateY(-6px)}.overlay-panel{position:absolute;bottom:0;left:0;width:100%;height:75%;background:#fff;border-radius:30px 30px 0 0;padding:20px;box-shadow:0 -10px 30px #00000026;z-index:20;display:flex;flex-direction:column}.back-btn{background:#f1f2f6;border:none;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:6px;font-weight:700;color:#555;cursor:pointer;align-self:flex-start;margin-bottom:10px}.panel-title{font-size:24px;margin:0 0 5px;color:var(--text-main)}.panel-desc{color:#7f8c8d;font-size:13px;margin-bottom:20px}.outing-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.outing-card{display:flex;align-items:center;background:#f8f9fa;padding:15px;border-radius:20px;border:2px solid #E9ECEF;cursor:pointer;box-shadow:0 4px #e9ecef;transition:transform .1s}.outing-card.disabled{opacity:.6;filter:grayscale(.8);cursor:not-allowed;box-shadow:none;transform:translateY(4px)}.outing-icon{width:50px;height:50px;border-radius:16px;display:flex;justify-content:center;align-items:center;color:#fff;margin-right:15px;box-shadow:0 4px 10px #0000001a}.outing-info{flex:1}.outing-name{font-weight:700;font-size:18px;margin-bottom:4px}.outing-effect{font-size:12px;color:#27ae60;font-weight:700}.outing-cost{font-weight:700;display:flex;align-items:center;gap:4px;color:#e67e22}.free-tag{background:#2ecc71;color:#fff;padding:4px 8px;border-radius:10px;font-size:12px}.work-progress-container{margin-bottom:30px}.big-track{height:24px;border-radius:12px}.work-btn{width:100%;margin-top:auto;margin-bottom:20px;background:var(--primary-blue);box-shadow:0 6px #38a39a;color:#fff}.item-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-bottom:20px}.item-row{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:12px 15px;border-radius:16px;border:2px solid #E9ECEF}.item-info{display:flex;align-items:center;gap:12px}.item-icon-box{width:40px;height:40px;background:#fff;border-radius:12px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px #0000000d;color:var(--primary-orange)}.item-name{font-weight:700;font-size:16px}.item-effect{font-size:12px;color:#27ae60;font-weight:700}.buy-btn{background:var(--primary-yellow);border:none;padding:8px 16px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer;box-shadow:0 4px #d4b020}.buy-btn.disabled{background:#e0e0e0;box-shadow:0 4px #bdbdbd;color:#9e9e9e;cursor:not-allowed}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;overflow-y:auto}.inv-card{background:#f8f9fa;border:2px solid #E9ECEF;border-radius:16px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;box-shadow:0 4px #e9ecef}.inv-card.empty{opacity:.5;filter:grayscale(1);cursor:not-allowed;box-shadow:none;transform:translateY(4px)}.inv-icon{font-size:32px;margin-bottom:8px;color:var(--primary-purple)}.inv-name{font-size:14px;font-weight:700;text-align:center}.inv-count{position:absolute;top:-5px;right:-5px;background:var(--primary-pink);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;border:2px solid white}.use-label{font-size:10px;color:var(--primary-blue);margin-top:5px;font-weight:700}.gameover-screen{justify-content:center;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gameover-card{background:#fff;padding:40px 30px;border-radius:30px;text-align:center;width:90%;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;align-items:center;gap:20px}.gameover-card h2{margin:0;color:#e74c3c;font-size:26px}.final-stats{background:#f1f2f6;padding:15px;border-radius:16px;width:100%;display:flex;flex-direction:column;gap:10px;font-size:18px}.new-record{color:#27ae60;font-weight:700;background:#e8f8f5;padding:8px 16px;border-radius:20px;font-size:14px;animation:pulse 1.5s infinite}@keyframes float-anim{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.float-anim{animation:float-anim 3s ease-in-out infinite}.delay-1{animation-delay:1.5s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}