@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Noto+Color+Emoji&display=swap";*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:#fef3c7;font-family:Fredoka,"Segoe UI Emoji",Segoe UI Symbol,"Apple Color Emoji","Noto Color Emoji",sans-serif}#game-canvas{display:block;width:100vw;height:100vh;cursor:crosshair}.glass-panel{background:#fffbebb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(120,53,15,.3);border-radius:14px;box-shadow:0 8px 32px #78350f26,inset 0 1px #ffffff80;color:#451a03}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#fffbebcc,#d97706e6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;justify-content:center;align-items:center;z-index:100}.menu-card{background:#fffbebe6;border:4px solid #78350f;border-radius:24px;padding:36px;max-width:620px;width:92%;color:#451a03;box-shadow:0 24px 60px #78350f4d,inset 0 2px #fffc;text-align:center}.menu-title{font-size:2.8rem;font-weight:700;color:#f59e0b;text-shadow:0 2px 8px rgba(245,158,11,.3);margin-bottom:4px}.menu-subtitle{font-size:1.2rem;color:#10b981;font-weight:500;margin-bottom:24px}.cozy-btn-primary{background:linear-gradient(180deg,#34d399,#10b981);color:#fff;border:2px solid #059669;font-size:1.2rem;font-family:Fredoka,sans-serif;font-weight:600;padding:14px 40px;border-radius:16px;cursor:pointer;box-shadow:0 4px 16px #10b98166;transition:all .15s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.cozy-btn-primary:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 8px 24px #10b98180}.hud-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-top-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:16px;padding:10px 24px;pointer-events:auto;align-items:center}.res-item{font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:6px;text-shadow:0 1px 1px rgba(255,255,255,.8)}.res-food{color:#f59e0b}.res-gold{color:#fbbf24}.res-pop{color:#3b82f6}.res-wood{color:#78350f}.res-stone{color:#64748b}.badge-era{background:#f59e0b;color:#fff;padding:4px 12px;border-radius:12px;font-size:.9rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.season-indicator{font-size:1.2rem;background:#ffffff80;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center}.hud-bottom-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:12px 24px;pointer-events:auto}.action-btn{background:linear-gradient(180deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;color:#78350f;padding:10px 20px;border-radius:12px;font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #f59e0b33;transition:all .15s ease}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d;background:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#78350f66;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:90;pointer-events:auto}.modal-card{background:#fffbeb;border:4px solid #d97706;border-radius:20px;padding:24px;color:#451a03;width:500px;max-width:90vw;max-height:85vh;box-shadow:0 16px 48px #78350f66;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid rgba(217,119,6,.2);padding-bottom:12px}.modal-title{font-size:1.5rem;color:#d97706}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#92400e}.modal-body{overflow-y:auto;flex:1}.tabs-header{display:flex;gap:8px;margin-bottom:16px}.tab-btn{padding:8px 16px;border-radius:8px;border:2px solid transparent;background:#f59e0b1a;color:#92400e;font-weight:600;cursor:pointer}.tab-btn.active{background:#f59e0b;color:#fff}.era-progress-bar{background:#d9770633;border-radius:10px;height:20px;overflow:hidden;margin:10px 0}.era-fill{background:#10b981;height:100%;width:0%;transition:width .3s ease}.ascend-btn{width:100%;padding:16px;font-size:1.3rem;background:#f59e0b;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;margin-top:16px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1.02);box-shadow:0 0 0 10px #f59e0b00}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}.minimap-container{position:absolute;bottom:24px;right:24px;width:160px;height:160px;pointer-events:auto;border-radius:50%;overflow:hidden;border:4px solid #d97706}.minimap-canvas{width:100%;height:100%;background:#a3e635}.notification-container{position:absolute;top:80px;right:24px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{padding:12px 20px;border-radius:12px;font-weight:600;color:#fff;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s cubic-bezier(.18,.89,.32,1.28);display:flex;align-items:center;gap:8px}.toast.success{background:#10b981}.toast.warning{background:#f59e0b}.toast.danger{background:#ef4444}.toast.info{background:#3b82f6}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.fade-out{animation:fadeOut .5s forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.tooltip-overlay{position:absolute;pointer-events:none;background:#451a03e6;color:#fef3c7;padding:8px 12px;border-radius:8px;font-size:.9rem;z-index:200;border:1px solid #d97706;white-space:nowrap}.hidden{display:none!important}