:root{--outline:#3b2414;--yolk:#f4b41a;--on-yolk:#3a2604;--plank:#8a5530;--chip:#fff6e3;--font-display:"Unbounded", "Arial Black", system-ui, sans-serif;--font-body:"Golos Text", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#23451a;margin:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#game canvas{display:block}.hud{top:calc(env(safe-area-inset-top,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 14px);pointer-events:none;justify-items:start;gap:10px;display:grid;position:fixed}.hud>*{pointer-events:auto}.brand{font-family:var(--font-display);letter-spacing:-.01em;transform-origin:0 100%;text-shadow:2px 0 0 var(--outline), -2px 0 0 var(--outline), 0 2px 0 var(--outline), 0 -2px 0 var(--outline), 1.5px 1.5px 0 var(--outline), -1.5px 1.5px 0 var(--outline), 1.5px -1.5px 0 var(--outline), -1.5px -1.5px 0 var(--outline), 0 4px 0 var(--outline);font-size:clamp(20px,3.2vw,30px);font-weight:900;line-height:1;transform:rotate(-2deg)}.brand-1{color:#ffc21f}.brand-2{color:#fff6e4}.hud-row{align-items:center;gap:8px;display:flex}.btn{appearance:none;font:inherit;border:2px solid var(--outline);background:var(--yolk);color:var(--on-yolk);box-shadow:0 3px 0 var(--outline);cursor:pointer;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 0 0 var(--outline);transform:translateY(3px)}.btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.btn.round{background:var(--chip);place-items:center;width:46px;height:46px;padding:0;font-size:24px;display:grid}.btn.round.small{font-size:20px}.btn.round.on{background:var(--yolk)}.btn.ghost{background:var(--chip)}.btn:disabled{opacity:.5;cursor:default;box-shadow:0 3px 0 var(--outline);transform:none}.btn.round.off{opacity:.55;text-decoration:line-through}#btn-sound .snd-off,#btn-sound.off .snd-on{display:none}#btn-sound.off .snd-off{display:inline}.level{align-items:center;height:48px;display:inline-flex;position:relative}.level-badge{z-index:2;width:48px;height:48px;filter:drop-shadow(0 3px 0 var(--outline));place-items:center;display:grid;position:relative}.level-badge svg{position:absolute;inset:0}.level-badge b{font-family:var(--font-display);color:#fff;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;margin-top:4px;font-size:15px;font-weight:900;position:relative}.level-bar{border:2.5px solid var(--outline);width:168px;height:24px;box-shadow:inset 0 3px 0 #00000040, 0 3px 0 var(--outline);background:#6b4a2e;border-radius:999px;margin-left:-18px;position:relative;overflow:hidden}.level-fill{background:linear-gradient(#ffe68a 0%,#ffc21f 50%,#ee9a12 100%);border-radius:999px;width:0;min-width:20px;transition:width .5s cubic-bezier(.3,1.4,.5,1);position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -2px #96500059}.level-fill:after{content:"";background:#ffffff8c;border-radius:999px;height:4px;position:absolute;top:3px;left:8px;right:8px}.level-text{font-variant-numeric:tabular-nums;color:#fff6e4;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;place-items:center;padding-left:12px;font-size:12.5px;font-weight:700;display:grid;position:absolute;inset:0}.level.up .level-badge{animation:.7s ease-out star-pop}@keyframes star-pop{30%{transform:scale(1.3)rotate(-12deg)}60%{transform:scale(.95)rotate(4deg)}to{transform:none}}.res{appearance:none;font:inherit;border:2px solid var(--outline);background:var(--chip);color:var(--outline);box-shadow:0 3px 0 var(--outline);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 8px;display:inline-flex}.res:active{box-shadow:0 0 0 var(--outline);transform:translateY(3px)}.res[hidden]{display:none}.res-text{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.res-cap{opacity:.6;margin-left:4px;font-size:13px;font-weight:600}.res.full .res-cap{opacity:1;color:#b4561e}.res.bump{animation:.45s ease-out res-bump}@keyframes res-bump{30%{transform:scale(1.14)rotate(-2deg)}to{transform:none}}.seed{color:var(--chip);font-variant-numeric:tabular-nums;background:#3b2414b8;border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:600}.zoom{right:calc(env(safe-area-inset-right,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);gap:10px;display:grid;position:fixed}.hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);color:#fff6e4;text-align:center;pointer-events:none;background:#1e140a8c;border-radius:999px;max-width:calc(100vw - 140px);margin:0;padding:7px 14px;font-size:13px;font-weight:500;position:fixed;transform:translate(-50%)}.hint.tip{background:var(--chip);color:var(--outline);border:2px solid var(--outline);box-shadow:0 3px 0 var(--outline);font-weight:600;animation:.4s ease-out tip-in}@keyframes tip-in{0%{opacity:0;translate:0 8px}}.loading{color:#fff6e4;font-family:var(--font-display);background:#23451a;place-items:center;font-size:20px;font-weight:800;display:grid;position:fixed;inset:0}.loading.hidden{opacity:0;pointer-events:none;transition:opacity .35s}.clock{appearance:none;font:inherit;cursor:pointer;top:calc(env(safe-area-inset-top,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 14px);border:2px solid var(--outline);background:var(--chip);box-shadow:0 3px 0 var(--outline);color:var(--outline);border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 7px;font-size:14px;font-weight:600;display:inline-flex;position:fixed}.clock:active{box-shadow:0 0 0 var(--outline);transform:translateY(3px)}.clock.static{cursor:default}.clock.static:active{box-shadow:0 3px 0 var(--outline);transform:none}.clock:focus-visible{outline-offset:2px;outline:3px solid #fff}.clock-icon,.clock-weather{place-items:center;width:28px;height:28px;display:grid}.clock-weather{margin-left:-2px;margin-right:-6px}.clock-weather[hidden]{display:none}.clock-icon svg,.clock-weather svg{display:block}.clock-text b{font-variant-numeric:tabular-nums;margin-left:2px;font-size:17px}.build{left:calc(env(safe-area-inset-left,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 92px);border:2px solid var(--outline);background:var(--chip);width:min(360px,100vw - 104px);max-height:calc(100vh - 220px);box-shadow:0 4px 0 var(--outline);color:var(--outline);border-radius:16px;padding:12px 14px 14px;position:fixed;overflow:auto}.build[hidden]{display:none}.build-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;display:flex}.build-close{appearance:none;cursor:pointer;color:var(--outline);background:0 0;border:0;padding:2px 6px;font-size:18px}.build-list{gap:10px;display:grid}.build-item{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;display:grid}.build-item.soon{opacity:.6}.build-text{gap:2px;font-size:14px;display:grid}.build-text span{opacity:.7;font-size:12.5px}.build-soon{background:#3b24141f;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.build-hint{opacity:.7;margin:4px 0 0;font-size:12.5px}.build-busy{background:#f4b41a38;border-radius:10px;margin:0 0 10px;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.3}.build-busy[hidden]{display:none}.build-sub{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin-top:4px;font-size:12px;font-weight:700}.bottombar{left:calc(env(safe-area-inset-left,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);align-items:center;gap:12px;display:flex;position:fixed}.build-btn{border-width:3px;border-radius:50%;place-items:center;width:62px;height:62px;padding:0;display:grid}.build-btn.on{background:#ffd54a}.build-item .btn{padding:8px 12px;font-size:13px}.build-item .btn[hidden]{display:none}.barn-cap{align-items:center;gap:10px;margin:0 0 10px;font-size:12.5px;font-weight:700;display:flex}.barn-cap[hidden]{display:none}.barn-bar{border:2px solid var(--outline);background:#fff;border-radius:999px;flex:1;height:12px;overflow:hidden}.barn-fill{background:var(--yolk);width:0;height:100%;transition:width .3s;display:block}.build.full .barn-fill{background:#e2543e}.barn-cap-text{white-space:nowrap;font-variant-numeric:tabular-nums}.barn-count{border:2px solid var(--outline);text-align:center;font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;min-width:40px;padding:4px 10px;font-size:15px}.barn-item.empty>svg,.barn-item.empty .barn-count{opacity:.45}.bed-row{grid-column:2/-1;align-items:center;gap:10px;margin-top:-4px;display:flex}.bed-limit{opacity:.7;font-size:12px;font-weight:600;line-height:1.25}.stepper{border:2px solid var(--outline);box-shadow:0 2px 0 var(--outline);background:#fff;border-radius:999px;flex:none;align-items:center;display:inline-flex}.stepper[hidden]{display:none}.stepper button{appearance:none;width:30px;height:28px;font:inherit;color:var(--outline);cursor:pointer;background:0 0;border:0;padding:0;font-size:18px;font-weight:700;line-height:1}.stepper button:disabled{opacity:.3;cursor:default}.stepper button:focus-visible{outline:3px solid var(--yolk);outline-offset:-3px;border-radius:999px}.stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:22px;font-size:15px}.res.static{cursor:default}.up{background:#f4b41a29;border-radius:12px;grid-column:2/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin-top:-2px;padding:8px 10px;display:grid}.up[hidden]{display:none}.barn-cap+.up{margin:0 0 10px}.up-pips{grid-column:1/-1;gap:4px;display:flex}.up-pips i{background:#3b241429;border-radius:3px;width:18px;height:6px}.up-pips i.on{background:var(--yolk);box-shadow:inset 0 0 0 1.5px #3b24148c}.up-text{gap:2px;min-width:0;font-size:12.5px;display:grid}.up-title{font-size:13px}.up-cost,.up-lack{flex-wrap:wrap;align-items:center;gap:3px 6px;display:inline-flex}.up-cost{opacity:.75}.up-lack{color:#b4561e;font-weight:600}.up-lack[hidden]{display:none}.up .coin{width:12px;height:12px;display:block}.up .log{display:block}.up .lumber{width:15px;height:15px;display:block}.up-price{align-items:center;gap:2px;font-weight:700;display:inline-flex}.up-btn[hidden]{display:none}.build-item .up-btn{padding:7px 10px;font-size:12.5px}.shop-head-right{align-items:center;gap:6px;display:inline-flex}.shop-purse{font-variant-numeric:tabular-nums;background:#3b24141a;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 5px;font-size:15px;display:inline-flex}.shop-purse svg{width:18px;height:18px;display:block}.shop-icon{width:44px;height:40px;display:block;position:relative}.shop-icon>svg,.shop-icon>canvas{display:block}.shop-icon.pop{animation:.45s ease-out shop-pop}@keyframes shop-pop{35%{transform:scale(1.18)rotate(-6deg)}to{transform:none}}.shop-badge{border:2px solid var(--outline);background:var(--yolk);min-width:20px;height:20px;color:var(--on-yolk);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 5px;font-size:11.5px;line-height:16px;position:absolute;top:-6px;right:-6px}.shop-badge[hidden]{display:none}.shop-plus{color:#fff6e4;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;pointer-events:none;font-size:15px;font-weight:700;animation:.8s ease-out forwards shop-plus;position:absolute;top:0;left:50%}@keyframes shop-plus{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-26px)}}.build-text .shop-lack{color:#b4561e;opacity:1;align-items:center;gap:3px;font-weight:600;display:inline-flex}.build-text .shop-lack[hidden]{display:none}.shop-lack .coin{width:12px;height:12px}.shop-room{opacity:.75;margin:-2px 0 2px;font-size:13px}.shop-room[hidden]{display:none}.shop-buy{justify-content:center;align-items:center;gap:5px;min-width:64px;display:inline-flex}.shop-buy .coin{display:block}.shop-item.shop-point{border-radius:12px;animation:1.2s ease-out shop-point}@keyframes shop-point{0%,40%{background:#f4b41a73}to{background:0 0}}.stall-next{opacity:.75;font-variant-numeric:tabular-nums;margin:-4px 0 10px;font-size:12.5px;font-weight:700}.build-text .stall-price{opacity:.85;align-items:center;gap:3px;font-weight:600;display:inline-flex}.stall-price .coin{width:12px;height:12px;display:block}.stall-item.empty .shop-icon{opacity:.45}.build-item.order-item{align-items:start}.order-icons{width:44px;height:40px;display:block;position:relative}.order-icons>svg{display:block;position:absolute;top:0;left:0}.order-icons>svg+svg{transform-origin:0 0;top:13px;left:13px;transform:scale(.7)}.build-text .order-say{font-style:italic}.build-text .order-line{opacity:.85;font-weight:600}.build-text .order-line.lack{color:#b4561e;opacity:1}.build-text .order-pay{opacity:.85;flex-wrap:wrap;align-items:center;gap:3px;font-weight:600;display:inline-flex}.order-pay .coin{width:12px;height:12px;display:block}.order-btns{justify-items:end;gap:4px;display:grid}.order-drop{appearance:none;font:inherit;color:var(--outline);opacity:.6;cursor:pointer;background:0 0;border:0;padding:2px;font-size:12px;text-decoration:underline}.order-drop.armed{color:#9a2a1a;opacity:1}.order-empty{opacity:.65;margin:0;padding:2px 0;font-size:12.5px;font-weight:600}.heroes{gap:10px;display:flex}.hero-btn{appearance:none;border:3px solid var(--outline);width:62px;height:62px;box-shadow:0 3px 0 var(--outline);cursor:pointer;background:#cfe7b4;border-radius:50%;padding:0;position:relative}.hero-btn canvas{border-radius:50%;width:100%;height:100%;display:block}.hero-badge{border:2px solid var(--outline);background:var(--chip);width:26px;height:26px;box-shadow:0 2px 0 var(--outline);pointer-events:none;border-radius:50%;place-items:center;animation:.25s ease-out badge-in;display:grid;position:absolute;bottom:-5px;right:-7px}.hero-badge svg{display:block}@keyframes badge-in{0%{opacity:0;transform:scale(.4)}}.hero-btn.on{box-shadow:0 0 0 3px var(--yolk), 0 3px 0 var(--outline);border-color:#fff6e4}.hero-btn:active{box-shadow:0 0 0 var(--outline);transform:translateY(3px)}.movebar{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);border:2px solid var(--outline);box-shadow:0 4px 0 var(--outline);color:var(--outline);background:#fff6e3f0;border-radius:16px;justify-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px 14px 12px;font-size:14px;font-weight:700;display:grid;position:fixed;transform:translate(-50%)}.movebar[hidden]{display:none}.movebar-row{gap:10px;display:flex}.movebar-text{text-align:center}body.moving .hint,body.moving .hint.tip{display:none}.confirm{z-index:10;background:#140e0673;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm[hidden]{display:none}.confirm-box{border:2px solid var(--outline);background:var(--chip);width:min(340px,100%);box-shadow:0 4px 0 var(--outline);color:var(--outline);border-radius:16px;gap:10px;padding:16px 18px 18px;animation:.18s ease-out confirm-in;display:grid}.confirm-title{font-size:17px}.confirm-text{opacity:.8;margin:0;font-size:14px;line-height:1.35}.confirm-row{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@keyframes confirm-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}.confirm-reset{border-top:2px dashed #3b241440;justify-items:start;gap:8px;margin-top:6px;padding-top:12px;display:grid}.btn.danger{color:#9a2a1a}.away-list{gap:6px;margin:0;padding:0;font-size:14px;line-height:1.35;list-style:none;display:grid}.away-list li{padding-left:16px;position:relative}.away-list li:before{content:"•";opacity:.6;position:absolute;left:3px}.away-list li.note{opacity:.75}.btn.danger.armed{color:#fff6e4;background:#c8432f}.start{z-index:9;background:#140e0680;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.start[hidden]{display:none}.start-login{justify-self:center;margin-top:4px;padding:8px 14px 10px;font-size:14px}.start-login[hidden]{display:none}.start-box{border:2px solid var(--outline);background:var(--chip);width:min(440px,100%);max-height:calc(100dvh - 32px);box-shadow:0 5px 0 var(--outline);color:var(--outline);text-align:center;border-radius:20px;gap:10px;padding:18px 18px 20px;animation:.22s ease-out confirm-in;display:grid;overflow:auto}.start-title{font-family:var(--font-display);font-size:19px;font-weight:800;line-height:1.2}.start-text{opacity:.8;margin:0;font-size:14px;line-height:1.4}.start-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.start-card{appearance:none;border:2px solid var(--outline);box-shadow:0 4px 0 var(--outline);color:var(--outline);font:inherit;cursor:pointer;background:linear-gradient(#bfe08f,#8cc35a);border-radius:16px;justify-items:center;gap:4px;padding:8px 6px 10px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s;display:grid}.start-card canvas{aspect-ratio:3/4;width:100%;max-width:150px}.start-card:hover{box-shadow:0 6px 0 var(--outline);background:linear-gradient(#cdea9f,#9bd068);transform:translateY(-2px)}.start-card:focus-visible{outline:3px solid var(--yolk);outline-offset:2px}.start-card:active{box-shadow:0 1px 0 var(--outline);transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.start-box,.start-card{transition:none;animation:none}}.account{appearance:none;font:inherit;cursor:pointer;top:calc(env(safe-area-inset-top,0px) + 66px);right:calc(env(safe-area-inset-right,0px) + 14px);border:2px solid var(--outline);background:var(--chip);max-width:min(200px,45vw);box-shadow:0 3px 0 var(--outline);color:var(--outline);border-radius:999px;align-items:center;gap:7px;padding:4px 13px 4px 4px;font-size:14px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:fixed}.account[hidden]{display:none}.account:active{box-shadow:0 0 0 var(--outline);transform:translateY(3px)}.account:focus-visible{outline-offset:2px;outline:3px solid #fff}.account-avatar{border:2px solid var(--outline);background:var(--chip);width:28px;height:28px;color:var(--outline);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.account.in .account-avatar{background:var(--yolk);color:var(--on-yolk)}.account-avatar svg{display:block}.account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coop-chip{top:calc(env(safe-area-inset-top,0px) + 112px);right:calc(env(safe-area-inset-right,0px) + 14px);border:2px solid var(--outline);background:var(--chip);box-shadow:0 3px 0 var(--outline);color:var(--outline);pointer-events:none;border-radius:999px;align-items:center;gap:4px;padding:3px 4px 3px 11px;font-size:12.5px;font-weight:700;display:inline-flex;position:fixed}.coop-chip[hidden]{display:none}.coop-label{margin-right:3px}.coop-who{border:1.5px solid var(--outline);width:24px;height:24px;font-family:var(--font-display);background:#bfe08f;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.coop-who.me{background:var(--yolk)}.auth{display:flex;overflow-y:auto}.auth-box{gap:12px;width:min(360px,100%);margin:auto}.auth-head{justify-content:space-between;align-items:center;display:flex}.auth-tabs{background:#3b24141a;border-radius:12px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.auth-tabs[hidden],.auth-form[hidden],.profile[hidden]{display:none}.auth-tabs button{appearance:none;font:inherit;color:var(--outline);cursor:pointer;opacity:.65;background:0 0;border:0;border-radius:9px;padding:8px;font-size:14px;font-weight:700}.auth-tabs button[aria-selected=true]{background:var(--chip);opacity:1;box-shadow:0 0 0 1.5px var(--outline), 0 2px 0 1.5px var(--outline)}.auth-form{gap:10px;display:grid}.field{gap:4px;font-size:13px;font-weight:700;display:grid}.field small{opacity:.6;font-size:12px;font-weight:500}.field input{width:100%;font:500 16px var(--font-body);color:var(--outline);-webkit-user-select:text;user-select:text;background:#fff;border:2px solid #3b241459;border-radius:10px;padding:10px 12px}.field input:focus{border-color:var(--outline);outline:none;box-shadow:0 0 0 3px #f4b41a8c}.field input[aria-invalid=true]{border-color:#d0452e;box-shadow:0 0 0 3px #e2543e40}.field-pass{display:block;position:relative}.field-pass input{padding-right:88px}.auth-eye{appearance:none;font:inherit;color:var(--plank);cursor:pointer;background:0 0;border:0;padding:8px;font-size:12.5px;font-weight:700;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.auth-error{color:#a3301c;background:#e2543e24;border-radius:10px;margin:0;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.3}.auth-error[hidden]{display:none}.auth-form>.btn{margin-top:2px;padding:13px 14px;font-size:15px}.auth-note{opacity:.7;margin:0;font-size:12.5px;line-height:1.35}.profile{gap:12px;display:grid}.profile-card{align-items:center;gap:12px;display:flex}.profile-avatar{border:2px solid var(--outline);background:var(--yolk);width:52px;height:52px;color:var(--on-yolk);box-shadow:0 3px 0 var(--outline);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:800;display:grid}.profile-text{gap:2px;min-width:0;display:grid}.profile-text b{overflow-wrap:anywhere;font-size:16px}.profile-text span{opacity:.7;overflow-wrap:anywhere;font-size:13px}.auth-install{justify-self:stretch}.farms{gap:8px;display:grid}.farms:empty{display:none}.farm-here{background:#3b241412;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.farm-label{letter-spacing:.04em;text-transform:uppercase;opacity:.6;font-size:12px;font-weight:700}.farm-name{overflow-wrap:anywhere;font-size:16px}.farm-people{opacity:.75;overflow-wrap:anywhere;font-size:13px}.farm-invite-btn{justify-self:stretch}.farm-invite{gap:6px;display:grid}.farm-invite:empty{display:none}.farm-link{width:100%;font:500 14px var(--font-body);color:var(--outline);-webkit-user-select:all;user-select:all;background:#fff;border:2px solid #3b241459;border-radius:10px;padding:9px 10px}.farms-list{gap:6px;max-height:210px;display:grid;overflow-y:auto}.farm-row{border:1.5px solid #3b241433;border-radius:12px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.farm-row .btn{box-shadow:0 2px 0 var(--outline);padding:8px 10px;font-size:13px}.farm-text{gap:1px;min-width:0;margin-right:auto;display:grid}.farm-text b{overflow-wrap:anywhere;font-size:14px}.farm-text span{opacity:.7;overflow-wrap:anywhere;font-size:12.5px}.farm-new{appearance:none;font:700 13.5px var(--font-body);color:var(--plank);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0;text-decoration:underline}.farm-gate{z-index:20}.farm-gate .confirm-box{width:min(380px,100%)}@media (width<=480px){.account{padding:4px}.account-name{display:none}}@media (width<=1100px){.hint{max-width:calc(100vw - 400px);left:auto;right:76px;transform:none}}@media (width<=640px){.hint{display:none}.hint.tip{left:calc(env(safe-area-inset-left,0px) + 14px);right:76px;bottom:calc(env(safe-area-inset-bottom,0px) + 82px);text-align:left;border-radius:14px;max-width:none;display:block;transform:none}.hero-btn{width:52px;height:52px}body.moving .bottombar{display:none}.build-btn{width:52px;height:52px}.movebar{left:calc(env(safe-area-inset-left,0px) + 16px);right:76px;transform:none}}@media (width<=480px){.brand{font-size:17px}#clock-period{display:none}.clock{padding-right:12px}}@media (width<=420px){.clock:has(.clock-weather:not([hidden])) .clock-icon{display:none}.clock:has(.clock-weather:not([hidden])){padding-left:12px}}@media (width<=340px){.brand{display:none}.level-bar{width:120px}}@media (height<=500px){.zoom{grid-template-columns:repeat(2,46px);gap:8px}.hint{display:none}.hint.tip{left:calc(env(safe-area-inset-left,0px) + 14px);right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 90px);text-align:left;border-radius:14px;max-width:min(340px,100vw - 150px);display:block;transform:none}body.moving .bottombar{display:none}.build{max-height:calc(100vh - 106px - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px))}}@media (width<=440px){.build-item{grid-template-columns:44px minmax(0,1fr);row-gap:8px}.build-item>svg{grid-row:span 2}.build-item>.btn,.build-item>.build-soon{justify-self:start}.build-text{overflow-wrap:break-word}.bed-row{flex-wrap:wrap;row-gap:6px;margin-top:0}.bed-limit{flex:110px}.build-item.barn-item{grid-template-columns:44px minmax(0,1fr) auto}.barn-item>svg{grid-row:auto}.stall-item>.shop-icon,.order-item>.order-icons{grid-row:span 2}.order-btns{align-items:center;gap:12px;display:flex}.up{grid-column:1/-1}}@media (height<=500px) and (width>=560px){.auth{padding-top:10px;padding-bottom:10px}.auth-box{gap:8px;width:min(560px,100%);padding-top:12px;padding-bottom:14px}.auth-form{grid-template-columns:1fr 1fr;gap:8px 12px}.auth-form>.auth-error,.auth-form>.btn{grid-column:1/-1}.field input{padding-top:8px;padding-bottom:8px}}