*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,cursive,sans-serif;background:linear-gradient(135deg,#8fbc8f,#98fb98);overflow:hidden;-webkit-user-select:none;user-select:none}.app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.canvas-container{position:relative;border:3px solid #654321;border-radius:8px;box-shadow:0 8px 16px #0000004d;background:#f0fff0}canvas{display:block;background:#f0fff0}.menu{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu h1{font-size:3rem;color:#228b22;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:10px}.menu p{font-size:1.2rem;color:#654321;text-align:center;max-width:500px;line-height:1.6}.button{padding:12px 24px;font-size:1.1rem;font-family:inherit;background:linear-gradient(145deg,#32cd32,#228b22);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #0003;min-width:200px}.button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d;background:linear-gradient(145deg,#228b22,#006400)}.button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.button.secondary{background:linear-gradient(145deg,#87ceeb,#4682b4)}.button.secondary:hover{background:linear-gradient(145deg,#4682b4,#2f4f4f)}.button.danger{background:linear-gradient(145deg,#ff6b6b,#dc143c)}.button.danger:hover{background:linear-gradient(145deg,#dc143c,#b22222)}.hud{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.hud-overlay{position:absolute;background:#000000b3;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.hud-top-left{top:10px;left:10px}.hud-top-right{top:10px;right:10px}.hud-bottom-left{bottom:10px;left:10px}.hud-bottom-right{bottom:10px;right:10px}.status-bar{width:120px;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden;margin:2px 0}.status-fill{height:100%;transition:width .3s ease}.status-fill.stamina{background:linear-gradient(90deg,gold,orange)}.status-fill.health{background:linear-gradient(90deg,#4caf50,#2e7d32)}.status-fill.hunger{background:linear-gradient(90deg,#ff6b6b,#dc143c)}.status-fill.warmth{background:linear-gradient(90deg,#87ceeb,#4682b4)}.inventory{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#000000b3;padding:8px;border-radius:8px}.inventory-slot{width:32px;height:32px;background:#fff3;border:2px solid rgba(255,255,255,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.inventory-slot.filled{background:#fffc;color:#333}.notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:700;text-align:center;z-index:100;animation:notificationSlide 3s ease-in-out}@keyframes notificationSlide{0%{opacity:0;transform:translate(-50%,-60%)}20%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-40%)}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:30px;max-width:500px;text-align:center;box-shadow:0 16px 32px #0000004d}.modal h2{color:#228b22;margin-bottom:20px;font-size:2rem}.modal p{color:#654321;margin-bottom:20px;line-height:1.6}.modal-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.nest-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border-radius:16px;padding:20px;min-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.nest-tabs{display:flex;gap:8px;margin-bottom:20px}.nest-tab{padding:8px 16px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.nest-tab.active{background:#32cd32;color:#fff}.nest-section{display:none}.nest-section.active{display:block}.upgrade-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f8f8;border-radius:8px;margin-bottom:8px}.upgrade-info h3{color:#228b22;margin-bottom:4px}.upgrade-info p{color:#666;font-size:.9rem}.upgrade-cost{color:#654321;font-weight:700}.quest-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border-radius:16px;padding:20px;min-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d;z-index:1000}.quest-item{background:#f8f8f8;border-radius:8px;padding:12px;margin-bottom:12px;border-left:4px solid #32CD32}.quest-item.completed{border-left-color:gold;background:#fff8e1}.quest-item.seasonal{border-left-color:#ff6b6b;background:#ffebee}.quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quest-header h4{color:#228b22;margin:0;font-size:1.1rem}.quest-description{color:#666;margin:0 0 8px;font-size:.9rem}.quest-progress{display:flex;align-items:center;gap:8px;margin-bottom:8px}.progress-bar{flex:1;height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#32cd32,#228b22);transition:width .3s ease}.progress-text{font-size:.8rem;color:#666;font-weight:700;min-width:40px}.quest-reward{font-size:.8rem;color:#654321;font-weight:700}.quest-complete-btn{padding:4px 8px;font-size:.8rem;background:#32cd32;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.quest-complete-btn:hover{background:#228b22;transform:translateY(-1px)}.achievement-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border-radius:16px;padding:20px;min-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d;z-index:1000}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.achievement-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f8f8;border-radius:8px;border-left:4px solid #ccc;transition:all .3s ease}.achievement-item.unlocked{border-left-color:gold;background:#fff8e1;box-shadow:0 2px 8px #ffd7004d}.achievement-item.locked{opacity:.6}.achievement-icon{font-size:2rem;min-width:40px;text-align:center}.achievement-info{flex:1}.achievement-info h4{color:#228b22;margin:0 0 4px;font-size:1rem}.achievement-info p{color:#666;margin:0 0 8px;font-size:.8rem;line-height:1.3}.achievement-progress{display:flex;align-items:center;gap:8px}.achievement-progress .progress-bar{flex:1;height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.achievement-progress .progress-fill{height:100%;background:linear-gradient(90deg,#32cd32,#228b22);transition:width .3s ease}.achievement-progress .progress-text{font-size:.7rem;color:#666;font-weight:700;min-width:30px}.achievement-reward{font-size:.7rem;color:#654321;font-weight:700;background:#ffd70033;padding:2px 6px;border-radius:4px}@media (max-width: 768px){.menu h1{font-size:2rem}.menu p{font-size:1rem}.button{min-width:150px}.nest-ui,.quest-ui{min-width:300px;margin:20px}}.audio-settings{display:flex;flex-direction:column;gap:20px;padding:20px 0}.audio-control{display:flex;flex-direction:column;gap:8px}.control-header{display:flex;align-items:center;gap:8px;font-weight:700;color:#ecf0f1}.control-icon{font-size:16px;min-width:20px}.volume-value{margin-left:auto;color:#f39c12;font-weight:700;min-width:40px;text-align:right}.volume-slider{width:100%;height:6px;background:#34495e;border-radius:3px;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#f39c12;border-radius:50%;cursor:pointer;border:2px solid #ecf0f1}.volume-slider::-moz-range-thumb{width:18px;height:18px;background:#f39c12;border-radius:50%;cursor:pointer;border:2px solid #ecf0f1}.toggle-button{background:#34495e;border:2px solid #7f8c8d;color:#bdc3c7;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s ease}.toggle-button.active{background:#27ae60;border-color:#2ecc71;color:#ecf0f1}.toggle-button:hover{background:#2ecc71;border-color:#27ae60;color:#ecf0f1}.audio-settings-btn{background:#34495ee6;border:2px solid #7f8c8d;color:#ecf0f1;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:8px;transition:all .3s ease;z-index:1000;position:relative;min-width:40px;min-height:30px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.audio-settings-btn:hover{background:#3498dbe6;border-color:#3498db;transform:scale(1.05)}.audio-settings-btn:active{transform:scale(.95)}