:root{--safe-t: max(env(safe-area-inset-top, 0px), var(--tg-top, 0px));--safe-b: max(env(safe-area-inset-bottom, 0px), var(--tg-bottom, 0px));--safe-l: max(env(safe-area-inset-left, 0px), var(--tg-left, 0px));--safe-r: max(env(safe-area-inset-right, 0px), var(--tg-right, 0px));--ink: #3d2b1f;--paper: #fff6e3;--paper-2: #f6e6c4;--wood: #b5773f;--wood-d: #8a5a30;--green: #5fb03a;--gold: #f2b51d;--u: 1px;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#3d7a35}body{font:600 14px/1.25 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}.ic{width:18px;height:18px;vertical-align:-4px;flex:none}.ic.mid{width:32px;height:32px}.ic.big{width:44px;height:44px}.hud-top{position:absolute;left:0;right:0;top:0;padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 8px) 0 calc(var(--safe-l) + 8px);display:flex;justify-content:space-between;align-items:flex-start;gap:6px;pointer-events:none}.hud-top>*{pointer-events:auto}.profile{display:flex;align-items:center;gap:6px}.avatar{width:46px;height:46px;border-radius:12px;background:#ffd98a;border:2.5px solid var(--ink);box-shadow:inset 0 -3px #0000001f,0 2px #0003;display:grid;place-items:center;overflow:hidden}.avatar svg{width:40px;height:40px}.avatar img{width:44px;height:44px;object-fit:contain}.lvl{background:#3d2b1fb8;border-radius:10px;padding:4px 8px 6px;color:#fff;min-width:86px}.lvl-row{display:flex;align-items:center;gap:4px}.lvl-row b{font-size:16px}.lvl-cap{font-size:11px;opacity:.8}.xpbar{height:7px;border-radius:4px;background:#00000059;margin-top:3px;overflow:hidden}.xpbar i{display:block;height:100%;width:0;background:linear-gradient(#9be36a,#5fb03a);border-radius:4px;transition:width .3s}.wallet{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pill{display:flex;align-items:center;gap:4px;height:28px;padding:0 9px 0 5px;background:#3d2b1fb8;color:#fff;border-radius:14px;min-width:64px}.pill b{font-size:14px}.pill small{font-size:10px;opacity:.75;margin-left:2px;font-variant-numeric:tabular-nums}.hud-res{position:absolute;left:calc(var(--safe-l) + 8px);top:calc(var(--safe-t) + 64px);display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.chip[hidden]{display:none}.chip{display:flex;align-items:center;gap:4px;height:26px;padding:0 8px 0 4px;min-width:56px;background:#fff6e3e0;border:2px solid rgba(61,43,31,.55);border-radius:13px;font-size:13px}.quest-cards{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.quest-cards:empty{display:none}.quest-card{pointer-events:auto;width:168px;display:flex;align-items:center;gap:6px;padding:5px 8px 6px 5px;background:#fff6e3f0;border:2px solid rgba(61,43,31,.6);border-radius:12px;font:inherit;color:var(--ink);text-align:left;box-shadow:0 2px #0000002e}.quest-card[hidden]{display:none}.quest-card .ic{width:26px;height:26px;flex:none}.qc-t{flex:1;min-width:0}.qc-t b{display:block;font-size:11.5px;line-height:1.2;text-wrap:balance}.qc-row{display:flex;align-items:center;gap:6px;margin-top:4px}.qc-n{font-size:11px;font-weight:800;opacity:.8;flex:none}.qc-bar{flex:1;height:7px;border-radius:4px;background:#3d2b1f38;box-shadow:inset 0 1px 1px #3d2b1f40;overflow:hidden}.qc-bar i{display:block;height:100%;background:linear-gradient(#9be06a,#5fb03a);border-radius:4px}.quest-card.done{background:linear-gradient(#fff1b0,#ffd75a);animation:qc-pulse 1.2s ease-in-out infinite}@keyframes qc-pulse{50%{transform:scale(1.05)}}.quest-card,.nav-btn{position:relative}.hint:after{content:"";position:absolute;z-index:2;pointer-events:none;width:26px;height:30px;background:var(--hint-arrow) center / contain no-repeat}.nav-btn.hint:after{left:50%;bottom:calc(100% + 3px);margin-left:-13px;animation:hint-down 1.2s ease-in-out infinite}.quest-card.hint:after{left:calc(100% + 6px);top:50%;margin-top:-15px;animation:hint-left 1.2s ease-in-out infinite}@keyframes hint-down{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hint-left{0%,to{transform:rotate(90deg) translateY(0)}50%{transform:rotate(90deg) translateY(-7px)}}.qp-story{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.qp-face{width:64px;height:64px;flex:none}.qp-story .ic.big{flex:none}.qp-say{flex:1;background:#fff;border:2px solid rgba(61,43,31,.25);border-radius:14px;padding:8px 10px;position:relative}.qp-story.note .qp-say{background:#fbf0d4;font-style:italic}.qp-say b{font-size:12px;color:#8a5a35;font-style:normal}.qp-say p{margin:3px 0 0;font-size:14px;line-height:1.35;font-weight:500}.qp-task{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:14px;font-weight:700;margin-bottom:8px}.qp-task .qc-bar{grid-column:1 / -1;height:9px}.qp-reward{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:4px;margin-bottom:12px}.qp-reward .ic{width:18px;height:18px}.set-row.tog.qp-hint{grid-template-columns:auto 1fr auto;margin:-4px 0 10px;padding:6px 0 8px;border-top:1px dashed rgba(61,43,31,.2);font-weight:700;cursor:pointer}.set-row.qp-hint .ic{width:22px;height:22px;object-fit:contain}.qp-back{font-size:13px;color:#8a5a35;padding:0 0 8px;font-weight:700}.qp-swap{display:block;margin:0 0 6px}.nav-badge{position:absolute;top:-6px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e5483b;color:#fff;border:2px solid #fff;box-shadow:0 1px 2px #0000004d;font:800 11.5px/16px system-ui,sans-serif;font-style:normal;text-align:center}.qt-tabs{display:flex;gap:4px;margin-bottom:10px}.qt-tab{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 0 4px;border-radius:12px;background:var(--paper-2);border:2px solid transparent;font-size:10.5px;letter-spacing:-.01em;color:#5a4434}.qt-tab .ic{width:20px;height:20px;object-fit:contain}.qt-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qt-tab.on{background:#fff;border-color:var(--ink);color:var(--ink)}.qt-dot{position:absolute;top:3px;right:5px;width:10px;height:10px;border-radius:50%;background:#e5483b;border:2px solid #fff}.qt-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:2px 0 6px;font-size:15px}.qt-head span{font-size:12px;color:#8a6a50;font-weight:600;white-space:nowrap}.ql-row{display:flex;align-items:center;gap:8px;padding:7px 8px 8px 6px;margin-bottom:6px;cursor:pointer;background:linear-gradient(#fff,#fbf1dc);border:2px solid rgba(61,43,31,.35);border-radius:12px}.ql-row>.ic{width:32px;height:32px;flex:none;object-fit:contain}.ql-t{flex:1;min-width:0}.ql-t i{display:block;font-style:normal;font-size:11px;color:#8a6a50;font-weight:700}.ql-t i .ic{width:14px;height:14px;vertical-align:-3px}.ql-t b{display:block;font-size:13px;line-height:1.25;margin-top:1px}.ql-row .qc-row{margin-top:5px}.ql-row.done{background:linear-gradient(#fff6c8,#ffe27a);border-color:#3d2b1f99}.ql-row.pin{border-color:var(--ink)}.ql-row.off{cursor:default;background:#f6e6c48c;border-style:dashed}.ql-row.off>.ic{opacity:.5}.ql-row.off b{font-weight:600;color:#6b5442;font-size:12.5px}.ql-row.got{opacity:.6}.ql-go{flex:none;width:12px;font-size:22px;line-height:1;color:#a0806a;text-align:center}.ql-get{flex:none}.hud-bottom{position:absolute;left:0;right:0;bottom:0;padding:0 calc(var(--safe-r) + 8px) calc(var(--safe-b) + 8px) calc(var(--safe-l) + 8px);display:flex;justify-content:center;gap:8px;pointer-events:none}.nav-btn{pointer-events:auto;flex:1 1 0;max-width:92px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(#fff6e3,#f0d9a8);border:2.5px solid var(--ink);border-radius:14px;box-shadow:inset 0 -4px #8a5a3040,0 3px #00000040;font-size:11px}.nav-btn img{width:34px;height:34px}.nav-btn:active{transform:translateY(2px);box-shadow:inset 0 -2px #8a5a3040,0 1px #00000040}.popup{position:absolute;left:0;top:0;z-index:20;min-width:176px;max-width:min(280px,calc(100vw - 20px));background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;padding:8px;box-shadow:0 6px #0000002e,0 10px 24px #00000040;opacity:0;pointer-events:none;transition:opacity .12s}.popup.wide{min-width:236px}.popup.show{opacity:1;pointer-events:auto}.pp-title{font-size:15px;font-weight:800;padding:2px 4px 6px}.pp-text{font-size:12.5px;font-weight:500;padding:0 4px 8px;color:#5a4434}.pp-cost{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px 8px}.cost{display:inline-flex;align-items:center;gap:3px;background:var(--paper-2);border-radius:9px;padding:3px 8px 3px 4px;font-size:13px}.cost.lack{color:#c0392b;background:#fde0d6}.pp-list{display:flex;flex-direction:column;gap:5px;max-height:50vh;overflow:auto;touch-action:pan-y}.pp-btn{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px 6px 6px;text-align:left;background:linear-gradient(#fff,#f6e6c4);border:2px solid rgba(61,43,31,.5);border-radius:11px}.pp-btn .ic{width:28px;height:28px}.pp-l{flex:1;font-size:14px}.pp-s{font-size:11.5px;color:#6b5442;font-weight:600;text-align:right;white-space:nowrap}.pp-s .ic-s,.ic-s{width:14px;height:14px;margin:0 1px;vertical-align:-3px}.pp-btn:disabled{opacity:.5}.pp-btn:not(:disabled):active{background:#f0d9a8}.panel{position:absolute;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#141e0f59;opacity:0;pointer-events:none;transition:opacity .15s}.panel.show{opacity:1;pointer-events:auto}.pn-card{width:100%;max-height:78%;display:flex;flex-direction:column;background:var(--paper);border:3px solid var(--ink);border-bottom:0;border-radius:20px 20px 0 0;padding-bottom:var(--safe-b);transform:translateY(20px);transition:transform .18s}.panel.show .pn-card{transform:none}.pn-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(#c98d55,var(--wood));color:#fff;border-radius:17px 17px 0 0;font-size:17px;text-shadow:0 1px 0 rgba(0,0,0,.35)}.pn-x{width:36px;height:36px;border-radius:10px;background:#0003;color:#fff;font-size:18px}.pn-body{padding:12px 14px 16px;overflow:auto;touch-action:pan-y}.pn-hero{display:flex;gap:12px;align-items:center;margin-bottom:10px}.pn-hero span{display:block;font-size:12.5px;font-weight:500;color:#5a4434;margin-top:2px}.pn-sub{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#8a6a50;margin:12px 0 6px}.pn-text,.pn-empty{font-size:13px;font-weight:500;color:#5a4434;padding:6px 0}.stats{background:var(--paper-2);border-radius:12px;padding:4px 10px}.stat{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed rgba(61,43,31,.2);font-size:13px}.stat:last-child{border:0}.stat i{color:var(--green);font-style:normal}.btn-main{width:100%;height:50px;margin-top:8px;border-radius:14px;font-size:16px;color:#fff;background:linear-gradient(#7fd04f,#4f9e36);border:2.5px solid var(--ink);box-shadow:inset 0 -4px #00000026;text-shadow:0 1px 0 rgba(0,0,0,.3)}.btn-main:disabled{filter:grayscale(.8);opacity:.6}.btn-link{margin-top:18px;font-size:12px;color:#a0806a;text-decoration:underline}.btn-s{min-height:38px;padding:0 10px;border-radius:10px;font-size:12.5px;white-space:nowrap;background:#fff;border:2px solid rgba(61,43,31,.5);display:inline-flex;align-items:center;gap:3px}.btn-s.gold{background:linear-gradient(#ffe48a,#f2b51d)}.btn-s:disabled{opacity:.45}.inv-en{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:8px}.inv-en span{font-size:12px;font-weight:500;color:#6b5442}.inv-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:6px}.inv-tabs.c2{grid-template-columns:repeat(2,1fr)}@media (min-width: 700px){.inv-tabs.c2{grid-template-columns:repeat(4,1fr)}.inv-tabs.c6{grid-template-columns:repeat(6,1fr)}}.inv-tabs.wrap{display:flex;flex-wrap:wrap}.inv-tabs.wrap .inv-tab{flex:1 1 auto}.inv-tab{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;padding:0 6px;white-space:nowrap;border-radius:18px;background:var(--paper-2);border:2px solid transparent;font-size:13px;color:#5a4434}.inv-tab.on{background:#fff;border-color:var(--ink);color:var(--ink)}.inv-sort{display:flex;align-items:center;gap:6px;margin:4px 0 10px;font-size:12px;color:#8a6a50}.inv-chip{height:28px;padding:0 10px;border-radius:14px;background:transparent;border:1.5px solid rgba(61,43,31,.3);font-size:12px;color:#5a4434}.inv-chip.on{background:#ffe48a;border-color:#3d2b1f99}.inv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.inv-cell{position:relative;aspect-ratio:1;border-radius:12px;background:var(--paper-2);border:2px solid rgba(61,43,31,.18);display:flex;align-items:center;justify-content:center;padding:0}.inv-cell .ic{width:64%;height:64%}.inv-cell b{position:absolute;right:4px;bottom:2px;font-size:12.5px;text-shadow:0 0 2px #fff,0 0 2px #fff}.inv-cell.sel{border-color:var(--ink);background:#fff3c4}.inv-badge{position:absolute;left:3px;top:3px;width:38%;height:38%}.inv-info{position:relative;display:flex;flex-wrap:wrap;gap:8px 10px;padding:10px 14px 12px;border-top:2px solid rgba(61,43,31,.2);background:var(--paper-2)}.ii-ic{position:relative;flex:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px}.ii-ic .inv-badge{width:22px;height:22px;left:1px;top:1px}.ii-t{flex:1;min-width:0;padding-right:30px}.ii-t b{display:block;font-size:15px}.ii-t i{display:block;font-style:normal;font-size:11px;color:#8a6a50;text-transform:uppercase;letter-spacing:.03em}.ii-t span{display:block;font-size:12.5px;font-weight:500;color:#5a4434;margin-top:3px}.ii-t .ii-f{color:var(--ink);font-weight:600}.ii-x{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:8px;background:#00000014;font-size:14px}.ii-a{display:flex;gap:6px;width:100%;flex-wrap:wrap}.ii-a .btn-s{flex:1;justify-content:center}.ii-sell{width:100%;display:flex;flex-direction:column;gap:6px}.ii-step{display:flex;align-items:center;gap:6px}.ii-step .btn-s{flex:1;justify-content:center;padding:0 4px}.ii-q{min-width:44px;text-align:center;font-size:17px}@media (min-width: 700px) and (min-height: 500px){.inv-grid{grid-template-columns:repeat(7,1fr)}}@media (max-height: 500px) and (orientation: landscape){.inv-grid{grid-template-columns:repeat(8,1fr)}.inv-info{padding:6px 14px 8px}}.panel[data-kind=market] .pn-card{max-height:94%}.mk-seg{display:flex;background:var(--paper-2);border-radius:14px;padding:3px;margin-bottom:10px}.mk-seg button{flex:1;height:40px;border-radius:11px;font-size:15px;color:#6b5442}.mk-seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px #3d2b1f40}.mk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}.mk-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;background:none}.mk-cell i{position:relative;width:100%;aspect-ratio:1;border-radius:14px;background:var(--paper-2);border:2px solid rgba(61,43,31,.18);display:flex;align-items:center;justify-content:center}.mk-cell i .ic{width:66%;height:66%}.mk-cell i b{position:absolute;right:5px;bottom:3px;font-size:13px;text-shadow:0 0 2px #fff,0 0 2px #fff}.mk-cell span{font-size:12.5px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:2px}.mk-cell.sel i{border-color:var(--ink);background:#fff3c4}.mk-cell.locked i .ic{filter:grayscale(1);opacity:.5}.mk-cell.locked span{color:#8a6a50;font-weight:500}.mk-lock{position:absolute;right:4px;top:4px;width:26%;height:26%}.ii-note{width:100%;font-size:13px;font-weight:600;color:#8a6a50}@media (min-width: 700px) and (min-height: 500px){.mk-grid{grid-template-columns:repeat(6,1fr)}}@media (max-height: 500px) and (orientation: landscape){.mk-grid{grid-template-columns:repeat(7,1fr)}}.toast{position:absolute;left:50%;bottom:calc(var(--safe-b) + 84px);transform:translate(-50%);z-index:40;display:flex;flex-direction:column-reverse;align-items:center;gap:6px;pointer-events:none;width:min(92vw,420px)}.toast-item{background:#3d2b1feb;color:#fff;padding:9px 14px;border-radius:12px;font-size:13px;font-weight:600;text-align:center;transition:opacity .3s,transform .3s,height .35s ease,padding .35s ease,margin .35s ease;animation:toast-in .22s cubic-bezier(.2,.9,.3,1.2);box-sizing:border-box;overflow:hidden;will-change:transform,opacity}.toast-item.warn{background:#aa3c28f0}.toast-item.good{background:#3c8232f2}.toast-item .ic{width:16px;height:16px;vertical-align:-3px}.toast-item.hide{opacity:0;transform:translateY(-6px) scale(.96);padding-top:0;padding-bottom:0;margin-bottom:-6px}.levelup{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:41;pointer-events:none;display:flex;align-items:center;gap:12px;background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:12px 18px;box-shadow:0 8px #0003;animation:pop .3s cubic-bezier(.3,1.6,.6,1);transition:opacity .4s}.levelup.hide{opacity:0}.lv-star{position:relative}.lv-star b{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;padding-top:3px}.lv-text b{display:block;font-size:17px;white-space:nowrap}.levelup{width:max-content;max-width:calc(100vw - 32px)}.lv-text span{font-size:12.5px;font-weight:500}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}}@keyframes popt{0%{transform:scale(.8);opacity:0}}@keyframes toast-in{0%{transform:translateY(8px) scale(.85);opacity:0}}.loading{position:absolute;inset:0;z-index:50;display:grid;place-items:center;color:#fff;font-size:16px;background:radial-gradient(ellipse at 50% 40%,#8fd35c,#5fb03a 45%,#3d7a35);transition:opacity .45s}.ld-bg{position:absolute;inset:0;width:100%;height:100%}.ld-box{position:relative;margin-top:-22vh;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(80vw,300px)}.ld-ghost{width:96px;height:108px;animation:ld-float 1.6s ease-in-out infinite}@keyframes ld-float{50%{transform:translateY(-8px) scale(.98,1.03)}}.ld-title{font-size:24px;line-height:1.15;text-align:center;max-width:280px;font-weight:800;letter-spacing:.5px;color:#fff6e3;text-shadow:0 2px 0 #3d2b1f,0 0 2px #3d2b1f}.ld-bar{width:100%;height:14px;border-radius:8px;background:#3d2b1f73;border:2px solid #3d2b1f;overflow:hidden}.ld-bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;will-change:transform;background:linear-gradient(#ffd75a,#f2b51d);transition:transform .8s ease-out}.ld-bar{position:relative}.ld-bar:after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:ld-shine 1.3s linear infinite;will-change:transform}@keyframes ld-shine{0%{transform:translate(-100%)}to{transform:translate(260%)}}.ld-text{text-align:center;font-size:14px;font-weight:700;color:#fff6e3;text-shadow:0 1px 0 #3d2b1f,0 0 2px #3d2b1f}.ld-retry{margin-top:4px;padding:10px 22px;border-radius:12px;border:2px solid #3d2b1f;background:linear-gradient(#ffd75a,#f2b51d);color:#3d2b1f;font:inherit;font-weight:800;font-size:16px;box-shadow:0 3px #3d2b1f}.loading.hide{opacity:0;pointer-events:none}.warming .panel,.warming .panel *,.warming .popup,.warming .popup *,.warming .more-menu,.warming .more-menu *{transition:none!important;animation:none!important}.debug{position:fixed;right:8px;top:calc(var(--safe-t) + 118px);z-index:60;background:#0009;color:#0f0;font:11px monospace;padding:3px 6px;border-radius:4px;pointer-events:none;white-space:pre-line;max-width:calc(100vw - 16px)}body[data-side="1"] .debug{top:calc(var(--safe-t) + 178px)}body[data-side="2"] .debug{top:calc(var(--safe-t) + 248px)}@media (min-width: 700px) and (min-height: 500px){.ic{width:20px;height:20px}.avatar{width:56px;height:56px}.avatar svg{width:48px;height:48px}.avatar img{width:54px;height:54px}.lvl{min-width:120px;padding:6px 10px 8px}.wallet{flex-direction:row}.pill{height:34px;font-size:15px;padding:0 12px 0 6px}.hud-res{top:calc(var(--safe-t) + 78px)}.nav-btn{max-width:104px;height:72px;font-size:12px}.nav-btn img{width:40px;height:40px}.panel{align-items:center}.pn-card{width:min(520px,92vw);max-height:80%;border-radius:20px;border-bottom:3px solid var(--ink);padding-bottom:0}}@media (min-width: 1100px) and (pointer: fine){.hud-bottom{justify-content:flex-start;padding-left:calc(var(--safe-l) + 16px);padding-bottom:16px}.hud-top{padding:14px 16px 0}.hud-res{left:16px;top:92px}.nav-btn:hover{filter:brightness(1.05)}.pp-btn:not(:disabled):hover{background:#fff3d6}}@media (max-height: 500px) and (orientation: landscape){.hud-top{padding-top:calc(var(--safe-t) + 6px)}.avatar{width:40px;height:40px;border-radius:10px}.avatar img{width:38px;height:38px}.wallet{flex-direction:row}.pill{height:30px}.hud-res{top:calc(var(--safe-t) + 54px)}.quest-card{width:190px}.hud-bottom{padding-bottom:calc(var(--safe-b) + 6px)}.nav-btn{height:50px;max-width:78px}.nav-btn span{display:none}.nav-btn img{width:32px;height:32px}.toast{bottom:calc(var(--safe-b) + 64px)}.levelup{top:45%}.panel{align-items:center;padding:6px calc(var(--safe-r) + 6px) calc(var(--safe-b) + 6px) calc(var(--safe-l) + 6px)}.pn-card{width:min(600px,100%);max-height:100%;border-radius:18px;border-bottom:3px solid var(--ink);padding-bottom:0}.pn-head{padding:6px 12px;font-size:16px;border-radius:15px 15px 0 0}.pn-x{width:32px;height:32px}.pn-body{padding:8px 14px 12px}.pn-sub{margin:8px 0 5px}.qp-story{margin-bottom:6px}.qp-face{width:52px;height:52px}.btn-main{height:44px}.set-row{padding:5px 0 6px}.ld-box{margin-top:-6vh}.ld-ghost{width:72px;height:81px}}.set-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:8px 0 10px;font-size:14px;border-bottom:1px dashed rgba(61,43,31,.2)}.set-row b{font-size:13px;color:#8a6a50;font-variant-numeric:tabular-nums}.set-row.off{opacity:.45}.set-row.tog{grid-template-columns:1fr auto}.set-range{grid-column:1 / -1;width:100%;height:26px;margin:0;background:none;-webkit-appearance:none;appearance:none;touch-action:none;--v: 50%}.set-range::-webkit-slider-runnable-track{height:10px;border-radius:6px;border:2px solid rgba(61,43,31,.55);background:linear-gradient(90deg,#7cc84a var(--v),#f0dfbd var(--v))}.set-range::-moz-range-track{height:6px;border-radius:6px;border:2px solid rgba(61,43,31,.55);background:linear-gradient(90deg,#7cc84a var(--v),#f0dfbd var(--v))}.set-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:linear-gradient(#fff6e3,#f2c15c);border:2.5px solid var(--ink);box-shadow:0 2px #00000040}.set-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(#fff6e3,#f2c15c);border:2.5px solid var(--ink)}.switch{width:50px;height:28px;border-radius:14px;background:#d9c7a3;border:2px solid rgba(61,43,31,.55);position:relative;transition:background .15s}.switch i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--ink);transition:transform .15s}.switch.on{background:#7cc84a}.switch.on i{transform:translate(22px)}.move-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 10px);z-index:25;width:min(440px,calc(100% - 16px));background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;padding:8px 10px 10px;box-shadow:0 5px #0003}.move-bar[hidden]{display:none}.mb-text{font-size:13.5px;font-weight:700;text-align:center;padding:2px 4px 8px;min-height:2.4em;display:grid;place-items:center}.mb-text.bad{color:#c0392b}.mb-btns{display:flex;gap:6px;justify-content:center}.mb-btns .btn-s{flex:1;min-width:0;padding:0 6px;justify-content:center;min-height:40px;font-size:13px}.mb-btns .btn-s[hidden]{display:none}.mb-btns .btn-s.done{background:linear-gradient(#9be06a,#5fb03a);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}body.moving .hud-bottom{display:none}body.moving .toast{bottom:calc(var(--safe-b) + 112px)}.move-bar.shake{animation:mb-shake .32s}@keyframes mb-shake{20%{transform:translate(calc(-50% - 6px))}45%{transform:translate(calc(-50% + 5px))}70%{transform:translate(calc(-50% - 3px))}}.pl-chips{display:flex;gap:6px;margin:0 0 10px}.panel[data-kind=plant] .pn-card,.panel[data-kind=sow] .pn-card{max-height:90%}.pl-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px 6px}.pl-cell{min-width:0;display:flex;flex-direction:column;align-items:center;padding:0;background:none}.pl-cell>i{position:relative;width:100%;aspect-ratio:1;border-radius:12px;background:var(--paper-2);border:2px solid rgba(61,43,31,.18);display:flex;align-items:center;justify-content:center}.pl-cell>i>.ic{width:64%;height:64%}.pl-cell:not(.locked):active>i{background:#f0d9a8}.pl-cell .inv-badge{top:auto;bottom:3px;left:3px;width:32%;height:32%}.pl-n{position:absolute;right:4px;bottom:1px;font-size:12.5px;text-shadow:0 0 2px #fff,0 0 2px #fff}.pl-p{position:absolute;right:2px;bottom:2px;display:inline-flex;align-items:center;gap:1px;padding:0 3px 0 4px;border-radius:7px;background:#ffffffe0;font-size:11px;line-height:16px}.pl-p .ic-s{width:12px;height:12px;margin:0;vertical-align:0}.pl-lock{position:absolute;right:3px;bottom:3px;width:34%;height:34%}.pl-t{position:absolute;right:2px;top:2px;padding:0 3px;border-radius:6px;background:#ffffffd9;font-size:9.5px;line-height:14px;font-weight:700;color:#5a4434;text-decoration:none;white-space:nowrap}.pl-name{width:100%;margin-top:2px;font-size:10.5px;line-height:1.2;letter-spacing:-.1px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-cell.last>i{border-color:#d99a12;background:#fff3c4}.pl-cell.poor>i>.ic{opacity:.55}.pl-cell.poor .pl-p{color:#c0392b}.pl-cell.locked>i>.ic{filter:grayscale(1);opacity:.45}.pl-cell.locked .pl-name,.pl-cell.locked .pl-t{color:#a08a76}@media (min-width: 420px){.pl-grid{grid-template-columns:repeat(6,1fr)}}@media (max-height: 500px) and (orientation: landscape){.pl-grid{grid-template-columns:repeat(8,1fr)}}.plant-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 10px);z-index:25;width:min(440px,calc(100% - 16px));display:flex;align-items:center;gap:6px;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;padding:5px 6px 5px 5px;box-shadow:0 5px #0003}.plant-bar[hidden]{display:none}.pb-pick{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:2px 6px 2px 2px;border-radius:12px;text-align:left}.pb-pick:active{background:#f0d9a8}.pb-ic{width:42px;height:42px;flex:none;background:var(--paper-2);border-radius:10px}.pb-t{flex:1;min-width:0}.pb-t b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-t span{display:block;font-size:11.5px;font-weight:600;color:#6b5442;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-more{flex:none;font-style:normal;font-size:13px;color:#8a6a50}.pb-x{flex:none;width:44px;height:44px;border-radius:12px;background:#3d2b1f1f;font-size:18px}.pb-x:active{background:#3d2b1f38}body.planting .hud-bottom,body.digging .pb-more{display:none}.nav-btn.on{background:linear-gradient(#ffe48a,#f2c15c)}.more-menu{position:absolute;z-index:22;right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 80px);width:min(300px,calc(100% - 16px));display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;padding:8px;box-shadow:0 6px #0000002e,0 10px 24px #00000040;animation:popt .14s ease-out}.more-menu[hidden]{display:none}.more-it{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;background:linear-gradient(#fff,#f6e6c4);border:2px solid rgba(61,43,31,.45);border-radius:12px;font-size:11.5px}.more-it:active{transform:translateY(1px)}.more-it.soon{opacity:.62;filter:grayscale(.5)}.more-it i{position:absolute;top:3px;right:3px;font-style:normal;font-size:8.5px;background:#8a6a50;color:#fff;border-radius:6px;padding:1px 4px}.fab{position:absolute;z-index:21;right:calc(var(--safe-r) + 10px);bottom:calc(var(--safe-b) + 82px);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#fff6e3,#f0d9a8);border:2.5px solid var(--ink);box-shadow:inset 0 -3px #8a5a3040,0 3px #00000040}.fab img{width:30px;height:30px}.fab:active{transform:translateY(2px)}.more-menu:not([hidden])~.fab,body.moving .fab{display:none}.fab-dig{bottom:calc(var(--safe-b) + 140px)}body.digging .fab-dig{background:linear-gradient(#ffe48a,#f2b51d)}.fab.hint:after{right:calc(100% + 6px);top:50%;margin-top:-15px;animation:hint-right 1.2s ease-in-out infinite}@keyframes hint-right{0%,to{transform:rotate(-90deg) translateY(0)}50%{transform:rotate(-90deg) translateY(-7px)}}@media (min-width: 700px) and (min-height: 500px){.fab{bottom:calc(var(--safe-b) + 92px);width:54px;height:54px}.fab-dig{bottom:calc(var(--safe-b) + 156px)}.more-menu{bottom:calc(var(--safe-b) + 90px)}}@media (max-height: 500px) and (orientation: landscape){.fab{bottom:calc(var(--safe-b) + 64px);width:42px;height:42px}.fab-dig{bottom:calc(var(--safe-b) + 114px)}.fab img{width:26px;height:26px}.more-menu{bottom:calc(var(--safe-b) + 62px);grid-template-columns:repeat(4,1fr);width:min(400px,calc(100% - 16px))}}.hud-side{position:absolute;right:calc(var(--safe-r) + 6px);top:calc(var(--safe-t) + 108px);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.gift-btn{pointer-events:auto;position:relative;width:60px;height:64px;display:flex;flex-direction:column;align-items:center}.gift-btn[hidden]{display:none}.gift-glow{position:absolute;left:50%;top:26px;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#fff5aaf2,#ffd24699 45%,#ffbe2800);animation:gift-glow 1.6s ease-in-out infinite;will-change:transform,opacity}.gift-btn img{position:relative;width:52px;height:52px;transform-origin:50% 85%;animation:gift-wiggle 3.2s ease-in-out infinite}.gift-btn span{position:relative;margin-top:-7px;padding:1px 6px 2px;border-radius:8px;font-size:10.5px;font-weight:800;color:#fff;background:#3d2b1fcc;text-shadow:0 1px 0 rgba(0,0,0,.3)}.gift-btn .nav-badge{top:-4px;right:-2px}.wheel-btn img{animation-delay:-1.6s}.wheel-btn .gift-glow{animation-delay:-.8s}.gift-btn:active img{transform:scale(.92);animation:none}@keyframes gift-glow{0%,to{transform:scale(.78);opacity:.6}50%{transform:scale(1.06);opacity:1}}@keyframes gift-wiggle{0%,68%,to{transform:none}74%{transform:rotate(-10deg) scale(1.07)}80%{transform:rotate(9deg) scale(1.07)}86%{transform:rotate(-6deg) scale(1.03)}92%{transform:rotate(3deg)}}@media (min-width: 700px) and (min-height: 500px){.hud-side{top:calc(var(--safe-t) + 54px)}}@media (max-height: 500px) and (orientation: landscape){.hud-side{top:calc(var(--safe-t) + 44px)}}@media (min-width: 1100px) and (pointer: fine){.hud-side{top:58px;right:12px}}.more-dot{position:absolute;top:4px;right:6px;width:11px;height:11px;border-radius:50%;background:#e5483b;border:2px solid #fff}.qt-tab.soon>.ic{opacity:.55;filter:grayscale(.6)}.qt-tab.soon span{opacity:.65}.qt-soon{position:absolute;top:2px;right:2px;font-style:normal;font-size:8px;line-height:1;background:#a08670;color:#fff;border-radius:5px;padding:2px 3px}.gf-tabs .qt-tab .ic{width:24px;height:24px}.gf-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px}.gf-day{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1px;min-height:62px;padding:3px 1px 4px;border-radius:10px;background:linear-gradient(#fff,#fbf1dc);border:2px solid rgba(61,43,31,.28)}.gf-n{font-style:normal;font-size:10.5px;font-weight:800;color:#8a6a50;line-height:1.1}.gf-parts{flex:1;display:flex;align-items:center;justify-content:center;gap:1px}.gf-parts span{display:flex;flex-direction:column;align-items:center}.gf-parts .ic{width:30px;height:30px;object-fit:contain;vertical-align:0}.gf-parts.n2 .ic{width:20px;height:20px}.gf-parts b{font-size:11.5px;font-weight:800;line-height:1.05}.gf-day.gem{background:linear-gradient(#f4f8ff,#d6e4ff);border-color:#3456aa73}.gf-day.gem .gf-n{color:#3e5a9e}.gf-day.big{grid-column:span 6;flex-direction:row;justify-content:center;gap:10px;padding:4px 8px;background:linear-gradient(#fff8dc,#f6dc9a);border-color:#3d2b1f73}.gf-day.big .gf-n{font-size:12px;color:#7a4b28}.gf-chest{width:50px;height:50px;object-fit:contain}.gf-list{display:flex;gap:8px;font-size:15px;font-weight:800}.gf-list span{display:flex;align-items:center;gap:3px}.gf-list .ic{width:22px;height:22px;vertical-align:0;object-fit:contain}.gf-day.got{opacity:.5}.gf-day.got .gf-parts,.gf-day.got .gf-chest,.gf-day.got .gf-list{filter:grayscale(.4)}.gf-ok{position:absolute;top:-4px;right:-4px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#5fb03a;color:#fff;border:2px solid #fff;font:900 10px/1 system-ui,sans-serif;font-style:normal;box-shadow:0 1px 2px #0000004d}.gf-day.today{border-color:var(--ink)}.gf-day.ready{background:linear-gradient(#fff6c8,#ffd75a);animation:qc-pulse 1.2s ease-in-out infinite;z-index:1}.gf-day.ready .gf-n{color:var(--ink)}.gf-day.pop{animation:gf-pop .5s ease-out}@keyframes gf-pop{0%{transform:scale(1.25)}60%{transform:scale(.95)}}.gf-act{position:sticky;bottom:-16px;z-index:2;margin:0 -14px -16px;padding:6px 14px 16px;background:var(--paper)}.gf-get{margin-top:0;background:linear-gradient(#ffe48a,#f2b51d);color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.4)}.gf-wait{text-align:center;font-size:14px;font-weight:700;padding:12px 8px;border-radius:14px;background:var(--paper-2);color:#5a4434}.gf-wait b{color:var(--ink);font-variant-numeric:tabular-nums}.gf-miss{color:#8a2e1c;padding-top:0}.gf-note{font-size:12px;padding:0 0 4px;margin-top:-4px}.wh-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.wh-box{--wh: min(280px, 74vw, 46vh);position:relative;flex:none;width:var(--wh);height:var(--wh);margin-top:calc(var(--wh) * .11)}.wh-wheel{position:absolute;inset:0;will-change:transform}.wh-wheel>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.wh-prize{position:absolute;left:50%;top:0;width:calc(var(--wh) * .2);height:50%;margin-left:calc(var(--wh) * -.1);transform-origin:50% 100%;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--wh) * .11);pointer-events:none}.wh-ic{width:calc(var(--wh) * .135);height:calc(var(--wh) * .135);object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.wh-prize b{display:flex;align-items:center;gap:1px;margin-top:1px;font-size:calc(var(--wh) * .052 + 2px);font-weight:900;line-height:1;color:#fff;text-shadow:0 0 2px #3d2b1f,1px 1px 0 #3d2b1f,-1px 1px 0 #3d2b1f,1px -1px 0 #3d2b1f,-1px -1px 0 #3d2b1f}.wh-mini{width:calc(var(--wh) * .055);height:calc(var(--wh) * .055);object-fit:contain}.wh-ptr{position:absolute;z-index:2;left:50%;top:calc(var(--wh) * -.095);width:calc(var(--wh) * .13);margin-left:calc(var(--wh) * -.065);filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.wh-win{opacity:0;animation:wh-win .45s ease-in-out 6 alternate}@keyframes wh-win{to{opacity:.6}}.wh-ctl{width:100%}.wh-act{display:flex;gap:8px}.wh-act .btn-main{margin-top:0}.wh-btn{flex:1 1 0;min-width:0;height:auto;min-height:56px;padding:5px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:15px}.wh-btn span{display:flex;align-items:center;gap:4px;white-space:nowrap}.wh-btn .ic{width:20px;height:20px;vertical-align:0}.wh-btn small{font-size:11px;font-weight:600;opacity:.92}.wh-btn.gem{background:linear-gradient(#8db7ff,#4877dc)}.wh-btn.lack{filter:grayscale(.55);opacity:.75}.wh-wrap.spinning .wh-act button{filter:grayscale(.6);opacity:.6}.wh-note{text-align:center;font-size:12.5px;padding-top:8px}.wh-note .ic{width:16px;height:16px;vertical-align:-3px}@media (max-height: 500px) and (orientation: landscape){.wh-wrap{flex-direction:row;gap:18px}.wh-box{--wh: min(250px, calc(100vh - 120px) );margin:calc(var(--wh) * .12) 0 4px 8px}}.bench-out{white-space:pre-wrap;font:12px/1.35 monospace;color:#3d2b1f;margin:6px 0;user-select:text}.bench-out:empty{display:none}.gfx-row{display:flex;align-items:center;gap:6px;margin:8px 0;flex-wrap:wrap}.gfx-cap{font-weight:700;color:#3d2b1f;margin-right:4px}.gfx-btn{opacity:.55}.gfx-btn.on{opacity:1;outline:2px solid #3d2b1f}.bench-btn{margin-top:10px}.newgame{margin-top:6px}.ng-btn{background:linear-gradient(#f08a6a,#c9452b)}.ng-q{font-size:13.5px;font-weight:700;color:#8a2e1c;margin:4px 0 8px}.ng-row{display:flex;gap:8px}.ng-row .btn-s{flex:1;justify-content:center;min-height:42px;font-size:13.5px}.ng-yes{background:linear-gradient(#f08a6a,#c9452b);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}@media (max-width: 380px){.inv-tab{font-size:12px;gap:3px;padding:0 4px}.inv-tab .ic{width:15px;height:15px}}@media (max-width: 350px){.qt-tab{font-size:9.5px}.qt-tab .ic{width:18px;height:18px}}.set-ver{margin-top:14px;padding:8px 0 2px;text-align:center;font-size:11.5px;color:#a0806a;user-select:none;-webkit-user-select:none;cursor:default}.dev-row{display:grid;grid-template-columns:auto 1fr 120px auto;align-items:center;gap:8px;padding:6px 0;font-size:14px}.dev-row .ic{width:22px;height:22px;object-fit:contain}.dev-num{min-width:0;width:100%;height:38px;padding:0 8px;border-radius:10px;border:2px solid rgba(61,43,31,.5);background:#fff;font:inherit;font-size:14px;color:var(--ink)}.dev-acts .dev-num{flex:0 0 96px}.inv-cell.dev-none{opacity:.55}
