:root{--sand:#f3dcb2;--ink:#2c1c12;--terra:#c2643a;--teal:#1fa4a0;--card:#fff8ec;--muted:#7a6352;--ok:#3e8e41;--bad:#b3401f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--sand);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;font:15px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Noto Sans Arabic,Tahoma,sans-serif}#app{grid-template-rows:auto auto 1fr auto auto;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#world{touch-action:none;width:100%;height:100%;min-height:0;display:block}#hud{padding:calc(env(safe-area-inset-top) + 6px) 8px 4px;color:#fff;background:linear-gradient(#5a321b,#6e3f22);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font-variant-numeric:tabular-nums;background:#00000040;border-radius:12px;align-items:baseline;gap:3px;padding:2px 8px;display:flex}.chip small{opacity:.7;font-size:10px}.vname{margin-inline-end:6px;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row.between{justify-content:space-between}.icon-btn{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:10px;min-width:34px;height:30px;font-weight:700}#goal{background:#fff3d9;border-bottom:1px solid #e6c899;align-items:center;gap:8px;min-height:42px;padding:6px 10px;display:flex}#goal:empty{display:none}.goal-dot{background:var(--teal);border-radius:50%;flex:none;width:10px;height:10px;animation:1.6s infinite pulse;box-shadow:0 0 0 4px #1fa4a033}.goal-text{flex:1;font-weight:600}@keyframes pulse{50%{box-shadow:0 0 0 8px #1fa4a000}}#hooks{text-align:center;color:var(--muted);min-height:18px;padding:2px 8px;font-size:12px}#tabs{padding-bottom:env(safe-area-inset-bottom);background:#fff8ec;border-top:1px solid #e6c899;grid-template-columns:repeat(7,1fr);display:grid}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:6px 0;font-size:18px;display:flex}.tab small{font-size:10px}.tab.on{color:var(--terra);font-weight:700}#sheet{left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));background:var(--card);z-index:5;border-radius:18px 18px 0 0;flex-direction:column;max-height:62vh;animation:.18s ease-out up;display:flex;position:fixed;box-shadow:0 -8px 30px #3c1e0a40}#sheet.slim{max-height:120px}#sheet[hidden],#modal[hidden],#landing[hidden]{display:none}@keyframes up{0%{opacity:0;transform:translateY(30px)}}.sheet-body{-webkit-overflow-scrolling:touch;padding:14px 16px 18px;overflow:auto}.close{cursor:pointer;z-index:1;background:0 0;border:0;font-size:18px;position:absolute;top:6px}.close:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:8px}.close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:8px}.close:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px}h1{color:var(--terra);letter-spacing:.5px;margin:6px 0;font-size:34px}h2{margin:0 0 8px;font-size:19px}h3{margin:14px 0 6px;font-size:15px}.btn{font:inherit;color:var(--ink);cursor:pointer;background:#ecd3ac;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-weight:700;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--terra);color:#fff}.btn.small{padding:6px 10px;font-size:13px}.btn.wide{width:100%;margin:6px 0}.link{color:var(--terra);cursor:pointer;background:0 0;border:0;padding:6px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.warn{color:var(--bad)}.card{background:#fff;border-radius:14px;margin:10px 0;padding:12px;box-shadow:0 2px 8px #3c1e0a14}.list-row{border-bottom:1px solid #f0e2c8;align-items:center;gap:10px;padding:8px 0;display:flex}.list-row.dim{opacity:.55}.list-row.on{background:#fff3d9}.grow{flex:1;min-width:0}.grow small{display:block}.thumb{object-fit:contain;width:44px;height:68px}.cost{flex-wrap:wrap;gap:8px;margin:4px 0;font-size:13px;display:flex}.cost .ok{color:var(--ok)}.cost .bad{color:var(--bad)}.cost.big{justify-content:center;font-size:18px}.bar{background:#f0e2c8;border-radius:8px;height:16px;margin:4px 0;position:relative;overflow:hidden}.bar i{background:linear-gradient(90deg, #ffb347, var(--terra));transition:width .4s;position:absolute;top:0;bottom:0}.bar i:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bar i:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bar i:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bar i:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bar span{font-variant-numeric:tabular-nums;padding-inline-start:6px;font-size:11px;position:relative}.track{gap:6px;padding:4px 0 8px;display:flex;overflow-x:auto}.milestone{cursor:pointer;width:96px;font:inherit;background:#fff;border:2px solid #ecd3ac;border-radius:12px;flex-direction:column;flex:none;gap:2px;padding:6px;display:flex}.milestone.ready{border-color:var(--teal);box-shadow:0 0 0 3px #1fa4a033}.milestone.got{opacity:.5}.milestone small{font-size:11px}.milestone i{color:var(--muted);font-size:10px}.swatch{border:2px solid #fff;border-radius:8px;flex:none;width:26px;height:26px;box-shadow:0 0 0 1px #e6c899}.pill{background:#ecd3ac;border-radius:10px;padding:2px 8px;font-size:12px}input{font:inherit;background:#fff;border:1px solid #e0c393;border-radius:10px;width:100%;margin:4px 0;padding:10px 12px}.row input{flex:1;width:auto;min-width:120px}.board{margin:6px 0;padding-inline-start:22px}.board li{justify-content:space-between;padding:3px 0;display:flex}.board li.me{color:var(--terra);font-weight:700}.rival{margin:4px 0;font-weight:600}.rival.up{color:var(--terra)}.rival.down{color:var(--ok)}.chat-log{background:#fff;border-radius:10px;height:160px;padding:8px;font-size:13px;overflow:auto}.msg{word-wrap:break-word;padding:2px 0}#toasts{top:70px;pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;left:0;right:0}.toast{background:var(--ink);color:#fff;border-radius:12px;max-width:90vw;padding:8px 14px;transition:opacity .3s,transform .3s}.toast.ok{background:var(--ok)}.toast.err{background:var(--bad)}.toast.out{opacity:0;transform:translateY(-10px)}#modal{z-index:10;background:#28140873;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{text-align:center;width:min(92vw,380px);animation:.25s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}}#landing{z-index:8;background:linear-gradient(#f3dcb259,#c2643a59);place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.landing-card{width:min(94vw,420px)}.wicon{width:22px;height:22px}.mini-board{background:#fff3d9;border-radius:12px;margin-top:12px;padding:10px}.market{margin-top:10px}.market .btn{margin:3px}code{background:#f0e2c8;border-radius:6px;padding:1px 6px}@media (min-width:900px){#sheet{border-radius:18px;width:420px;max-height:75vh;bottom:72px}#sheet:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:16px}#sheet:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:16px}#sheet:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:16px;right:auto}#sheet:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:16px;right:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.chip{direction:ltr;unicode-bidi:isolate}@media (max-width:520px){#hud{gap:4px;padding-inline-start:6px;padding-inline-end:6px}.chips{gap:4px}.chip{padding:2px 6px;font-size:13px}.chip small{display:none}.vname{font-size:13px}.icon-btn{min-width:30px;height:26px}.tab small{font-size:9px}#sheet{max-height:58vh}}#netbanner{z-index:30;color:#2c1c12;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:repeating-linear-gradient(45deg,#fc0 0 14px,#ffd84d 14px 28px);border-bottom:2px solid #2c1c12;justify-content:center;align-items:center;height:30px;padding:0 8px;font-size:13px;font-weight:800;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}body.testnet #app,body.testnet #landing,body.testnet #modal{top:30px}#netbanner span{unicode-bidi:isolate}#netbanner span+span:before{content:"—";margin:0 8px}@media (max-width:520px){#netbanner{white-space:normal;flex-direction:column;font-size:11px;line-height:13px}#netbanner span+span:before{content:none}}