:root{--bg-0:#0E0905;--bg-1:#150E08;--bg-2:#1D140B;--card:#241810;--card-2:#2C1E12;--card-3:#382614;--line:rgba(245,185,60,.14);--line-2:rgba(245,185,60,.08);--gold:#F5B93C;--gold-soft:#F0D49A;--amber:#C97A25;--orange:#E8802E;--green:#7CB33A;--green-2:#5B8A26;--cream:#F6EBD9;--muted:#AC9174;--muted-2:#7E6851;--danger:#DE6A4E;--r:18px;--r-sm:13px;--sh:0 1px 0 rgba(255,220,160,.06) inset, 0 12px 24px -16px rgba(0,0,0,.95);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(420px 220px at 50% -8%,rgba(201,122,37,.28),transparent 70%),radial-gradient(340px 300px at 110% 30%,rgba(124,179,58,.07),transparent 70%),repeating-linear-gradient(102deg,rgba(255,255,255,.011) 0 2px,transparent 2px 11px),linear-gradient(180deg,#1b1209,#130c06 55%,#180f08);background-attachment:fixed;color:var(--cream);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior-y:none}img{display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button{font-family:inherit;border:0;background:none;color:inherit;cursor:pointer}input,select{font-family:inherit}.app{position:relative;max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:14px 14px 10px;background:linear-gradient(180deg,rgba(21,14,8,.97) 60%,transparent)}.topbar .logo{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.wordmark{font-family:Fredoka;font-weight:600;font-size:15px;line-height:1.05}.wordmark b{display:block;color:var(--gold);font-weight:600}.wordmark span{font-size:10px;color:var(--muted-2);letter-spacing:.13em;text-transform:uppercase}.pill-bal{margin-left:auto;display:flex;align-items:center;gap:6px;padding:5px 11px 5px 5px;border-radius:999px;background:linear-gradient(180deg,#f5b93c24,#f5b93c0d);border:1px solid var(--line);font-family:Fredoka;font-weight:600;font-size:13px;font-variant-numeric:tabular-nums;color:var(--gold)}.pill-bal img{width:22px;height:22px;object-fit:contain}.scroll{flex:1;padding:2px 14px calc(112px + var(--safe-b))}.card{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}.pad{padding:13px}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttl{font-family:Fredoka;font-weight:500;font-size:14px;line-height:1.25}.sub{font-size:11.5px;color:var(--muted);line-height:1.4;margin-top:2px}.num{font-family:Fredoka;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eyebrow{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);font-weight:700}.sec{display:flex;align-items:center;justify-content:space-between;margin:19px 3px 10px}.sec h2{font-family:Fredoka;font-weight:600;font-size:14.5px;margin:0}.sec .more{font-size:11px;color:var(--muted)}.page-h1{font-family:Fredoka;font-weight:600;font-size:21px;margin:6px 3px 2px}.gap{height:10px}.bar{height:7px;border-radius:99px;background:#00000073;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c97a25,#f5b93c);box-shadow:0 0 10px #f5b93c73;transition:width .4s ease}.bar.green>i{background:linear-gradient(90deg,#5b8a26,#9ccb4e);box-shadow:0 0 10px #7cb33a66}.bar.sm{height:5px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;white-space:nowrap;font-family:Fredoka;font-weight:500;font-size:11.5px;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#f5b93c26,#f5b93c0d);border:1px solid rgba(245,185,60,.22);color:var(--gold)}.chip img{width:15px;height:15px;object-fit:contain}.chip.green{background:linear-gradient(180deg,#7cb33a2e,#7cb33a0f);border-color:#7cb33a47;color:#a6d164}.chip.dark{background:#0006;border-color:var(--line-2);color:var(--muted)}.btn{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;width:100%;border-radius:14px;font-family:Fredoka;font-weight:600;font-size:14px;border:1px solid transparent;transition:transform .12s,filter .12s,opacity .12s}.btn:active{transform:translateY(1px) scale(.99);filter:brightness(1.06)}.btn img{width:20px;height:20px;object-fit:contain}.btn-gold{background:linear-gradient(180deg,#ffd066,#c97a25);color:#2b1806;border-color:#ffe6aa73;box-shadow:0 1px #fff0cd99 inset,0 10px 20px -10px #c97a25e6}.btn-green{background:linear-gradient(180deg,#8fc748,#4f7c20);color:#12240a;border-color:#d2f5a059;box-shadow:0 1px #e6ffc873 inset,0 10px 20px -10px #5b8a26e6}.btn-ghost{background:linear-gradient(180deg,#f5b93c1a,#f5b93c08);border-color:var(--line);color:var(--gold-soft)}.btn-dark{background:#00000052;border-color:var(--line-2);color:var(--muted)}.btn-done{background:#7cb33a1a;border-color:#7cb33a38;color:#8fb463}.btn-danger{background:#de6a4e1f;border-color:#de6a4e4d;color:var(--danger)}.btn-sm{height:34px;width:auto;padding:0 14px;font-size:12px;border-radius:11px}.btn:disabled{opacity:.5;pointer-events:none}.spin{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.field{width:100%;height:44px;border-radius:13px;padding:0 13px;background:#00000057;border:1px solid var(--line);color:var(--cream);font-size:14px;outline:none}.field:focus{border-color:#f5b93c66}.field::placeholder{color:var(--muted-2)}.list .li{display:flex;align-items:center;gap:11px;padding:12px 13px;border-bottom:1px solid var(--line-2);width:100%;text-align:left}.list .li:last-child{border-bottom:0}.mic{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(160deg,#3e2a14,#2a1b0d);border:1px solid var(--line);color:var(--gold-soft)}.tg-switch{width:40px;height:23px;border-radius:99px;background:#0000006b;border:1px solid var(--line);position:relative;flex:0 0 40px}.tg-switch i{position:absolute;top:2.5px;left:2.5px;width:16px;height:16px;border-radius:50%;background:var(--muted-2);transition:.18s}.tg-switch.on{background:linear-gradient(180deg,#7cb33a73,#5b8a2647);border-color:#7cb33a73}.tg-switch.on i{left:20px;background:linear-gradient(160deg,#a8d45f,#5b8a26)}.res{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.res .r{padding:10px 8px 9px;border-radius:15px;text-align:center;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);box-shadow:var(--sh)}.res .r img{width:34px;height:34px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.55))}.res .r .v{font-family:Fredoka;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}.res .r .l{font-size:8.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-top:2px;font-weight:700}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:15px;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);box-shadow:var(--sh)}.stat img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.stat .v{font-family:Fredoka;font-weight:600;font-size:14.5px;font-variant-numeric:tabular-nums;line-height:1}.stat .l{font-size:9px;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-weight:700}.hero-user{display:flex;align-items:center;gap:11px;padding:12px 13px}.av-ring{padding:2.5px;border-radius:50%;background:conic-gradient(var(--gold) var(--p,0%),rgba(255,255,255,.08) 0);flex:0 0 auto}.av{border-radius:50%;object-fit:cover;background:#3a2614;border:1.5px solid rgba(255,225,170,.25)}.lvl{padding:3px 9px;border-radius:999px;font-family:Fredoka;font-weight:600;font-size:10.5px;color:#2b1806;background:linear-gradient(180deg,#ffd066,#c97a25);border:1px solid rgba(255,235,180,.5)}.overview{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid rgba(245,185,60,.18);box-shadow:0 16px 30px -20px #000,0 1px #ffe1aa14 inset}.ov-art{position:relative;height:150px;background:radial-gradient(120% 90% at 50% 8%,#6e4b1e,#33210f 70%)}.ov-art .scene{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:96%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6))}.ov-art .mill{position:absolute;left:8px;bottom:0;height:96px;object-fit:contain;opacity:.9}.ov-art .fence{position:absolute;right:6px;bottom:-2px;height:56px;object-fit:contain;opacity:.95}.ov-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(20,13,7,.35) 0%,transparent 40%,rgba(20,13,7,.85) 100%)}.ov-chip{position:absolute;z-index:2}.ov-body{padding:12px 13px 13px;background:linear-gradient(180deg,rgba(38,25,14,.96),var(--card))}.ov-mini{display:flex;gap:7px;margin-bottom:11px}.ov-mini .m{flex:1;display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:12px;background:#0000004d;border:1px solid var(--line-2)}.ov-mini .m img{width:26px;height:26px;object-fit:contain}.ov-mini .m .v{font-family:Fredoka;font-weight:600;font-size:12.5px;line-height:1}.ov-mini .m .l{font-size:8.6px;color:var(--muted-2);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.img-btn{display:block;width:100%;border-radius:15px;overflow:hidden;transition:transform .12s,filter .12s;padding:0;background:#2a1b0e}.img-btn:active{transform:translateY(1px) scale(.995);filter:brightness(1.06)}.img-btn img{width:100%;display:block}.img-btn:disabled{opacity:.6;pointer-events:none}.tabs{display:flex;gap:5px;padding:4px;border-radius:15px;background:#00000057;border:1px solid var(--line-2)}.tabs button{flex:1;height:34px;border-radius:12px;font-family:Fredoka;font-weight:500;font-size:12.5px;color:var(--muted);border:1px solid transparent}.tabs button.on{color:var(--gold);background:linear-gradient(180deg,#5b3b15,#38240f);border-color:#f5b93c4d;box-shadow:0 1px #ffe1aa26 inset,0 8px 16px -10px #000}.task{display:flex;align-items:center;gap:11px;padding:11px 12px}.task .ic{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(90% 80% at 50% 25%,#4a3218,#291a0d);border:1px solid var(--line)}.task .ic img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.task.locked{opacity:.55}.reward{display:flex;align-items:center;gap:4px;font-family:Fredoka;font-weight:600;font-size:12px;color:var(--gold);margin-top:5px}.reward img{width:16px;height:16px;object-fit:contain}.farmstrip{position:relative;height:118px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:radial-gradient(110% 100% at 50% 0%,#6b4a1e,#2b1b0c 75%)}.farmstrip .barn{position:absolute;right:10px;bottom:4px;height:88px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6))}.farmstrip .mill{position:absolute;right:96px;bottom:2px;height:100px;object-fit:contain;opacity:.92}.farmstrip .fence{position:absolute;left:8px;bottom:0;height:48px;object-fit:contain;opacity:.9}.farmstrip .cow{position:absolute;left:66px;bottom:4px;height:52px;object-fit:contain}.farmstrip .info{position:absolute;left:12px;top:11px;z-index:2}.farmstrip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(18,11,6,.55),transparent 45%,rgba(18,11,6,.6))}.plots{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plot{position:relative;border-radius:16px;padding:8px;overflow:hidden;text-align:center;width:100%;background:radial-gradient(110% 90% at 50% 15%,#54381b,#2a1b0c 80%);border:1px solid var(--line);box-shadow:0 8px 16px -12px #000,0 1px #ffe1aa0f inset;transition:transform .12s,box-shadow .25s}.plot:active{transform:scale(.98)}.plot .art{height:74px;display:grid;place-items:center;margin-bottom:5px}.plot .art img{max-height:74px;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}.plot .name{font-family:Fredoka;font-weight:500;font-size:11.5px}.plot .st{font-size:10px;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}.plot.ready{border-color:#f5b93c8c;box-shadow:0 0 22px -6px #f5b93c8c,0 1px #ffe1aa29 inset}.plot.ready .st{color:var(--gold)}.plot .tag{position:absolute;top:7px;right:7px;font-size:8.6px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:99px;background:#00000080;border:1px solid var(--line-2);color:var(--muted)}.plot.ready .tag{background:linear-gradient(180deg,#ffd066,#c97a25);color:#2b1806;border-color:#ffebb480}.plot.empty .art img{opacity:.72}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.grid4 .btn{height:44px;flex-direction:column;gap:3px;border-radius:13px}.grid4 .btn img{width:19px;height:19px}.grid4 .btn span{font-size:10px;font-weight:600}.animal{padding:9px 9px 10px;border-radius:15px;text-align:center;background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);box-shadow:var(--sh)}.animal img{width:100%;height:56px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.animal .n{font-family:Fredoka;font-weight:500;font-size:11px;margin-top:4px}.animal .r{font-size:9.5px;color:var(--gold);font-weight:600;margin-top:1px}.banner{width:100%;border-radius:var(--r);border:1px solid rgba(245,185,60,.2);box-shadow:0 16px 30px -20px #000}.linkbox{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border-radius:14px;background:#0000005c;border:1px dashed rgba(245,185,60,.3)}.linkbox .l{flex:1;font-size:12px;color:var(--gold-soft);font-family:Fredoka;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mstone{display:flex;align-items:center;gap:11px;padding:11px 12px;border-bottom:1px solid var(--line-2)}.mstone:last-child{border-bottom:0}.mstone img{width:34px;height:34px;object-fit:contain}.mstone .mk{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#0000004d;border:1px solid var(--line-2);font-family:Fredoka;font-weight:600;font-size:12px;color:var(--muted)}.mstone.done .mk{background:linear-gradient(160deg,#3f5620,#25330f);border-color:#7cb33a4d;color:#9ccb4e}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(74px + var(--safe-b));padding:0 7px calc(8px + var(--safe-b));z-index:30;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:linear-gradient(180deg,#130c0699,#130c06fc 45%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0 6px;border-radius:15px;color:var(--muted-2);font-size:9.5px;font-weight:700;letter-spacing:.05em;position:relative;border:1px solid transparent;transition:.16s}.nav button img{width:26px;height:26px;object-fit:contain;filter:grayscale(.65) brightness(.72);transition:.16s}.nav button.on{color:var(--gold);transform:translateY(-5px);background:linear-gradient(180deg,#f5b93c2e,#c97a250f);border-color:#f5b93c42;box-shadow:0 -8px 20px -10px #f5b93cd9,0 1px #ffe1aa2e inset}.nav button.on img{filter:drop-shadow(0 4px 7px rgba(0,0,0,.6));transform:scale(1.1)}.nav button.on:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:22px;height:2px;border-radius:9px;background:var(--gold);box-shadow:0 0 10px #f5b93ce6}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(96px + var(--safe-b));z-index:60;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none;width:100%;max-width:420px;padding:0 16px}.toast{display:flex;align-items:center;gap:7px;padding:9px 15px;border-radius:99px;font-family:Fredoka;font-weight:500;font-size:12.5px;background:linear-gradient(180deg,#43290f,#291a09);border:1px solid rgba(245,185,60,.35);color:var(--gold-soft);box-shadow:0 14px 26px -14px #000;animation:toastIn .22s ease}.toast.bad{background:linear-gradient(180deg,#4a2318,#2a1409);border-color:#de6a4e66;color:#f0a992}.toast img{width:18px;height:18px;object-fit:contain}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:22px;background:#080502cc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:360px;border-radius:22px;padding:18px 16px 16px;text-align:center;background:linear-gradient(180deg,#33210f,#1e1409);border:1px solid rgba(245,185,60,.28);box-shadow:0 30px 60px -25px #000,0 1px #ffe1aa1f inset;animation:pop .22s ease}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.modal h3{font-family:Fredoka;font-weight:600;font-size:17px;margin:0 0 5px}.modal p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.modal .hero-img{width:96px;height:96px;object-fit:contain;margin:2px auto 10px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6))}.countdown{font-family:Fredoka;font-weight:700;font-size:44px;color:var(--gold);line-height:1;margin:6px 0 4px;font-variant-numeric:tabular-nums}.adscreen{height:120px;border-radius:16px;margin-bottom:12px;display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(45deg,#241708 0,#241708 12px,#2c1d0d 12px,#2c1d0d 24px);border:1px solid var(--line)}.gain{font-family:Fredoka;font-weight:600;font-size:22px;color:#9ccb4e;display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 0 2px}.gain img{width:26px;height:26px;object-fit:contain}.modal-actions{display:flex;gap:8px;margin-top:14px}.skeleton{border-radius:var(--r);background:linear-gradient(90deg,#241810,#2e2013,#241810);background-size:200% 100%;animation:sk 1.2s linear infinite;height:80px}@keyframes sk{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}