@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{--purple: #7c3aed;--indigo: #4f46e5;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--bg-light: #f8fafc;--border-gray: #e2e8f0;--text-dark: #1e1b2e;--text-muted: #6b7280}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Vazirmatn,sans-serif}body{direction:rtl;background:var(--bg-light)}button{font-family:inherit;border:none;cursor:pointer;background:none}.app-shell{max-width:480px;margin:0 auto;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fff}.page-scroll{flex:1;overflow-y:auto;padding-bottom:96px}.header-card{direction:ltr;margin:14px;background:#fff;border-radius:20px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 18px #00000014}.header-avatar{width:48px;height:48px;border-radius:50%;background:#ede9fe;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.header-info{flex:1;direction:rtl;text-align:right}.header-name{font-weight:700;font-size:15px;color:var(--text-dark)}.header-level{font-size:11px;color:var(--text-muted);margin-top:1px}.header-coin{display:flex;align-items:center;gap:6px;background:var(--bg-light);border:1px solid var(--border-gray);border-radius:999px;padding:6px 12px}.header-coin span{font-weight:700;font-size:13px;color:var(--text-dark)}.header-plus{width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.home-bg{background:linear-gradient(180deg,#60a5fa,#bbf7d0 65%,#86efac);min-height:100%}.home-grid{direction:ltr;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:4px 14px 14px}.home-card{direction:rtl;border-radius:22px;padding:22px 14px 14px;text-align:center;color:#fff;box-shadow:0 10px 24px #00000026;display:flex;flex-direction:column;align-items:center;gap:10px}.home-card-emoji{font-size:46px;line-height:1}.home-card-title{font-weight:800;font-size:16px}.home-card-lock{display:inline-flex;align-items:center;gap:4px;background:#0000002e;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.home-card.farm{background:linear-gradient(160deg,#34d399,#059669)}.home-card.mill{background:linear-gradient(160deg,#60a5fa,#2563eb)}.home-card.market{background:linear-gradient(160deg,#fbbf24,#d97706)}.home-card.games{background:linear-gradient(160deg,#a78bfa,#7c3aed)}.score-bg{background:radial-gradient(circle at 50% 0%,#5b21b6,#312e81 55%,#1e1b4b);min-height:100%}.score-toolbar{direction:ltr;position:relative;display:flex;align-items:center;gap:10px;padding:4px 14px 10px}.icon-btn{width:46px;height:46px;border-radius:50%;background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.animal-pill{flex:1;background:#fff;border-radius:999px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px}.animal-pill-text{direction:rtl;text-align:center}.animal-pill-label{font-size:10px;color:var(--text-muted)}.animal-pill-name{font-size:14px;font-weight:700;color:var(--text-dark)}.animal-pill-emoji{font-size:22px}.animal-pill-chevron{font-size:12px;color:var(--text-muted)}.animal-dropdown{direction:rtl;position:absolute;top:56px;left:14px;right:14px;background:#fff;border-radius:18px;padding:10px;box-shadow:0 20px 40px #0000004d;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;z-index:30}.animal-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px}.animal-option.active{background:#ede9fe}.animal-option-emoji{font-size:26px}.animal-option-name{font-size:10px;color:var(--text-dark);font-weight:600}.hero-card{margin:6px 14px 0;background:#ffffff14;border-radius:26px;padding:30px 16px 64px;text-align:center;position:relative}.hero-grass{width:150px;height:28px;background:#4ade80;border-radius:50%;margin:0 auto -10px}.hero-emoji{font-size:96px;display:block;line-height:1}.cta-btn{position:relative;margin:-50px auto 0;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a78bfa,#7c3aed 70%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 16px 30px #7c3aed80,0 0 0 8px #ffffffeb}.cta-sound{font-size:24px;font-weight:800}.cta-coin{font-size:12px;font-weight:600;opacity:.9}.score-bottom-cards{direction:ltr;display:flex;gap:10px;padding:18px 14px 6px}.score-mini-card{direction:rtl;flex:1;background:#fff;border-radius:18px;padding:12px;display:flex;align-items:center;gap:8px}.score-mini-emoji{font-size:24px}.score-mini-title{font-size:12px;font-weight:700;color:var(--text-dark)}.bottom-nav{direction:ltr;position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border-gray);display:flex;padding:8px 6px 16px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;color:var(--text-muted)}.nav-item.active{color:var(--purple)}.nav-icon-wrap{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px}.nav-item.active .nav-icon-wrap{background:#ede9fe}.nav-label{font-size:10px;font-weight:600}.nav-dot{width:4px;height:4px;border-radius:50%;background:var(--purple)}.coming-soon{direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;text-align:center;gap:10px;padding:0 30px}.coming-soon-emoji{font-size:56px}.coming-soon-title{font-size:18px;font-weight:800;color:var(--text-dark)}.coming-soon-sub{font-size:13px;color:var(--text-muted)}.landing-page{min-height:100vh;direction:rtl;color:#172018;background:radial-gradient(circle at 18% 12%,rgba(250,204,21,.28),transparent 26rem),radial-gradient(circle at 82% 8%,rgba(34,197,94,.22),transparent 24rem),linear-gradient(180deg,#f8fff3,#e6f8d6 54%,#c7f0b2);overflow-x:hidden}.landing-nav{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between}.landing-brand{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:20px}.landing-brand span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#fff;box-shadow:0 10px 28px #1665341f}.landing-link,.landing-primary,.landing-secondary{text-decoration:none;font-weight:800}.landing-link{color:#166534;background:#ffffffbf;border:1px solid rgba(22,101,52,.12);padding:10px 16px;border-radius:999px}.landing-hero{width:min(1120px,calc(100% - 32px));margin:34px auto 0;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.landing-badge{width:fit-content;padding:8px 14px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:800;font-size:13px;margin-bottom:18px}.landing-copy h1{font-size:clamp(34px,6vw,68px);line-height:1.08;letter-spacing:-1.6px;color:#102016;max-width:760px}.landing-copy p{margin:20px 0 0;max-width:620px;color:#3f5f45;font-size:clamp(16px,2vw,20px);line-height:1.95}.landing-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.landing-primary,.landing-secondary{padding:14px 20px;border-radius:16px}.landing-primary{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 14px 34px #15803d47}.landing-secondary{color:#166534;background:#ffffffbf;border:1px solid rgba(22,101,52,.13)}.landing-phone{position:relative;width:min(360px,92vw);min-height:610px;justify-self:center;border-radius:42px;padding:18px;background:#111827;box-shadow:0 32px 80px #16653440,inset 0 0 0 8px #0b1220;overflow:hidden}.phone-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:22px;background:#ffffffeb;color:#172018;font-weight:800}.farm-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#7dd3fc 0,#7dd3fc 34%,#86efac 34%,#86efac 68%,#65a30d 68%,#65a30d)}.farm-scene:before{content:"";position:absolute;left:-10%;right:-10%;bottom:64px;height:170px;background:repeating-linear-gradient(90deg,rgba(101,67,33,.16) 0 5px,transparent 5px 32px),#84cc16;border-radius:50% 50% 0 0}.sun,.barn,.animal{position:absolute;z-index:1}.sun{top:92px;left:42px;font-size:52px}.barn{bottom:188px;right:58px;font-size:96px}.animal{font-size:54px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.16))}.a1{bottom:108px;left:54px}.a2{bottom:126px;right:44px}.a3{bottom:70px;right:132px}.mock-claim{position:absolute;z-index:3;left:50%;bottom:28px;transform:translate(-50%);width:190px;height:58px;border-radius:999px;background:linear-gradient(135deg,#facc15,#f59e0b);color:#422006;font-weight:900;box-shadow:0 18px 34px #92400e52}.landing-features{width:min(1120px,calc(100% - 32px));margin:64px auto 0;padding-bottom:58px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-features article{background:#ffffffb8;border:1px solid rgba(22,101,52,.1);border-radius:28px;padding:22px;box-shadow:0 18px 46px #16653414}.landing-features span{font-size:34px}.landing-features h3{margin-top:10px;font-size:19px}.landing-features p{margin-top:6px;color:#4b654e;line-height:1.8}@media (max-width: 760px){.landing-hero{grid-template-columns:1fr;margin-top:10px;gap:30px}.landing-phone{min-height:520px}.landing-features{grid-template-columns:1fr;margin-top:36px}}.farm-page{background:linear-gradient(180deg,#dff6ff,#e9ffe0 42%,#f8fbff);min-height:100%;padding-bottom:20px}.farm-hero{padding:4px 14px 0}.farm-title-wrap{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;margin-top:4px}.farm-title{font-size:30px;font-weight:900;color:#1f2937}.farm-subtitle{margin-top:4px;color:#4b7a4f;font-size:13px;min-height:20px}.farm-leaf{font-size:18px}.farm-illustration{position:relative;margin-top:14px;height:290px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 20% 16%,#fffffff2,#fff0 18%),radial-gradient(circle at 78% 12%,#ffffffe6,#fff0 16%),linear-gradient(180deg,#98ddff 0,#98ddff 44%,#95df89 44%,#95df89 74%,#7cc85f 74%,#7cc85f);box-shadow:inset 0 -18px 30px #38a16926}.farm-hills{position:absolute;inset:auto -8% 24% -8%;height:110px;background:radial-gradient(circle at 20% 100%,#9ee493 0 44%,transparent 45%),radial-gradient(circle at 52% 100%,#8bd780 0 40%,transparent 41%),radial-gradient(circle at 80% 100%,#77c76c 0 40%,transparent 41%)}.farm-ground{position:absolute;inset:auto 0 0 0;height:96px;background:linear-gradient(180deg,#7bc65f,#5ba243)}.scene-card,.scene-deco{position:absolute;display:grid;place-items:center}.scene-card{width:78px;height:74px;border-radius:22px;background:#ffffffe0;box-shadow:0 12px 24px #0000001a}.scene-card span{font-size:28px}.scene-card b{font-size:18px}.scene-card.doghouse{left:16px;bottom:44px}.scene-card.coop{left:100px;bottom:58px}.scene-card.pond{left:50%;bottom:62px;transform:translate(-50%);background:#d7f2ff}.scene-card.sheep{right:104px;bottom:58px}.scene-card.cow{right:14px;bottom:44px}.scene-deco{font-size:42px;opacity:.78}.scene-deco.windmill{left:28px;top:60px}.scene-deco.barn{right:24px;top:74px}.farm-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}.farm-stat-card{background:#fff;border-radius:22px;padding:12px 10px;display:grid;justify-items:center;gap:6px;text-align:center;box-shadow:0 10px 22px #0f172a0f}.farm-stat-icon{font-size:22px}.farm-stat-value{font-weight:900;color:#18212f;font-size:16px}.farm-stat-label{color:#6b7280;font-size:12px}.farm-content-grid{display:grid;gap:14px;padding:0 14px 10px}.farm-loading{text-align:center;color:#4b7a4f;font-size:13px;font-weight:700;margin:4px 0 10px}.farm-buildings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.building-card,.farm-panel{background:#fff;border-radius:28px;box-shadow:0 12px 26px #0f172a14;position:relative}.building-card{padding:18px 12px 12px}.building-ribbon,.farm-panel-ribbon{position:absolute;top:-10px;right:14px;color:#fff;font-weight:800;font-size:12px;padding:7px 14px;border-radius:999px;box-shadow:0 8px 18px #00000024}.building-ribbon.yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.building-ribbon.blue{background:linear-gradient(135deg,#60a5fa,#2563eb)}.building-ribbon.purple{background:linear-gradient(135deg,#c084fc,#8b5cf6)}.building-ribbon.green{background:linear-gradient(135deg,#4ade80,#16a34a)}.building-ribbon.pink{background:linear-gradient(135deg,#f472b6,#db2777)}.building-visual{height:118px;border-radius:22px;background:linear-gradient(180deg,#ecfeff,#f0fdf4);display:grid;place-items:center;position:relative;overflow:hidden}.building-emoji-main{font-size:52px}.building-emoji-side{position:absolute;left:10px;bottom:10px;font-size:24px;background:#fff;width:38px;height:38px;border-radius:14px;display:grid;place-items:center}.building-stats-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;color:#475569;font-size:12px}.building-stats-row b{color:#2563eb}.farm-side-panels{display:grid;gap:14px}.farm-panel{padding:24px 12px 14px}.farm-panel-ribbon.green{background:linear-gradient(135deg,#65a30d,#16a34a)}.farm-panel-ribbon.blue{background:linear-gradient(135deg,#38bdf8,#2563eb)}.farm-panel-ribbon.with-icon{display:inline-flex;align-items:center;gap:6px}.animal-chip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.animal-chip,.ready-chip{border-radius:18px;background:#f8fafc;padding:10px 6px;text-align:center}.animal-chip-emoji,.ready-chip-emoji{font-size:30px}.animal-chip-name,.ready-chip-label{margin-top:4px;font-size:11px;font-weight:700;color:#253046}.animal-chip-count,.ready-chip-count{margin-top:2px;color:#16a34a;font-size:13px;font-weight:900}.ready-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.collect-all-btn{margin-top:12px;width:100%;height:54px;border-radius:18px;background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff;font-weight:900;font-size:16px;box-shadow:0 12px 24px #16a34a40}@media (max-width: 420px){.farm-summary-grid{grid-template-columns:repeat(2,1fr)}.farm-buildings-grid{grid-template-columns:1fr}.animal-chip-grid{grid-template-columns:repeat(3,1fr)}.ready-grid{grid-template-columns:repeat(2,1fr)}}