:root{--bg: #FFF8F0;--bg-card: #FFFFFF;--primary: #FF8C6B;--primary-dark: #E5735A;--secondary: #FFB5C2;--accent: #7EC8A0;--accent-dark: #5FAF85;--text: #5D4037;--text-light: #8D6E63;--text-muted: #A1887F;--border: #E8D5C4;--shadow: rgba(93, 64, 55, .1);--wall: #8D6E63;--wall-dark: #6D4C41;--floor: #FFF3E0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}.game-root{min-height:100vh;display:flex;flex-direction:column}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;animation:fadeIn .3s ease}.btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s ease;font-family:inherit}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;font-size:1rem}.btn-secondary{background:var(--accent);color:#fff;padding:12px 24px;font-size:1rem}.btn-large{padding:16px 40px;font-size:1.2rem;border-radius:16px}.btn-small{padding:8px 16px;font-size:.85rem}.btn-ghost{background:transparent;color:var(--text-muted);padding:8px 16px;font-size:.8rem;border:1px solid var(--border)}.btn-back{background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:8px 16px;font-size:.85rem}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-selected{background:var(--accent);color:#fff}.title-screen{justify-content:center;background:linear-gradient(135deg,#fff3e0,#ffe0cc,#ffd4b8);text-align:center;position:relative;overflow:hidden}.title-content{position:relative;z-index:1}.title-hamster{font-size:5rem;margin-bottom:1rem}.game-title{font-size:3rem;color:var(--primary);letter-spacing:-.02em;margin:0;text-shadow:2px 2px 0 rgba(255,255,255,.5)}.game-subtitle{font-size:1.8rem;color:var(--accent-dark);font-weight:700;margin-bottom:.5rem}.title-tagline{color:var(--text-light);font-size:1rem;margin-bottom:2rem;max-width:320px;margin-left:auto;margin-right:auto}.title-decoration{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:center;gap:3rem;font-size:2rem}.home-screen{background:linear-gradient(180deg,#FFF3E0 0%,var(--bg) 30%);gap:1.5rem}.home-header{display:flex;align-items:center;gap:1.5rem;background:var(--bg-card);padding:1.5rem;border-radius:20px;box-shadow:0 2px 12px var(--shadow);width:100%;max-width:500px;margin-top:2rem}.hamster-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;box-shadow:0 2px 8px var(--shadow)}.home-stats{display:flex;gap:1.5rem;flex:1;justify-content:space-around}.stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-icon{font-size:1.2rem}.stat-value{font-size:1.4rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.home-menu{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:500px}.menu-btn{background:var(--bg-card);border:2px solid var(--border);border-radius:20px;padding:1.5rem;cursor:pointer;text-align:left;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem}.menu-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px var(--shadow)}.play-btn:hover{border-color:var(--primary)}.wheel-btn:hover{border-color:var(--secondary)}.hamsters-btn:hover{border-color:var(--accent)}.missions-btn:hover{border-color:#ba68c8}.menu-icon{font-size:2rem}.menu-label{font-size:1.1rem;font-weight:700;color:var(--text)}.menu-desc{font-size:.8rem;color:var(--text-muted)}.play-screen{background:var(--bg);gap:1rem}.play-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px}.level-name{font-size:1.2rem;color:var(--primary)}.treat-counter{font-size:1rem;font-weight:600;background:var(--bg-card);padding:6px 14px;border-radius:20px;border:1px solid var(--border)}.game-grid-wrapper{display:flex;justify-content:center;align-items:center;flex:1;width:100%}.game-grid{display:grid;gap:1px;background:var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px var(--shadow)}.cell{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .15s ease}.cell-wall{background:linear-gradient(135deg,var(--wall),var(--wall-dark));box-shadow:inset 0 1px 2px #0003}.cell-floor{background:var(--floor)}.cell-treat{background:var(--floor);animation:treatPulse 1.5s ease-in-out infinite}.cell-carrot{background:#fff3e0;animation:treatPulse 1.5s ease-in-out infinite .3s}.cell-exit{background:#e8f5e9;opacity:.5}.cell-exit-active{background:#c8e6c9;animation:exitGlow 1s ease-in-out infinite alternate}.cell-player{animation:playerBounce .3s ease;z-index:1}.hint-text{text-align:center;color:var(--text-muted);font-size:.9rem;padding:.5rem}.hint-exit{color:var(--accent-dark);font-weight:600}.mobile-controls{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:.5rem}.control-row{display:flex;gap:4px}.control-btn{width:52px;height:52px;border-radius:12px;border:2px solid var(--border);background:var(--bg-card);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:var(--text)}.control-btn:hover{background:#fff3e0;border-color:var(--primary)}.control-btn:active{transform:scale(.95);background:#ffe0cc}.control-center{font-size:1.4rem;cursor:default;background:#ffe0cc;border-color:var(--primary)}.control-center:hover{background:#ffe0cc}.level-complete-overlay{display:flex;align-items:center;justify-content:center;flex:1;width:100%;animation:fadeIn .5s ease}.level-complete-card{background:var(--bg-card);border-radius:24px;padding:3rem;text-align:center;box-shadow:0 8px 30px var(--shadow);max-width:400px}.celebration{font-size:4rem;margin-bottom:1rem;animation:bounce .6s ease infinite alternate}.level-complete-card h2{color:var(--primary);font-size:1.8rem;margin-bottom:.5rem}.reward-text{color:var(--accent-dark);font-weight:700;font-size:1.1rem;margin:.5rem 0 1.5rem}.level-complete-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.wheel-screen{background:linear-gradient(180deg,#F3E5F5 0%,var(--bg) 40%);gap:1.5rem}.screen-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px}.screen-header h2{color:var(--text);font-size:1.3rem}.treat-display{font-weight:600;background:var(--bg-card);padding:6px 14px;border-radius:20px;border:1px solid var(--border);font-size:.9rem}.wheel-container{position:relative;width:280px;height:280px;margin:1rem 0}.wheel-pointer{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:2.5rem;color:var(--primary);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));line-height:1}.wheel{width:100%;height:100%;border-radius:50%;position:relative;background:conic-gradient(#ffb74d,#ffb74d 45deg,#ff8a65 45deg,#ff8a65 90deg,#ffd54f 90deg,#ffd54f 135deg,#81c784 135deg,#81c784 180deg,#64b5f6 180deg,#64b5f6 225deg,#ba68c8 225deg,#ba68c8 270deg,#e57373 270deg,#e57373 315deg,#4db6ac 315deg,#4db6ac 360deg);border:6px solid var(--bg-card);box-shadow:0 4px 20px var(--shadow),inset 0 0 30px #00000026;transition:transform 3.5s cubic-bezier(.17,.67,.12,.99)}.wheel-prize{position:absolute;font-size:.6rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap;pointer-events:none}.wheel-result{text-align:center;font-size:1.3rem;font-weight:700;color:var(--primary);animation:popIn .4s ease}.wheel-result-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.wheel-info{color:var(--text-muted);font-size:.85rem}.hamsters-screen{background:linear-gradient(180deg,#E8F5E9 0%,var(--bg) 30%);gap:1rem}.hamster-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:500px}.hamster-card{background:var(--bg-card);border-radius:20px;padding:1.5rem;text-align:center;border:2px solid var(--border);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hamster-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow)}.hamster-selected{border-color:var(--accent);background:#f1f8e9}.hamster-avatar-large{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 3px 10px var(--shadow)}.hamster-card h3{font-size:1rem;color:var(--text);margin:0}.hamster-status{color:var(--accent-dark);font-size:.8rem;font-weight:600}.hamster-cost{color:var(--text-muted);font-size:.85rem}.missions-screen{background:linear-gradient(180deg,#FFF3E0 0%,var(--bg) 30%);gap:1rem}.missions-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px}.mission-card{background:var(--bg-card);border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:2px solid var(--border);transition:all .2s ease}.mission-done{opacity:.6;border-color:var(--accent);background:#f1f8e9}.mission-info{flex:1}.mission-info h3{font-size:.95rem;margin-bottom:.5rem;color:var(--text)}.mission-progress-bar{height:8px;background:#efebe9;border-radius:4px;overflow:hidden;margin-bottom:.25rem}.mission-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .5s ease}.mission-progress-text{font-size:.75rem;color:var(--text-muted)}.mission-reward{text-align:center;flex-shrink:0}.mission-reward-preview{color:var(--text-muted);font-size:.9rem}.mission-complete-badge{color:var(--accent-dark);font-weight:700;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float{animation:float 3s ease-in-out infinite}.float-delayed{animation:float 3s ease-in-out infinite 1.5s}.bounce{animation:bounce .6s ease infinite alternate}@keyframes treatPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes exitGlow{0%{box-shadow:inset 0 0 8px #7ec8a04d}to{box-shadow:inset 0 0 16px #7ec8a099}}@keyframes playerBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.cell{width:28px;height:28px;font-size:.85rem}.game-title{font-size:2.2rem}.game-subtitle{font-size:1.3rem}.title-hamster{font-size:3.5rem}.home-header{flex-direction:column;text-align:center}.hamster-grid{grid-template-columns:1fr}.wheel-container{width:240px;height:240px}.control-btn{width:46px;height:46px}}