html{font-size:clamp(12px,min(2.2222vh,1.25vw),30px)}#ui-root{--meadow:#8cc063;--deep:#5e9a4a;--soil:#8a5a3b;--river:#6ec1d6;--oak:#c68a4e;--terra:#d9735b;--cream:#f3e6c8;--cream-2:#e9d8b2;--cream-3:#fbf4e3;--path:#d9b98a;--petal:#f2a7c3;--butter:#ffd866;--ink:#3b2a2a;--line:#3b2a2ad9;--drop:0 .25rem 0 #3b2a2a40;--radius:1.125rem;--back:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.22, 1, .36, 1);color:var(--ink);-webkit-user-select:none;user-select:none;font-family:Nunito,ui-rounded,SF Pro Rounded,Varela Round,Quicksand,system-ui,sans-serif;font-size:1rem;font-weight:600;line-height:1.3}#ui-root *,#ui-root :before,#ui-root :after{box-sizing:border-box}#ui-root img{-webkit-user-drag:none}#ui-root .hidden{display:none!important}#ui-root .sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#ui-root h2,#ui-root h3,#ui-root p,#ui-root ul{margin:0}#ui-root h2{letter-spacing:.01em;font-size:1.6rem;font-weight:800}#ui-root h3{color:var(--deep);text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;font-weight:800}#ui-root .muted{opacity:.72;font-weight:600}#ui-root .body{font-size:1.05rem}#ui-root>.tf-hud,#ui-root>.tf-modals,#ui-root>.tf-toasts,#ui-root>.tf-fade{pointer-events:none;position:absolute;inset:0}#ui-root>.tf-fade{opacity:0;visibility:hidden;background:#1f1a2e;place-items:center;transition:opacity .9s,visibility 0s linear .9s;display:grid}#ui-root>.tf-fade.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .9s,visibility}.tf-fade .zzz{color:var(--cream);opacity:.85;gap:.6rem;font-size:2.5rem;font-weight:800;display:flex}.tf-fade .zzz span{animation:1.6s ease-in-out infinite zfloat}.tf-fade .zzz span:nth-child(2){font-size:.8em;animation-delay:.25s}.tf-fade .zzz span:nth-child(3){font-size:.6em;animation-delay:.5s}@keyframes zfloat{50%{opacity:.5;transform:translateY(-.6rem)}}#ui-root .card,#ui-root .panel{background:var(--cream);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--drop)}#ui-root .card{pointer-events:auto;padding:.45rem .85rem}#ui-root .btn{font:inherit;color:var(--ink);cursor:pointer;background:var(--cream-3);border:3px solid var(--line);border-radius:.85rem;justify-content:center;align-items:center;gap:.35rem;min-height:2.6rem;padding:.45rem 1rem;font-size:1.05rem;font-weight:800;transition:transform .12s ease-out,background-color .12s ease-out,box-shadow .12s ease-out;display:inline-flex;box-shadow:0 .2rem #3b2a2a4d}#ui-root .btn:hover:not(:disabled){background:#fff9ec;transform:scale(1.05)}#ui-root .btn:active:not(:disabled){transition-duration:60ms;transform:scale(.95)translateY(.1rem);box-shadow:0 .05rem #3b2a2a4d}#ui-root .btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}#ui-root .btn.primary{background:var(--terra);color:var(--cream-3)}#ui-root .btn.primary:hover:not(:disabled){background:#e3826a}#ui-root .btn.ok{background:var(--deep);color:var(--cream-3)}#ui-root .btn.ok:hover:not(:disabled){background:#6aa955}#ui-root .btn.ghost{box-shadow:none;background:0 0;border-color:#3b2a2a59}#ui-root .btn.small{min-height:2.2rem;padding:.2rem .75rem;font-size:1rem}#ui-root .btn.big{flex-direction:column;gap:0;width:100%;min-height:3.2rem;padding:.5rem 1.6rem;font-size:1.25rem}#ui-root .btn.big small{opacity:.9;font-size:1rem;font-weight:700}#ui-root .btn.round{border-radius:50%;width:2.4rem;min-height:2.4rem;padding:0;font-size:1.3rem}#ui-root :focus{outline:none}#ui-root :focus-visible{outline:.25rem solid var(--butter);outline-offset:.15rem;box-shadow:0 0 0 .45rem #3b2a2a8c}#ui-root .icon{flex:none;place-items:center;width:3rem;height:3rem;display:inline-grid}#ui-root .icon.sm{width:1.6rem;height:1.6rem}#ui-root .icon img{object-fit:contain;width:100%;height:100%}#ui-root .icon .ph{width:86%;height:86%;color:var(--cream-3);text-shadow:0 2px #3b2a2a73;border:3px solid #3b2a2acc;border-radius:28%;place-items:center;font-size:1.35rem;font-weight:900;display:grid;position:relative;box-shadow:inset 0 -.3rem #0000001f,inset .2rem .2rem #ffffff40}#ui-root .icon.sm .ph{border-width:2px;font-size:.85rem}#ui-root .icon .ph.dotted:after{content:"";background:var(--dot);border:2px solid #3b2a2acc;border-radius:50%;width:42%;height:42%;position:absolute;top:-.25rem;right:-.25rem}#ui-root .uicon{flex:none;place-items:center;width:1.6rem;height:1.6rem;display:inline-grid}#ui-root .uicon img{object-fit:contain;width:100%;height:100%}#ui-root .css-coin{background:var(--butter);border:2px solid #b8861f;border-radius:50%;width:80%;height:80%;box-shadow:inset 0 0 0 .15rem #ffe9a3,inset 0 -.15rem #8c5a1459}#ui-root .css-sun{background:var(--butter);border-radius:50%;width:58%;height:58%;box-shadow:0 0 0 .18rem #ffd86673,0 0 0 .36rem #ffd86633}#ui-root .css-moon{width:66%;height:66%;box-shadow:inset -.32rem -.08rem 0 0 var(--butter);border-radius:50%;transform:rotate(-20deg)}#ui-root .css-rain{background:var(--river);border:2px solid #3f8ea3;border-radius:0 50% 50%;width:54%;height:54%;transform:rotate(45deg)translate(.1rem,.1rem)}#ui-root .coin-tag{white-space:nowrap;align-items:center;gap:.15rem;font-weight:800;display:inline-flex}#ui-root .coin-tag .uicon{width:1.15em;height:1.15em}#ui-root .coin-tag.big{font-size:1.25rem}#ui-root .coin-tag.huge{color:var(--deep);font-size:2.2rem}.tf-hud .hud-tl{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex;position:absolute;top:1.1rem;left:1.25rem}.tf-hud .hud-tr{position:absolute;top:1.1rem;right:1.25rem}.tf-hud .clock{align-items:center;gap:.6rem;padding-right:1.1rem;display:flex}.tf-hud .clock .wx .uicon{width:2.4rem;height:2.4rem}.tf-hud .clock-text{flex-direction:column;line-height:1.1;display:flex}.tf-hud .clock .day{font-size:1.1rem;font-weight:800;display:inline-block}.tf-hud .clock .time{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:800}.tf-hud .clock[data-phase=night]{background:#e4dcd0}.tf-hud .goal{flex-direction:column;max-width:17rem;padding:.4rem .85rem .5rem;display:flex}.tf-hud .goal-tag{color:var(--terra);text-transform:uppercase;letter-spacing:.06em;font-size:1rem;font-weight:800}.tf-hud .goal-text{font-size:1.05rem;font-weight:700}.tf-hud .goal.done{background:#e2efcf}.tf-hud .goal.done .goal-tag{color:var(--deep)}.tf-hud .money{align-items:center;gap:.45rem;padding:.35rem 1rem;font-size:1.5rem;font-weight:800;display:flex;position:relative}.tf-hud .money .uicon{width:2rem;height:2rem}.tf-hud .money .amount{font-variant-numeric:tabular-nums;text-align:right;min-width:2.5ch}.tf-hud .float{pointer-events:none;-webkit-text-stroke:.3rem var(--cream-3);paint-order:stroke fill;animation:floatup 1.3s var(--out) forwards;font-size:1.35rem;font-weight:900;position:absolute;top:100%;right:.8rem}.tf-hud .float.gain{color:var(--deep)}.tf-hud .float.spend{color:var(--terra)}@keyframes floatup{0%{opacity:0;transform:translateY(-.4rem)scale(.6)}15%{opacity:1;transform:translateY(.3rem)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translateY(2.2rem)scale(1)}}.tf-hud .hud-bottom{flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.tf-hud .hotbar{pointer-events:auto;border:3px solid var(--line);box-shadow:var(--drop);background:#f3e6c8eb;border-radius:1.4rem;gap:.35rem;padding:.45rem;display:flex}#ui-root .slot{cursor:pointer;width:3.5rem;height:3.5rem;font:inherit;color:var(--ink);background:var(--cream-2);border:3px solid #3b2a2a73;border-radius:.9rem;place-items:center;padding:0;transition:transform .12s ease-out,border-color .12s,background-color .12s,box-shadow .12s;display:grid;position:relative}#ui-root .slot:hover{background:#f1e3c2;transform:scale(1.05)}#ui-root .tf-hud .slot{aspect-ratio:1;width:min(3.5rem,11.1111vw - .555556rem);height:auto}#ui-root .slot:active{transform:scale(.95)}#ui-root .slot.empty .key{opacity:.55}#ui-root .slot .key{background:var(--cream-3);border:2px solid #3b2a2a99;border-radius:.6rem;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .2rem;font-size:.8rem;font-weight:900;line-height:1;display:grid;position:absolute;top:-.3rem;left:-.2rem}#ui-root .slot .qty{text-shadow:0 2px 0 var(--cream), 0 -1px 0 var(--cream), 1px 0 0 var(--cream), -1px 0 0 var(--cream);font-size:1rem;font-weight:900;position:absolute;bottom:0;right:.15rem}#ui-root .slot.selected{border-color:var(--ink);box-shadow:0 0 0 .22rem var(--butter), 0 .3rem 0 #3b2a2a40;background:#fff3d0;transform:translateY(-.25rem)}#ui-root .slot.selected:hover{transform:translateY(-.25rem)scale(1.05)}.tf-hud .slot.bounce{animation:bounce .42s var(--back)}.tf-hud .slot.tap{animation:tap .22s var(--back)}.tf-hud .slot.selected.bounce{animation-name:bounce-up}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.22,.86)}60%{transform:scale(.94,1.08)translateY(-.3rem)}to{transform:scale(1)}}@keyframes bounce-up{0%{transform:translateY(-.25rem)}30%{transform:translateY(-.25rem)scale(1.22,.86)}60%{transform:translateY(-.55rem)scale(.94,1.08)}to{transform:translateY(-.25rem)}}@keyframes tap{0%{transform:translateY(-.25rem)scale(.9)}to{transform:translateY(-.25rem)scale(1)}}.tf-hud .held-name{color:var(--cream-3);opacity:0;transition:opacity .25s ease, transform .25s var(--out);background:#3b2a2ab8;border-radius:1rem;padding:.15rem .85rem;font-size:1.1rem;font-weight:800;transform:translateY(.3rem)}.tf-hud .held-name.show{opacity:1;transform:none}.tf-hud .pickups{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:absolute;bottom:.2rem;right:calc(100% + .8rem)}.tf-hud .pickup{white-space:nowrap;background:var(--cream);border:2px solid var(--line);box-shadow:var(--drop);animation:slidein .26s var(--back);border-radius:.8rem;align-items:center;gap:.35rem;padding:.15rem .6rem .15rem .45rem;font-weight:800;display:flex}.tf-hud .pickup .n{color:var(--deep)}.tf-hud .pickup.out{opacity:0;transition:all .3s;transform:translate(-.5rem)}@keyframes slidein{0%{opacity:0;transform:translate(1rem)scale(.8)}}#ui-root .bump{animation:bump .22s var(--back)}@keyframes bump{40%{transform:scale(1.12)}}#ui-root .pop{animation:pop .32s var(--back)}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}.tf-toasts{flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:.4rem;padding-bottom:8.6rem;display:flex}.tf-toasts .toast{background:var(--cream-3);border:3px solid var(--line);box-shadow:var(--drop);text-align:center;max-width:32rem;animation:toastin .24s var(--back);border-radius:1rem;padding:.4rem 1rem;font-size:1.05rem;font-weight:800}.tf-toasts .toast.deny{border-color:#d9735bf2}.tf-toasts .toast.good{border-color:var(--deep)}.tf-toasts .toast.out{opacity:0;transition:all .25s;transform:translateY(.4rem)scale(.95)}@keyframes toastin{0%{opacity:0;transform:translateY(.8rem)scale(.9)}}.tf-hints .hint{border-color:var(--river);width:min(21rem,100vw - 2.5rem);animation:toastin .3s var(--back);grid-template-columns:auto 1fr;align-items:start;gap:.35rem .6rem;padding:.55rem .7rem .55rem .75rem;display:grid}.tf-hints .hint p{font-size:1rem;font-weight:700}.tf-hints .hint .btn{white-space:nowrap;grid-column:2;justify-self:end}.tf-hints .hint-tag{background:var(--river);color:var(--cream-3);border-radius:.6rem;padding:.1rem .5rem;font-size:1rem;font-weight:900}.tf-hints .hint.out{opacity:0;transition:all .25s;transform:translateY(-.5rem)}.tf-modals>.screen{pointer-events:auto;place-items:center;padding:1rem;animation:.18s dimin;display:grid;position:absolute;inset:0}.tf-modals>.screen.dim{background:#2b1f2461}.tf-modals>.screen>.panel{animation:panelin .18s var(--back)}.tf-modals>.screen.closing{animation:.14s forwards dimout}.tf-modals>.screen.closing>.panel{animation:.14s forwards panelout}@keyframes dimin{0%{opacity:0}}@keyframes dimout{to{opacity:0}}@keyframes panelin{0%{opacity:0;transform:scale(.9)}}@keyframes panelout{to{opacity:0;transform:scale(.94)}}#ui-root .panel{flex-direction:column;gap:.8rem;width:min(40rem,94vw);max-height:calc(100vh - 2rem);padding:1.1rem 1.3rem 1.2rem;display:flex}#ui-root .panel.small{width:min(26rem,92vw)}#ui-root .panel-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}#ui-root .panel-foot{border-top:2px dashed #3b2a2a40;justify-content:flex-end;align-items:center;padding-top:.6rem;font-weight:700;display:flex}#ui-root .row{align-items:center;gap:.6rem;display:flex}#ui-root .row.end{justify-content:flex-end}#ui-root .menu{flex-direction:column;gap:.6rem;display:flex}#ui-root .scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b2a2a66 transparent;overflow-y:auto}#ui-root .empty-note{text-align:center;opacity:.7;padding:1rem;font-weight:700}#ui-root .banner{border:2px solid var(--terra);background:#fbe0d6;border-radius:.8rem;padding:.4rem .8rem;font-weight:800}#ui-root .warn{color:#a3402c;text-align:center;font-weight:800}#ui-root .list{flex-direction:column;gap:.4rem;max-height:52vh;padding:.3rem .3rem .3rem 0;display:flex}#ui-root .row-item{background:var(--cream-3);border:2px solid #3b2a2a2e;border-radius:.9rem;align-items:center;gap:.6rem;padding:.3rem .5rem;display:flex}#ui-root .row-item .name{flex-direction:column;flex:1;min-width:0;display:flex}#ui-root .row-item .name b{font-size:1.1rem;font-weight:800}#ui-root .stepper{align-items:center;gap:.3rem;display:flex}#ui-root .stepper .q{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:1.2rem;font-weight:900}#ui-root .btn.buy{min-width:7.5rem}#ui-root .btn.ok .coin-tag,#ui-root .btn.primary .coin-tag{color:inherit}#ui-root .tabs{border-bottom:3px solid #3b2a2a33;gap:.4rem;display:flex}#ui-root .tab{font:inherit;color:var(--ink);cursor:pointer;background:var(--cream-2);border:3px solid #3b2a2a66;border-bottom:none;border-radius:.8rem .8rem 0 0;margin-bottom:-3px;padding:.3rem 1.3rem;font-size:1.1rem;font-weight:800;transition:background-color .12s,transform .12s ease-out}#ui-root .tab:hover{transform:translateY(-.1rem)}#ui-root .tab.on{background:var(--cream-3);border-color:var(--line)}#ui-root .inv{width:auto}#ui-root .inv .grid{grid-template-columns:repeat(9,minmax(0,3.5rem));gap:.4rem;display:grid}#ui-root .inv .slot{aspect-ratio:1;width:100%;height:auto}#ui-root .inv .grid.hot{background:#ffd86638;border-radius:1.1rem;margin:-.45rem;padding:.45rem}#ui-root .grid-label{color:var(--deep);text-transform:uppercase;letter-spacing:.06em;margin-top:.4rem;font-weight:800}#ui-root .inv .slot.held{border-color:var(--terra);box-shadow:0 0 0 .22rem var(--terra);transform:translateY(-.3rem)rotate(-4deg)}#ui-root .inv .slot.held .icon{animation:1s ease-in-out infinite wobble}@keyframes wobble{50%{transform:rotate(6deg)scale(1.06)}}#ui-root .inv-info{background:var(--cream-3);border-radius:.7rem;flex-wrap:wrap;align-items:center;gap:.2rem;min-height:2.2rem;padding:.2rem .6rem;display:flex}#ui-root .bin{width:min(52rem,96vw)}#ui-root .cols{grid-template-columns:1fr 1fr;gap:1rem;min-height:0;display:grid}#ui-root .col{flex-direction:column;gap:.4rem;min-width:0;display:flex}#ui-root .col .list{max-height:44vh}#ui-root .summary{text-align:left}#ui-root .sum-head{align-items:center;gap:.8rem;display:flex}#ui-root .sum-head .uicon{width:3.2rem;height:3.2rem}#ui-root .earned{background:#e2efcf;border-radius:1rem;flex-direction:column;align-items:center;padding:.6rem;display:flex}#ui-root .earned .coin-tag{animation:pop .5s .2s var(--back) backwards}#ui-root .rewards{animation:pop .5s .35s var(--back) backwards;background:#fdf0c4;border:2px dashed #c68a4eb3;border-radius:1rem;flex-direction:column;gap:.25rem;padding:.5rem .7rem;display:flex}#ui-root .rewards ul{flex-direction:column;gap:.2rem;padding:0;list-style:none;display:flex}#ui-root .rewards li{align-items:center;gap:.45rem;font-weight:800;display:flex}#ui-root .rewards .gift{color:var(--oak)}#ui-root .list-divider{border-top:2px dashed #3b2a2a4d;align-items:baseline;gap:.5rem;margin-top:.3rem;padding:.5rem .4rem .1rem;display:flex}#ui-root .list-divider span{color:var(--soil);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;font-weight:900}#ui-root .list-divider small{opacity:.7;font-weight:700}#ui-root .row-item .half{color:#a3402c;opacity:1;font-weight:800}#ui-root .shipped,#ui-root .goals-done{flex-direction:column;gap:.25rem;padding:0;list-style:none;display:flex}#ui-root .shipped li,#ui-root .goals-done li{align-items:center;gap:.45rem;font-weight:700;display:flex}#ui-root .check{background:var(--deep);width:1.5rem;height:1.5rem;color:var(--cream-3);border-radius:50%;place-items:center;font-weight:900;display:inline-grid}#ui-root .settings{width:min(38rem,94vw)}#ui-root .set-body{flex-direction:column;gap:1rem;padding:.4rem .6rem .6rem .3rem;scroll-padding:.8rem;display:flex}#ui-root .set-body section{flex-direction:column;gap:.35rem;display:flex}#ui-root .set-row{grid-template-columns:9rem 1fr 3.5rem;align-items:center;gap:.8rem;min-height:2.5rem;font-weight:700;display:grid}#ui-root .set-row output{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}#ui-root .set-row.bind{grid-template-columns:1fr 7.5rem 7.5rem}#ui-root .set-row .toggle{justify-self:start;min-width:5rem}#ui-root .toggle.on{background:var(--deep);color:var(--cream-3)}#ui-root .keycap{min-height:2.3rem;padding:.2rem .5rem;font-size:1rem}#ui-root .keycap.listening{background:var(--butter);animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.04)}}#ui-root .bind-msg{background:var(--cream-3);border-radius:.7rem;padding:.35rem .7rem;font-weight:700}#ui-root .bind-msg.warn{color:#8a3423;background:#fbe0d6}#ui-root .bind-msg.good{background:#e2efcf}#ui-root .bind-msg.info{background:#dff1f6}#ui-root input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:2rem;margin:0}#ui-root input[type=range]::-webkit-slider-runnable-track{background:var(--cream-2);border:2px solid var(--line);border-radius:1rem;height:.7rem}#ui-root input[type=range]::-moz-range-track{background:var(--cream-2);border:2px solid var(--line);border-radius:1rem;height:.7rem}#ui-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--terra);border:3px solid var(--line);border-radius:50%;width:1.5rem;height:1.5rem;margin-top:-.5rem;transition:transform .12s ease-out}#ui-root input[type=range]::-moz-range-thumb{background:var(--terra);border:3px solid var(--line);border-radius:50%;width:1.2rem;height:1.2rem}#ui-root input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}#ui-root input[type=range]:focus-visible{box-shadow:none;outline:none}#ui-root input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 .25rem var(--butter), 0 0 0 .45rem #3b2a2a8c}#ui-root input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 .25rem var(--butter)}.tf-modals>.screen.full{place-items:stretch stretch;padding:0}#ui-root .title-wrap{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}#ui-root .meadow{background:linear-gradient(#5fb2f0 0%,#9fd0f0 38%,#cfe6f2 58%);position:absolute;inset:0;overflow:hidden}#ui-root .meadow .sun{background:#fff3d6;border-radius:50%;width:9rem;height:9rem;position:absolute;top:10%;right:14%;box-shadow:0 0 0 1.4rem #ffd86659,0 0 0 3rem #ffd86626}#ui-root .meadow .cloud{background:#fbf4e3;border-radius:2rem;height:3.2rem;animation:60s linear infinite drift;position:absolute;box-shadow:0 .35rem #a0bed273}#ui-root .meadow .cloud:before,#ui-root .meadow .cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:30%}#ui-root .meadow .cloud:before{width:45%;height:160%;left:15%}#ui-root .meadow .cloud:after{width:35%;height:120%;left:50%}#ui-root .meadow .c1{width:11rem;top:14%;left:8%}#ui-root .meadow .c2{opacity:.9;width:8rem;animation-duration:80s;animation-delay:-20s;top:26%;left:48%}#ui-root .meadow .c3{opacity:.85;width:6rem;animation-duration:95s;animation-delay:-50s;top:8%;left:70%}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(6rem)}to{transform:translate(0)}}#ui-root .meadow .hill{border-radius:50%;position:absolute}#ui-root .meadow .h3{background:#9ccb78;height:60%;top:50%;left:-20%;right:30%}#ui-root .meadow .h2{background:var(--meadow);height:60%;top:54%;left:30%;right:-25%}#ui-root .meadow .h1{background:var(--deep);height:70%;top:72%;left:-30%;right:-30%}#ui-root .meadow .river{background:var(--river);border-radius:50%;height:9%;position:absolute;top:66%;left:-10%;right:-10%;transform:rotate(-4deg);box-shadow:inset 0 .35rem #ffffff59}#ui-root .meadow .cottage{width:8rem;height:7rem;position:absolute;top:46%;left:66%}#ui-root .meadow .roof{background:var(--terra);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:.4rem;height:52%;position:absolute;top:0;left:-12%;right:-12%}#ui-root .meadow .walls{background:var(--cream);border-radius:0 0 .4rem .4rem;position:absolute;inset:50% 6% 0}#ui-root .meadow .door{background:var(--oak);border-radius:1rem 1rem 0 0;width:26%;height:64%;position:absolute;bottom:0;left:38%}#ui-root .meadow .flowers{background:radial-gradient(circle, var(--petal) 0 .35rem, transparent .4rem) 0 0 / 7rem 4rem, radial-gradient(circle, var(--butter) 0 .3rem, transparent .35rem) 3.5rem 2rem / 9rem 5rem, radial-gradient(circle, var(--cream-3) 0 .25rem, transparent .3rem) 1.5rem 3rem / 6rem 4.5rem;opacity:.9;position:absolute;inset:78% 0 0}#ui-root .title-art{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}#ui-root .title-art.loaded{opacity:1}#ui-root .title-card{width:min(24rem,90vw);animation:panelin .5s var(--back);flex-direction:column;align-items:center;gap:.6rem;margin-top:-4vh;display:flex;position:relative}#ui-root .logo{letter-spacing:.01em;color:var(--butter);-webkit-text-stroke:.22rem var(--ink);paint-order:stroke fill;text-shadow:0 .35rem 0 var(--ink), 0 .6rem 0 #3b2a2a40;margin:0;font-size:4.6rem;font-weight:900;line-height:1;animation:4s ease-in-out infinite bob;transform:rotate(-3deg)}@keyframes bob{50%{transform:rotate(-2deg)translateY(-.3rem)}}#ui-root .logo-img{object-fit:contain;width:100%;max-height:10rem}#ui-root .tagline{background:var(--cream);border:3px solid var(--line);box-shadow:var(--drop);border-radius:1rem;margin-bottom:.8rem;padding:.15rem .9rem;font-size:1.15rem;font-weight:800}#ui-root .title-card .menu{border:3px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--drop);background:#f3e6c8eb;padding:1rem}#ui-root .title-foot{white-space:nowrap;color:var(--cream-3);background:#3b2a2ab8;border-radius:1rem;padding:.2rem .9rem;font-weight:800;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){#ui-root *,#ui-root :before,#ui-root :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}#ui-root .btn:hover:not(:disabled),#ui-root .slot:hover{transform:none}}#game-canvas{touch-action:none}.tf-hud .touch{--lift:calc(1rem + env(safe-area-inset-bottom,0px));pointer-events:none;position:absolute;inset:0}.tf-hud .touch>*,.tf-hud .tbtns>*{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.tf-hud .stick{left:calc(1.2rem + env(safe-area-inset-left,0px));bottom:var(--lift);background:#f3e6c859;border:3px solid #3b2a2a59;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:absolute}.tf-hud .stick .knob{pointer-events:none;background:var(--cream-3);border:3px solid var(--line);width:56px;height:56px;box-shadow:var(--drop);border-radius:50%}.tf-hud .tbtns{right:calc(1.2rem + env(safe-area-inset-right,0px));bottom:var(--lift);pointer-events:none;align-items:flex-end;gap:14px;display:flex;position:absolute}#ui-root .tbtn{font:inherit;color:var(--ink);background:var(--cream);border:3px solid var(--line);box-shadow:var(--drop);border-radius:50%;padding:0;font-size:15px;font-weight:900}#ui-root .tbtn:active{background:var(--butter);transform:scale(.92)}#ui-root .tbtn.use{background:var(--meadow);width:84px;height:84px;font-size:19px}#ui-root .tbtn.bag{width:58px;height:58px}#ui-root .tbtn.menu{right:calc(1.25rem + env(safe-area-inset-right,0px));top:calc(4.6rem + env(safe-area-inset-top,0px));border-radius:1rem;place-items:center;width:56px;height:40px;font-size:13px;display:grid;position:absolute}.is-touch #ui-root .slot .key{display:none}@media (orientation:portrait){.tf-hud .touch{--lift:calc(7.5rem + env(safe-area-inset-bottom,0px))}}