@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";.game-bg-container{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 45%,#f0fdf4e6 0%,#f4f8f3fa 70%,#f4f8f3 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.game-bg-overlay{background:radial-gradient(#22c55e0f 0%,#15803d08 50%,#0000 80%);position:absolute;inset:0}.farmer-stage-wrapper{justify-content:center;align-items:center;width:min(85vh,620px);max-width:90vw;height:min(85vh,620px);max-height:90vw;animation:7s ease-in-out 1.7s infinite alternate shadowFightIdle;display:flex;position:relative}.farmer-layer{will-change:transform, opacity, filter;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.farmer-img-part{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.layer-sprayer{opacity:0;animation:1.68s cubic-bezier(.19,1,.22,1) forwards stage1SprayerReveal}@keyframes stage1SprayerReveal{0%{opacity:0;filter:blur(12px)drop-shadow(0 0 30px #16a34af2)drop-shadow(0 0 60px #4ade80b3);transform:scale(.85)translateY(28px)rotate(-3deg)}22%{opacity:.95;filter:blur(1px)drop-shadow(0 0 40px #22c55ee6);transform:scale(1.04)translateY(-5px)rotate(1deg)}70%{opacity:.95;filter:drop-shadow(0 0 20px #16a34a66);transform:scale(1)translateY(0)rotate(0)}84%{opacity:.75;filter:drop-shadow(0 0 10px #16a34a33);transform:scale(1)}to{opacity:.16;filter:blur()drop-shadow(0 0 #0000);transform:scale(1)translateY(0)rotate(0)}}.layer-body{opacity:0;animation:1.3s cubic-bezier(.19,1,.22,1) .38s forwards stage2BodyReveal}@keyframes stage2BodyReveal{0%{opacity:0;filter:blur(12px)drop-shadow(0 0 35px #10b981f2)drop-shadow(0 0 70px #059669b3);transform:scale(.88)translateY(32px)}26%{opacity:.95;filter:blur(1px)drop-shadow(0 0 45px #22c55ee6);transform:scale(1.03)translateY(-4px)}68%{opacity:.95;filter:drop-shadow(0 0 20px #10b98166);transform:scale(1)translateY(0)}82%{opacity:.75;filter:drop-shadow(0 0 10px #10b98133);transform:scale(1)}to{opacity:.16;filter:blur()drop-shadow(0 0 #0000);transform:scale(1)translateY(0)}}.layer-face{opacity:0;animation:.9s cubic-bezier(.19,1,.22,1) .78s forwards stage3FaceReveal}@keyframes stage3FaceReveal{0%{opacity:0;filter:blur(10px)drop-shadow(0 0 40px #eab308)drop-shadow(0 0 80px #22c55ecc);transform:scale(1.22)translateY(-24px)}32%{opacity:1;filter:blur(1px)drop-shadow(0 0 50px #22c55ef2);transform:scale(.97)translateY(2px)}62%{opacity:1;filter:drop-shadow(0 0 25px #22c55e80);transform:scale(1)translateY(0)}78%{opacity:.75;filter:drop-shadow(0 0 10px #22c55e33);transform:scale(1)}to{opacity:.16;filter:blur()drop-shadow(0 0 #0000);transform:scale(1)translateY(0)}}@keyframes shadowFightIdle{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.012)}to{transform:translateY(2px)scale(.995)}}.game-shockwave{opacity:0;pointer-events:none;border:2px solid #22c55e66;border-radius:50%;width:140%;height:140%;animation:.42s cubic-bezier(.1,.8,.3,1) 1.28s forwards shockwaveBurst;position:absolute}@keyframes shockwaveBurst{0%{opacity:0;transform:scale(.3)}40%{opacity:.85;border-color:#4ade80e6;box-shadow:0 0 50px #22c55eb3}to{opacity:0;border-color:#22c55e00;transform:scale(1.4)}}@font-face{font-family:N11 Textile;src:local(N11 Textile),local(Space Grotesk),local(Outfit);font-weight:700;font-style:normal}@font-face{font-family:D6 University;src:local(D6 University),local(Inter);font-weight:400;font-style:normal}:root{--font-headline:"N11 Textile", "Space Grotesk", "Outfit", sans-serif;--font-body:"D6 University", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-dark:#f6faf5;--bg-card:#fff;--bg-card-hover:#f0fdf4;--bg-input:#fff;--border-color:#e2e8f0;--border-glow:#86efac;--accent-green:#16a34a;--accent-emerald:#059669;--accent-leaf:#22c55e;--accent-cyan:#0284c7;--accent-amber:#d97706;--accent-red:#dc2626;--text-main:#0f172a;--text-muted:#16a34a;--text-sub:#475569}.font-headline{font-family:var(--font-headline);letter-spacing:-.02em}.font-body{font-family:var(--font-body)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-main);background-color:#f4f8f3;min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f4f8f3}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}.glass-panel{-webkit-backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e2e8f0d9;border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #16a34a0d,0 1px 3px #0000000a}.glass-panel:hover{border-color:#86efac;box-shadow:0 6px 24px #16a34a1f}.btn-primary{color:#fff;font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #16a34a40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #16a34a59}.btn-secondary{color:#15803d;font-family:var(--font-body);cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#dcfce7;border-color:#16a34a}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-normal{color:#15803d;background:#dcfce7;border:1px solid #86efac}.badge-attention{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge-warning{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.badge-critical{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.badge-disconnected{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.form-input{color:#0f172a;width:100%;font-family:var(--font-body);background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:12px 16px;transition:border-color .2s}.form-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.game-ui-entry{opacity:0;will-change:transform, opacity, filter;animation:.38s cubic-bezier(.16,1,.3,1) 1.32s forwards shadowFightDashboardEnter}@keyframes shadowFightDashboardEnter{0%{opacity:0;filter:blur(10px)drop-shadow(0 0 35px #22c55e73);transform:scale(.95)translateY(24px)}50%{opacity:.95;filter:blur(1px)drop-shadow(0 0 20px #22c55e40);transform:scale(1.015)translateY(-3px)}80%{opacity:1;filter:blur()drop-shadow(0 0 10px #22c55e1a);transform:scale(.998)translateY(1px)}to{opacity:1;filter:blur()drop-shadow(0 0 #0000);transform:scale(1)translateY(0)}}.game-sidebar-entry{opacity:0;will-change:transform, opacity, filter;animation:.42s cubic-bezier(.16,1,.3,1) 1.28s forwards shadowFightSidebarEnter}@keyframes shadowFightSidebarEnter{0%{opacity:0;filter:blur(8px)drop-shadow(0 0 25px #16a34a4d);transform:translate(-45px)scale(.96)}60%{opacity:1;filter:blur();transform:translate(3px)scale(1.01)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.pulse-active{animation:2s ease-in-out infinite pulseGlow}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:.8s linear infinite spin}@media (width<=768px){main{margin-left:0!important;padding:16px!important}}.cinematic-bg-camera{filter:brightness(1.02)contrast(1.05);transform:none}.cinematic-sky-overlay{opacity:1;transform:none}.cinematic-auth-card{opacity:1;filter:none;pointer-events:auto;transform:none}@keyframes cinematicSkyDissolveExit{0%{opacity:1;filter:brightness();transform:scale(1)}to{opacity:0;filter:brightness(1.7)blur(8px);transform:scale(1.15)}}.cinematic-letterbox-top{pointer-events:none;z-index:5;background:linear-gradient(#0009 0%,#0000 100%);height:32px;position:absolute;top:0;left:0;right:0}.cinematic-letterbox-bottom{pointer-events:none;z-index:5;background:linear-gradient(#0000 0%,#0009 100%);height:32px;position:absolute;bottom:0;left:0;right:0}.cinematic-exit-dissolve{animation:.35s cubic-bezier(.4,0,.2,1) forwards cinematicSkyDissolveExit!important}