:root{--bg:#0f1a10;--panel:#172617;--panel2:#1f331e;--line:#2f4a2c;--text:#eef3e6;--mute:#9fb293;--gold:#f2c94c;--gold2:#d9a521;--leaf:#6fbf4a;--ok:#7ed36b;--bad:#ef6a5a;--blue:#5aa9e6;--warn:#f2c94c;--r0:#ffd166;--r1:#b8b8b8;--r2:#6fcf57;--r3:#4ea3ff;--r4:#b07cf0;--r5:#f2a900;--r6:#ff6a3d}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font:15px/1.5 Sarabun,system-ui,sans-serif;background:radial-gradient(1100px 520px at 50% -180px,#3b4a14 0,transparent 65%),linear-gradient(180deg,#132313 0,var(--bg) 420px) fixed}a{color:var(--gold)}h3{font-family:Prompt,Sarabun,sans-serif;margin:22px 0 10px;font-size:18px}h3 .s{font-weight:400}button,select,input,.btn{font:inherit;color:inherit}button,.btn{background:linear-gradient(180deg,var(--leaf),#4e9a31);border:0;border-radius:9px;padding:7px 14px;cursor:pointer;font-weight:600;color:#0d1c08;text-decoration:none;display:inline-block}button:hover:not(:disabled),.btn:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:not-allowed}button.yellow{background:linear-gradient(180deg,var(--gold),var(--gold2))}button.blue{background:linear-gradient(180deg,#7cc0f0,#3d8fd0)}button.ghost,.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}button.sm,.btn.sm{padding:4px 10px;font-size:13px}select,input{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 8px;min-width:0;max-width:100%}input:focus,select:focus{outline:2px solid var(--leaf);outline-offset:0}code{background:var(--panel2);padding:1px 6px;border-radius:6px;font-size:12px;word-break:break-all}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line);background:#0b140bdd;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap}.brand{font-family:Prompt,Sarabun,sans-serif;font-size:18px;display:flex;align-items:center;gap:8px}.brand b{color:var(--gold)}.net{font-size:12px;padding:2px 6px;border-radius:99px;color:var(--gold)}.net.mainnet{color:var(--ok)}.right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.who{color:var(--gold);font-weight:600}main{padding:12px 20px 60px;max-width:1300px;margin:0 auto}.banner{max-width:1300px;margin:10px auto 0;padding:6px 14px;border-radius:9px;background:#2a3a13;color:var(--gold);font-size:13px;text-align:center}.banner.bad{background:#4a1d17;color:#ffd0c8}.loading{text-align:center;color:var(--mute);padding:80px 20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:14px 20px 0;max-width:1300px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.card h4{margin:0;font-family:Prompt,Sarabun,sans-serif;font-size:16px}.k{color:var(--mute);font-size:13px}.v{font-family:Prompt,Sarabun,sans-serif;font-size:24px;font-weight:600;line-height:1.2}.v.sm{font-size:17px}.gold{color:var(--gold)}.dim{color:var(--mute)}.s{color:var(--mute);font-size:13px}.s b{color:var(--text)}.s.warn,.warn{color:var(--warn)}.s.ok,.ok{color:var(--ok)}.s.bad,.bad{color:var(--bad)}.bar{height:6px;background:#0006;border-radius:9px;overflow:hidden;margin:2px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold))}.bar.st i{background:linear-gradient(90deg,#3f8f2a,#9be15d)}.bar.dur i{background:linear-gradient(90deg,#7a5a32,#c9a46a)}.bar.grow i{background:linear-gradient(90deg,#5aa9e6,#9be15d)}nav{display:flex;gap:6px;flex-wrap:wrap;padding:14px 20px 0;max-width:1300px;margin:0 auto;align-items:center}.tab{background:var(--panel);color:var(--text);border:1px solid var(--line)}.tab.on{background:linear-gradient(180deg,var(--gold),var(--gold2));color:#1d1503;border-color:transparent}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.grid.sm{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.grid.econ{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.nft{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:7px}.nft.growing{border-color:#3f6b2e;box-shadow:inset 0 0 0 1px #3f6b2e55}.nft.dead{opacity:.85;border-style:dashed}.nft-head{display:flex;gap:10px;align-items:center}.nft-head img,.noimg{width:58px;height:58px;object-fit:cover;border-radius:10px;background:var(--panel2);flex:none;display:grid;place-items:center;font-size:26px}.nft.small .nft-head img,.nft.small .noimg{width:48px;height:48px}.name{font-weight:600;line-height:1.25}.meta{font-size:12px;color:var(--mute)}.r0{color:var(--r0)}.r1{color:var(--r1)}.r2{color:var(--r2)}.r3{color:var(--r3)}.r4{color:var(--r4)}.r5{color:var(--r5)}.r6{color:var(--r6)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:space-between}.row.center{justify-content:center}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.form label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--mute)}.form select,.form input{width:100%;color:var(--text);font-size:14px}.note{background:var(--panel2);border-radius:10px;padding:8px 10px;font-size:13px}.note.gold{color:var(--gold)}.note.bad{color:#ffc7bf}.note.warn{color:var(--warn)}.state{background:#0e1a0e;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.pill{font-size:11px;padding:1px 8px;border-radius:99px;background:var(--panel2);margin-left:4px;white-space:nowrap}.pill.blue{color:var(--blue)}.pill.warn{color:var(--warn)}.pill.gold{color:var(--gold)}.empty{color:var(--mute);padding:14px;border:1px dashed var(--line);border-radius:12px}details.svc{border-top:1px solid var(--line);padding-top:6px}details.svc summary{cursor:pointer;color:var(--gold);font-size:13px}details.svc[open]{display:flex;flex-direction:column;gap:6px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{color:var(--mute);font-weight:400;text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}.tbl td{padding:5px 6px;border-bottom:1px solid #ffffff0d}.tbl td.act{display:flex;gap:4px;justify-content:flex-end}.quest{border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.quest.done{opacity:.6}.quest button{align-self:flex-start;margin-top:4px}.card.big .v{font-size:28px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:#0b140b;border:1px solid var(--line);border-radius:12px;padding:10px 16px;z-index:20;max-width:min(92vw,620px);box-shadow:0 8px 30px #0008;cursor:pointer}.toast.ok{border-color:#3f8f2a}.toast.bad{border-color:#8a3328;color:#ffd0c8}.busy{position:fixed;right:16px;bottom:16px;font-size:22px;animation:spin 1.4s linear infinite;z-index:21}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;color:var(--mute);font-size:12px;padding:20px}.hero{padding:70px 20px 30px;text-align:center;background:linear-gradient(180deg,#0f1a1000 40%,var(--bg)),repeating-linear-gradient(100deg,#1b3a17 0,#1b3a17 18px,#183415 18px,#183415 36px);border-bottom:1px solid var(--line)}.hero-in{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px;align-items:center}.hero h1{font-family:Prompt,Sarabun,sans-serif;font-size:clamp(40px,8vw,64px);margin:0;color:var(--gold);text-shadow:0 4px 30px #f2c94c44}.tag{font-size:18px;margin:0;max-width:560px}.show{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}.show figure{margin:0;width:110px}.show img,.show .noimg{width:110px;height:110px;border-radius:14px;object-fit:cover}.show figcaption{font-size:11px;color:var(--mute)}.guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;max-width:1300px;margin:20px auto;padding:0 20px}.step .ic{font-size:30px}.step p{margin:0;color:var(--mute);font-size:14px}.tablebox{max-width:1260px;margin:12px auto;overflow-x:auto}@media (max-width:600px){header{padding:8px 12px}main{padding:10px 12px 50px}.stats,nav{padding-left:12px;padding-right:12px}.grid,.grid.sm,.grid.econ{grid-template-columns:1fr}.v{font-size:20px}.stats{grid-template-columns:1fr 1fr}.stats .card:nth-child(n+3){grid-column:span 2}}.form label:last-child:nth-child(odd){grid-column:1/-1}.mapwrap{max-width:1300px;margin:12px auto 0;padding:0 20px;position:relative}.mapwrap.closed{display:flex;justify-content:flex-end}.mapwrap:not(.closed){overflow-x:auto}.farmmap{display:block;width:100%;min-width:760px;height:auto;border-radius:16px;border:3px solid #5b3d22;box-shadow:0 10px 30px #0007;background:#7fb04a}.maptoggle{position:absolute;right:30px;top:10px;background:#0d1a0dcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mapwrap.closed .maptoggle{position:static}.farmmap .plot,.farmmap .zone{cursor:pointer;transition:filter .15s}.farmmap .plot:hover,.farmmap .zone:hover{filter:brightness(1.12) saturate(1.1)}.farmmap .plot.none{cursor:default}.farmmap .plot.none:hover{filter:none}.farmmap .plot.ripe .plabel rect{fill:#7a5a10e6}.farmmap .plot.ripe>rect:first-of-type{animation:sway 3s ease-in-out infinite}.farmmap .sign text,.farmmap .plabel text{font-family:Prompt,Sarabun,sans-serif;pointer-events:none}.farmmap .smoke circle{fill:#e8e8e8;opacity:0;animation:puff 3.2s ease-out infinite}.farmmap .smoke circle:nth-child(2){animation-delay:1s}.farmmap .smoke circle:nth-child(3){animation-delay:2s}@keyframes puff{0%{opacity:.75;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(14px,-26px) scale(1.8)}}.farmmap .smoke circle{transform-box:fill-box;transform-origin:center}.farmmap .bob{animation:bob 1.6s ease-in-out infinite;transform-box:fill-box}@keyframes bob{50%{transform:translate(3px,-2px)}}.farmmap .ripple{stroke-dasharray:6 8;animation:flow 3s linear infinite}@keyframes flow{to{stroke-dashoffset:-28}}.farmmap .spark{animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{50%{opacity:.35}}@keyframes sway{50%{filter:brightness(1.12)}}.plotcard{position:relative;padding-top:24px}.plotcard:before{content:"";position:absolute;left:0;right:0;top:0;height:14px;border-radius:13px 13px 0 0;opacity:.95}.st-water:before{background:repeating-linear-gradient(0deg,#7d8f6a 0,#7d8f6a 5px,#6f8360 5px,#6f8360 7px)}.st-seed:before{background:radial-gradient(circle,#9fd16a 2px,transparent 2.5px) 0 0/10px 7px,#7d8f6a}.st-grow:before{background:radial-gradient(circle,#76c447 3px,transparent 3.5px) 0 0/9px 7px,#4e9a32}.st-ripe:before{background:radial-gradient(circle,#f0cd56 3px,transparent 3.5px) 0 0/9px 7px,#c79a2a}.st-mud:before{background:repeating-linear-gradient(0deg,#8c6b45 0,#8c6b45 5px,#7d5e3b 5px,#7d5e3b 7px)}.st-dead:before{background:#a08a66}.millcard{position:relative;padding-top:24px}.millcard:before{content:"";position:absolute;left:0;right:0;top:0;height:14px;border-radius:13px 13px 0 0;background:repeating-linear-gradient(90deg,#b9c0c4 0,#b9c0c4 6px,#99a1a6 6px,#99a1a6 8px)}.flash{animation:flash 1.6s ease}@keyframes flash{0%,60%{box-shadow:0 0 0 3px var(--gold),0 0 30px #f2c94c88}to{box-shadow:none}}main{border-radius:18px;margin-top:12px}main.t-farm{background:repeating-linear-gradient(100deg,#ffffff05 0 26px,transparent 26px 52px)}main.t-mill{background:radial-gradient(circle,#ffffff08 1.5px,transparent 2px) 0 0/22px 22px}main.t-market{background:repeating-linear-gradient(45deg,#ffffff05 0 12px,transparent 12px 24px)}.hero{position:relative;overflow:hidden;padding:90px 20px 60px}.hero-map{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-map .farmmap{width:100%;height:100%;min-width:0;border:0;border-radius:0;box-shadow:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0f1a10e6 0,#0f1a10b3 40%,#0f1a1066 75%),linear-gradient(180deg,transparent 70%,var(--bg))}.hero-in{position:relative;z-index:1}@media (max-width:600px){.mapwrap{padding:0 12px}.maptoggle{right:18px}}.hero .btn.ghost{background:#0d1a0dcc;border-color:#ffffff40}.guide-top{max-width:1300px;margin:16px auto 0;padding:0 20px}.guide-top+.guide-intro{margin-top:10px}.guide-intro{max-width:1260px;margin:20px auto 0}.guide-intro h3{margin:0 0 6px}.guide-intro h4{margin:8px 0 4px}.guide-intro ol,.rules{margin:4px 0 0;padding-left:22px;color:var(--mute);font-size:14px;line-height:1.6}main>.guide-top:last-child{margin:8px auto 24px}