:root{--ink:#3b2f22;--paper:#fffaeef0;--paper-solid:#fffaee;--edge:#503c1e2e;--green:#6aa53f;--green-dark:#4f8a2e;--gold:#e8b93c;--shadow:0 2px 8px #281e0a2e;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--tool:58px;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:#9fd3f0;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#view{touch-action:none;outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud button,#hud .pill,#hud .panel,#hud .interactive{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;border:none}.art{vertical-align:-.22em;flex:none;display:inline-block}#splash{z-index:10;background:linear-gradient(#9fd3f0,#e9f2e4 70%,#97c25a 70%);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#splash b{color:#fffaee;text-shadow:0 2px 10px #3c5a1e73;letter-spacing:.5px;font-size:44px}#splash.gone{opacity:0;pointer-events:none}.top{top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 8px);right:calc(var(--safe-r) + 8px);align-items:center;gap:6px;display:flex;position:absolute}.slot-left,.slot-right{align-items:center;gap:6px;min-width:0;display:flex}.spacer{flex:1}.pill{background:var(--paper);height:40px;box-shadow:var(--shadow);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:0 12px;font-size:16px;font-weight:700;display:flex}.bump{animation:.35s ease-out bump}@keyframes bump{40%{transform:scale(1.12)}}.iconbtn{justify-content:center;width:40px;padding:0;font-size:18px}.hint{top:calc(var(--safe-t) + 56px);color:#fffaee;text-align:center;background:#2820149e;border-radius:14px;max-width:min(92vw,520px);padding:7px 14px;font-size:14px;line-height:1.3;transition:opacity .4s;position:absolute;left:50%;transform:translate(-50%)}.hint:empty{opacity:0}.toasts{top:calc(var(--safe-t) + 100px);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:0;right:0}.toast{background:var(--paper-solid);max-width:min(90vw,440px);box-shadow:var(--shadow);text-align:center;border-radius:14px;padding:9px 16px;font-size:15px;font-weight:600;animation:.3s ease-out toastIn}.toast .toast-btn{font:inherit;background:var(--green);color:#fff;vertical-align:middle;border:0;border-radius:999px;min-height:32px;margin-left:10px;padding:5px 12px;font-weight:700}.toast.good{border-left:5px solid var(--green)}.toast.bad{border-left:5px solid #d9774a}.toast.out{opacity:0;transition:all .4s;transform:translateY(-6px)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}}.dock{left:0;right:0;bottom:calc(var(--safe-b) + 10px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.slot-dock{flex-direction:column;align-items:center;gap:8px;max-width:100%;display:flex}.slot-toolbar{display:flex}.scrim{pointer-events:auto;background:#1e180e59;place-items:center;padding:16px;animation:.2s fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.panel{background:var(--paper-solid);border-radius:22px;width:min(100%,400px);max-height:calc(100dvh - 32px);padding:18px;animation:.25s ease-out rise;overflow-y:auto;box-shadow:0 10px 30px #1e14054d}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.panel h2{align-items:center;gap:8px;margin:0 0 12px;font-size:20px;display:flex}.panel h2 .x{background:#f0e6d0;border-radius:50%;width:34px;height:34px;margin-left:auto;font-size:16px}.row{border-bottom:1px solid var(--edge);align-items:center;gap:10px;padding:8px 2px;font-size:16px;display:flex}.row:last-of-type{border-bottom:none}.grow{flex:1}.muted{opacity:.6;font-size:14px}.big{background:var(--green);color:#fff;width:100%;box-shadow:inset 0 -3px 0 var(--green-dark);border-radius:14px;margin-top:14px;padding:13px;font-size:17px;font-weight:800}.big:disabled{box-shadow:none;background:#b9ad94}.big.soft{color:var(--ink);background:#efe4cc;box-shadow:inset 0 -3px #00000014}.big.danger{background:#d07a52;box-shadow:inset 0 -3px #a85a38}.banner{text-align:center;background:var(--paper-solid);pointer-events:none;border-radius:22px;padding:16px 26px;animation:3.2s ease-in-out forwards banner;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #1e14054d}.banner b{color:var(--green-dark);font-size:26px;display:block}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%)scale(.9)}12%,85%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-56%)}}.fly{pointer-events:none;will-change:transform;font-size:26px;transition:transform .7s cubic-bezier(.5,-.2,.7,1),opacity .7s;position:absolute;top:0;left:0}.float{color:var(--green-dark);text-shadow:0 1px #fff;pointer-events:none;font-weight:800;animation:1.1s ease-out forwards floatUp;position:absolute}@keyframes floatUp{to{opacity:0;transform:translateY(-34px)}}@media (orientation:landscape) and (height<=560px){:root{--tool:50px}.dock{top:0;bottom:0;left:auto;right:calc(var(--safe-r) + 8px);flex-direction:row;justify-content:flex-end;align-items:center}.slot-dock{max-height:calc(100dvh - 20px)}.hint{top:calc(var(--safe-t) + 54px);max-width:60vw}.top{right:calc(var(--safe-r) + 80px)}.toasts{top:calc(var(--safe-t) + 96px)}}@media (width<=380px){:root{--tool:52px}.pill{padding:0 10px;font-size:15px}}@media (orientation:portrait) and (width<=600px){.top{flex-direction:column;align-items:stretch;gap:6px}.top .spacer{display:none}.slot-right{justify-content:flex-end}.slot-left>*,.slot-right>*{flex-shrink:0}.hint{top:calc(var(--safe-t) + 150px)}.toasts{top:calc(var(--safe-t) + 194px)}}.level{flex:0 auto;gap:8px;min-width:0;padding-left:4px}.level .badge{background:var(--green);color:#fff;width:32px;height:32px;box-shadow:inset 0 -2px 0 var(--green-dark);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.xpbar{background:#0000001a;border-radius:4px;width:64px;height:8px;overflow:hidden}.xpbar i{background:linear-gradient(90deg, #9bd162, var(--green));width:0;height:100%;transition:width .4s;display:block}@media (width<=380px){.xpbar{width:44px}}.coins .icon{color:var(--gold)}.crate-chips{scrollbar-width:none;gap:6px;margin-bottom:4px;padding-bottom:8px;display:flex;overflow-x:auto}.crate-chip{white-space:nowrap;background:#f3ead6;border-radius:999px;flex:none;padding:7px 11px;font-size:14px;font-weight:700;box-shadow:inset 0 -2px #00000012}.crate-chip small{opacity:.6;font-weight:600}.crate-chip.on{background:var(--green);color:#fff;box-shadow:inset 0 -2px 0 var(--green-dark)}.crate-h{color:var(--green-dark);margin:10px 0 2px;font-size:14px}.crate-list{max-height:52vh;overflow-y:auto}.upgrades-btn{position:relative}.upgrades-btn .dot{color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--paper-solid);background:#e0703c;border-radius:9px;place-items:center;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-3px;right:-3px}.upgrades-btn .dot:empty{display:none}.up-card{background:#f6efdf;border-radius:16px;margin-bottom:10px;padding:12px}.up-card.ready{box-shadow:inset 0 0 0 2px var(--green);background:#eef6e0}.up-head{align-items:center;gap:10px;display:flex}.up-head .ic{font-size:28px}.up-head b{font-size:17px}.pips{gap:4px;margin-left:auto;display:flex}.pips i{background:#0000001f;border-radius:50%;width:9px;height:9px}.pips i.on{background:var(--green)}.up-now{opacity:.7;margin:6px 0 2px;font-size:13px}.up-next{margin:2px 0 8px;font-size:15px}.up-card .buy{background:var(--green);color:#fff;width:100%;box-shadow:inset 0 -3px 0 var(--green-dark);border-radius:12px;padding:10px;font-size:15px;font-weight:800}.up-card .buy:disabled{box-shadow:none;background:#c9bd9f}.up-card .max{text-align:center;color:var(--green-dark);font-weight:700}.spots{pointer-events:none;transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.spot{will-change:transform;position:absolute;top:0;left:0}.spot-in{white-space:nowrap;background:var(--paper);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:4px 4px 4px 10px;font-size:13px;font-weight:800;display:flex;transform:translate(-50%,calc(-100% - 10px))}.spot.locked .spot-in{opacity:.85;padding-right:10px}.spot.short .spot-in{opacity:.7}.spot-buy{background:var(--green);color:#fff;box-shadow:inset 0 -2px 0 var(--green-dark);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:800}.spot-buy:disabled{box-shadow:none;background:#c9bd9f}.tools{background:var(--paper);box-shadow:var(--shadow);pointer-events:auto;border-radius:22px;gap:8px;padding:6px;display:flex}.tool{width:var(--tool);height:var(--tool);background:#f3ead6;border-radius:16px;place-items:center;font-size:28px;transition:transform .12s,background .2s;display:grid;position:relative;box-shadow:inset 0 -3px #00000014}.tool span{text-align:center;opacity:.7;font-size:10px;font-weight:700;position:absolute;bottom:3px;left:0;right:0}.tool .emoji{transform:translateY(-5px)}.tool.on{box-shadow:inset 0 0 0 3px var(--green), inset 0 -3px 0 #00000014;background:#d7ecb8;transform:translateY(-3px)}.tool:active{transform:scale(.94)}.count{background:var(--ink);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.count.low{background:#c8643c}.count:empty{display:none}.seeds{background:var(--paper);box-shadow:var(--shadow);scrollbar-width:none;pointer-events:auto;border-radius:18px;gap:6px;max-width:calc(100vw - 16px);padding:6px;display:flex;overflow-x:auto}.seeds[hidden]{display:none}.seed{text-align:center;background:#f3ead6;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:2px;width:74px;padding:6px 4px 5px;font-size:12px;font-weight:700;display:flex;box-shadow:inset 0 -3px #0000000f}.seed .e{font-size:24px;line-height:1.1}.seed.on{box-shadow:inset 0 0 0 3px var(--green);background:#d7ecb8}.seed.locked{opacity:.5}.seed .buy{background:var(--green);color:#fff;border-radius:8px;width:100%;margin-top:2px;padding:3px 6px;font-size:11px}.seed .buy:disabled{background:#b9ad94}@media (orientation:landscape) and (height<=560px){.tools{flex-direction:column}.seeds{flex-direction:column;max-width:none;max-height:calc(100dvh - 70px);overflow-y:auto}}.jobs{pointer-events:auto;height:34px;font-size:14px}.jobs .x{opacity:.55;margin-left:4px;font-size:12px}@media (orientation:landscape) and (height<=560px){.jobs{bottom:calc(var(--safe-b) + 10px);position:absolute;right:calc(100% + 8px)}}.weather{gap:6px}.weather .t{opacity:.6;font-size:14px;font-weight:600}.forecast-today .thaw{opacity:1;color:#3d6f99;font-weight:700}.forecast-today{align-items:center;gap:12px;padding:6px 2px 10px;display:flex}.forecast-today .big-icon{font-size:44px}.forecast-today b{font-size:18px}.forecast-today p{opacity:.75;margin:2px 0 0;font-size:14px}.forecast-days{gap:8px;margin-top:4px;display:flex}.forecast-days div{text-align:center;background:#f3ead6;border-radius:12px;flex:1;padding:8px 4px;font-size:12px;font-weight:700}.forecast-days span{font-size:26px;display:block}@media (orientation:portrait) and (width<=600px){.slot-left{flex-wrap:wrap;row-gap:6px}.slot-left:after{content:"";flex-basis:100%;order:50}.slot-left .weather{order:99}}.crew-btn{gap:4px;font-size:15px}.crew-h{color:var(--green-dark);margin:12px 0 6px;font-size:15px}.crew-h:first-child{margin-top:0}.person{background:#f6efdf;border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.person .face{border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.person .who{flex:1;min-width:0}.person .who b{font-size:16px;display:block}.person .who small{opacity:.7;font-size:13px}.person button{background:var(--green);color:#fff;box-shadow:inset 0 -3px 0 var(--green-dark);white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:800}.person button.soft{color:var(--ink);box-shadow:none;background:#efe4cc}.person button:disabled{box-shadow:none;background:#c9bd9f}.crew-note{opacity:.7;margin:4px 0 8px;font-size:13px}.person.crew{flex-wrap:wrap}.person .mood{white-space:nowrap;background:#efe4cc;border-radius:8px;padding:1px 6px;font-size:12px;font-weight:700}.person .mood.happy{color:var(--green-dark);background:#e3f1dc}.person .mood.unhappy{color:#b0563a;background:#f6dcd2}.person .pay{flex:100%;align-items:center;gap:6px;padding-left:48px;font-size:14px;font-weight:700;display:flex}.person .pay span{margin-right:auto}.person .pay small{opacity:.7;font-weight:600}.person .pay button{padding:6px 10px;font-size:13px}.crow-row{background:#f6efdf;border-radius:14px;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.crow-row .ic{font-size:22px}.crow-row .grow{flex:1;min-width:0}.crow-row .grow b{font-size:15px;display:block}.crow-row .grow small{opacity:.75;font-size:12px}.crow-row button{padding:6px 10px;font-size:13px}.crow-note{opacity:.8;margin:6px 0;font-size:13px}.shop-btn{gap:4px;font-size:15px}.shop-today{gap:8px;margin-bottom:8px;display:flex}.shop-today>div{text-align:center;background:#f6efdf;border-radius:14px;flex:1;padding:8px 4px}.shop-today b{font-size:20px;display:block}.shop-today small{opacity:.7;font-size:12px}.shop-h{color:var(--green-dark);margin:12px 0 6px;font-size:15px}.shop-note{opacity:.7;margin:4px 0 8px;font-size:13px}.shelf{background:#f6efdf;border-radius:14px;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.shelf.empty{opacity:.65;font-size:14px}.shelf .ic{flex:none;font-size:24px}.shelf .grow{min-width:0}.shelf .grow b{font-size:15px;display:block}.shelf .grow small{opacity:.7;font-size:12px}.shelf .price{flex:none;align-items:center;gap:4px;display:flex}.shelf .price span{text-align:center;min-width:40px;font-size:14px;font-weight:800}.shelf .price span.cheap{color:var(--green-dark)}.shelf .price span.dear{color:#b0563a}.shelf small .dear{color:#b0563a;font-weight:600}.shelf .price button{background:#efe4cc;border-radius:10px;width:32px;height:32px;font-size:18px;font-weight:800}.shelf .price button:disabled{opacity:.4}.shelf button.soft{white-space:nowrap;background:#efe4cc;border-radius:10px;flex:none;padding:7px 9px;font-size:13px;font-weight:800}.shop-auto{align-items:center;gap:8px;padding:6px 2px;font-size:15px;display:flex}.shop-auto input{width:20px;height:20px;accent-color:var(--green)}@media (width<=400px){.shelf{flex-wrap:wrap}.shelf .grow{flex:calc(100% - 56px)}.shelf .price{margin-left:38px}.shelf button.soft{margin-left:auto}}@media (width<=400px),(height<=500px){.shop-btn{justify-content:center;width:40px;padding:0}.shop-btn span{display:none}}.shop-quiet{background:#fbf1d4;border-radius:12px;margin:4px 0 8px;padding:8px 10px;font-size:14px}.shop-news{background:#e3f1dc;border-radius:12px;margin:4px 0 8px;padding:8px 10px;font-size:14px;font-weight:600}.keeper{background:#eef3e2;border-radius:14px;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.keeper .ic{font-size:22px}.keeper .grow b{font-size:15px;display:block}.keeper .grow small{opacity:.7;font-size:12px}.keeper button.soft{white-space:nowrap;background:#efe4cc;border-radius:10px;padding:7px 9px;font-size:13px;font-weight:800}.keeper-add{background:var(--green);color:#fff;width:100%;box-shadow:inset 0 -3px 0 var(--green-dark);border-radius:12px;margin-bottom:8px;padding:10px;font-size:14px;font-weight:800;display:block}.faces{pointer-events:none;position:absolute;inset:0;overflow:hidden}.faces[hidden]{display:none}.face{position:absolute;top:0;left:0}.face span{white-space:nowrap;background:var(--paper);box-shadow:var(--shadow);border-radius:999px;padding:3px 9px;font-size:13px;font-weight:800;animation:1.7s ease-out forwards face-pop;display:block;transform:translate(-50%,-100%)}.face.great span{color:var(--green-dark)}.face.dear span{color:#a2482a}@keyframes face-pop{0%{opacity:0;margin-top:8px}12%{opacity:1;margin-top:0}80%{opacity:1}to{opacity:0;margin-top:-10px}}.shop-faces{text-align:center;margin:4px 0 2px;font-weight:700}.coop-pill.low{box-shadow:inset 0 0 0 2px #d9824a}.coop-today{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.coop-today div{background:#f6efdf;border-radius:12px;padding:6px 2px}.coop-today b{font-size:18px;display:block}.coop-today small{opacity:.7;font-size:11px}.coop-h{margin:14px 0 6px;font-size:15px}.coop-bar{background:#0000001a;border-radius:5px;height:10px;overflow:hidden}.coop-bar i{background:#e2bf55;border-radius:5px;height:100%;display:block}.coop-bar.low i{background:#d9824a}.coop-note{opacity:.8;margin:6px 0;font-size:13px}.coop-note .dear{color:#b0563a;font-weight:700}.coop-btns{flex-wrap:wrap;gap:6px;display:flex}.coop-btns button{flex:40%}.coop-btns button:disabled,button.big:disabled{opacity:.55}button.big[data-eggs]{width:100%}.coop-row{background:#f6efdf;border-radius:14px;align-items:center;gap:8px;padding:8px;display:flex}.coop-row .ic{font-size:22px}.coop-row .grow{flex:1;min-width:0}.coop-row .grow b{font-size:14px;display:block}.coop-row .grow small{opacity:.7;font-size:12px}.coop-add{width:100%;margin-bottom:6px;display:block}@media (orientation:portrait) and (width<=600px){.slot-left .coop-pill{order:100}}.animal-tabs{gap:6px;margin-bottom:10px;display:flex}.animal-tabs button{background:#f6efdf;border-radius:12px;flex:1;padding:8px 4px;font-size:14px;font-weight:700}.animal-tabs button.on{background:var(--green);color:#fff}.coop-bar.water i{background:#5b9fc4}.coop-bar.ice i{background:#cfe6f0}button.big[data-produce],button.big[data-ice]{width:100%}button.big[data-produce]:disabled{opacity:.55}button.soft.wide{width:100%}.dog-pill.low{box-shadow:inset 0 0 0 2px #d9824a}.dog-row{background:#f6efdf;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.dog-row .ic{font-size:22px}.dog-row .grow{flex:1;min-width:0}.dog-row .grow b{font-size:15px;display:block}.dog-row .grow small{opacity:.75;font-size:12px}.dog-row .dear{color:#b0563a;font-weight:700}.dog-row button{padding:6px 10px;font-size:13px}.dog-row button:disabled{opacity:.5}button.big[data-feed]{width:100%;margin:4px 0}button.big[data-feed]:disabled{opacity:.55}.dog-note{opacity:.8;margin:6px 0;font-size:13px}.dog-h{margin:14px 0 6px;font-size:15px}.dog-add{width:100%;margin-bottom:6px;display:block}@media (orientation:portrait) and (width<=600px){.slot-left .dog-pill{order:101}}.ws-tabs{gap:6px;margin-bottom:10px;display:flex}.ws-tabs button{background:#f6efdf;border-radius:12px;flex:1;padding:8px 4px;font-size:14px;font-weight:700}.ws-tabs button.on{background:var(--green);color:#fff}@media (width<=420px){.ws-tabs .ws-tabname{display:none}.ws-tabs button{font-size:20px}}.ws-h{margin:14px 0 6px;font-size:15px}.ws-note{opacity:.8;margin:8px 0;font-size:13px}.ws-bar{background:#0000001a;border-radius:5px;height:10px;margin:4px 0 2px;overflow:hidden}.ws-bar i{background:#e2bf55;border-radius:5px;height:100%;transition:width .4s linear;display:block}.ws-now{background:#f6efdf;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:flex}.ws-now .ic{font-size:26px}.ws-now .grow{flex:1;min-width:0}.ws-now .grow b{font-size:14px;display:block}.ws-now .grow small{opacity:.7;font-size:12px}.ws-now.idle{opacity:.85}.ws-queue{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.ws-queue small{opacity:.7;font-size:12px}.ws-chip{background:#f6efdf;border-radius:999px;padding:6px 10px;font-size:15px;font-weight:700}.ws-chip span{opacity:.6;margin-left:6px;font-size:11px}.ws-recipe{background:#f6efdf;border-radius:14px;align-items:center;gap:6px;margin-bottom:6px;padding:8px;display:flex}.ws-recipe .grow{flex:1;min-width:0}.ws-recipe .ws-line{font-size:17px}.ws-recipe .ws-line small{opacity:.65;margin-left:1px;font-size:11px}.ws-recipe .ws-line .short small{color:#b0563a;opacity:1;font-weight:700}.ws-recipe>.grow>small{opacity:.7;font-size:12px}.ws-recipe button:disabled{opacity:.55}.ws-rep{opacity:.45}.ws-rep.on{opacity:1;box-shadow:inset 0 0 0 2px var(--green)}.bed-btn{z-index:5;white-space:nowrap;color:#fff6d8;background:#2f3a66;border-radius:999px;margin:-46px 0 0 -48px;padding:7px 13px;font-size:14px;font-weight:800;animation:2.4s ease-in-out infinite bed-glow;position:absolute;top:0;left:0;box-shadow:0 2px 10px #0a0e2873}@keyframes bed-glow{50%{box-shadow:0 0 0 5px #ffdc8c59,0 2px 10px #0a0e2873}}.bed-veil{z-index:46;pointer-events:auto;text-align:center;color:#fff6d8;background:#080c20d1;place-content:center;transition:opacity .7s;animation:.8s fade;display:grid;position:absolute;inset:0}.bed-veil.out{opacity:0}.bed-clock{letter-spacing:1px;font-size:40px;font-weight:800}.bed-veil small{opacity:.6;margin-top:8px;font-size:14px}.bed-card p{margin:6px 0;font-size:16px}.bed-veil[hidden],.bed-btn[hidden]{display:none}.orders-btn{position:relative}.orders-btn .dot{background:var(--green);color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--paper-solid);border-radius:9px;place-items:center;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-3px;right:-3px}.orders-btn .dot:empty{display:none}.task{background:#f6efdf;border-radius:14px;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.task.done{background:#e3f1dc}.task .ic{flex:none;font-size:22px}.task .grow{flex:1;min-width:0}.task .grow b{font-size:15px;display:block}.task .grow small{opacity:.7;font-size:12px}.task .bar{background:#0000001a;border-radius:3px;height:6px;margin:4px 0 2px;overflow:hidden}.task .bar i{background:var(--green);border-radius:3px;height:100%;display:block}.task .coins{flex:none;font-size:15px;font-weight:800}.order{background:#f6efdf;border-radius:16px;margin-bottom:10px;padding:10px}.order.ready{box-shadow:inset 0 0 0 2px var(--green);background:#eef6e0}.order-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.order-head b{font-size:16px}.order-head small{opacity:.75;white-space:nowrap;font-size:12px}.order-head .dear{color:#b0563a;font-weight:600}.order ul{margin:6px 0 8px;padding:0;list-style:none}.order li{justify-content:space-between;gap:8px;padding:2px 0;font-size:15px;display:flex}.order li small{opacity:.7;white-space:nowrap;font-size:12px}.order li small.ok{color:var(--green-dark);opacity:1;font-weight:700}.order button.big{width:100%}.order button.big:disabled{opacity:.55}.tut{z-index:40;pointer-events:none;position:absolute;inset:0}.tut[hidden]{display:none}.tut-block{pointer-events:auto;background:0 0;transition:background .3s;position:absolute}.tut.dim .tut-block{background:#1e160866}.tut-block[hidden],.tut-ring[hidden]{display:none}.tut-ring{pointer-events:none;border:3px solid #ffd65a;border-radius:16px;animation:1.4s ease-in-out infinite tut-glow;position:absolute;box-shadow:0 0 0 3px #ffd65a59,0 0 22px 6px #ffd65a8c}@keyframes tut-glow{0%,to{box-shadow:0 0 0 3px #ffd65a59,0 0 16px 4px #ffd65a73}50%{box-shadow:0 0 0 6px #ffd65a80,0 0 28px 10px #ffd65ab3}}.tut-card{pointer-events:auto;background:var(--paper-solid);border-radius:18px;align-items:flex-start;gap:12px;width:min(92vw,420px);padding:12px 14px;animation:.3s ease-out tut-in;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #1e140559}@keyframes tut-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}.tut-nana{flex:none;width:64px;height:64px}.tut-nana svg{width:64px;height:64px;display:block}.tut-body{flex:1;min-width:0}.tut-where{opacity:.55;font-size:12px;font-weight:700;display:block}.tut-text{margin:2px 0 4px;font-size:18px;font-weight:700;line-height:1.3}.tut-icons{letter-spacing:2px;font-size:28px;line-height:1.2}.tut-dots{letter-spacing:3px;color:var(--green-dark);min-height:0;font-size:15px}.tut-dots:empty{display:none}.tut-btns{align-items:center;gap:8px;margin-top:8px;display:flex}.tut-ok{background:var(--green);color:#fff;box-shadow:inset 0 -3px 0 var(--green-dark);border-radius:12px;padding:8px 22px;font-size:22px}.tut-next{border-radius:12px;padding:8px 14px;font-size:15px;font-weight:700}.tut-skip{opacity:.55;background:0 0;margin-left:auto;padding:6px 8px;font-size:13px;font-weight:700}.tut-btns button[hidden],#hud.tut-on .hint,#hud.cheering .banner{display:none}.cheer{left:50%;top:calc(var(--safe-t) + 150px);z-index:35;pointer-events:auto;background:var(--paper-solid);border-radius:20px;align-items:center;gap:12px;width:min(92vw,420px);padding:12px 14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #1e14054d}.cheer[hidden]{display:none}.cheer.in{animation:.55s cubic-bezier(.3,1.4,.5,1) cheer-in}@keyframes cheer-in{0%{opacity:0;transform:translate(-50%,-30px)scale(.9)}}.cheer-nana{flex:none;width:64px;height:64px;position:relative}.cheer-nana svg{width:64px;height:64px}.cheer-clap{transform-origin:50% 80%;font-size:26px;animation:.5s ease-in-out 6 cheer-clap;position:absolute;bottom:-6px;right:-8px}@keyframes cheer-clap{50%{transform:scale(.75)rotate(-12deg)}}.cheer-text{flex:1;margin:0;font-size:15px;font-weight:700;line-height:1.35}.cheer-ok{background:var(--green);color:#fff;width:40px;height:40px;box-shadow:inset 0 -3px 0 var(--green-dark);border-radius:50%;flex:none;font-size:18px}.cheer-glow{z-index:2;position:relative}.cheer-glow:after{content:"";border-radius:inherit;pointer-events:none;animation:1.1s ease-in-out infinite cheer-glow;position:absolute;inset:-3px}@keyframes cheer-glow{0%,to{box-shadow:0 0 0 2px #f096288c}50%{box-shadow:0 0 0 5px #f09628f2,0 0 20px 7px #f0aa3cb3}}.speed{justify-content:center;gap:2px;min-width:58px;font-size:15px}.speed.fast{color:#fffaee;background:#2f6d3a}.book-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.book-tile{background:#f3ead6;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:13px;font-weight:700;line-height:1.2;display:flex;box-shadow:inset 0 -3px #00000012}.book-tile .ic{font-size:30px}.book-pic{text-align:center;letter-spacing:2px;background:linear-gradient(#cfe9f7 0%,#e9f5df 58%,#b9dc8f 58%,#9fcd72 100%);border-radius:16px;padding:22px 10px 18px;font-size:34px;line-height:1.3}.book-page h3{margin:12px 0 4px;font-size:18px}.book-page p{margin:0 0 12px;font-size:16px;line-height:1.45}.book-nav{justify-content:space-between;gap:8px;display:flex}.book-nav button{border-radius:12px;padding:8px 10px;font-size:14px;font-weight:700}.vol input{width:46%;accent-color:var(--green)}.vol-val{text-align:right;width:42px;font-size:14px}.seg{background:#efe4cc;border-radius:10px;gap:4px;padding:3px;display:flex}.seg button{background:0 0;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:700}.seg button.on{background:var(--paper-solid);box-shadow:var(--shadow)}.set-h{color:var(--green-dark);margin:14px 0 4px;font-size:15px}.set-h:first-of-type{margin-top:0}.set-toggle small{opacity:.65;font-size:13px;font-weight:500;display:block}.set-toggle[hidden]{display:none}.set-toggle input{width:22px;height:22px;accent-color:var(--green)}.set-wide{border-radius:12px;width:100%;margin-bottom:10px;padding:10px;font-weight:700}.night-veil{pointer-events:none;z-index:60;background:#301a045c;display:none;position:fixed;inset:0}html.night-light .night-veil{animation:1.2s night-in;display:block}@keyframes night-in{0%{opacity:0}}#hud.photo-on>:not(.photo-bar):not(.photo-flash):not(.toasts){visibility:hidden}.photo-bar[hidden],.photo-flash[hidden]{display:none}.photo-bar{pointer-events:none;z-index:30;position:absolute;inset:0}.photo-x{top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + 12px);background:var(--paper);width:44px;height:44px;box-shadow:var(--shadow);border-radius:50%;font-size:18px;position:absolute}.photo-shutter{left:50%;bottom:calc(var(--safe-b) + 34px);background:#fffaee;border-radius:50%;width:74px;height:74px;margin-left:-37px;position:absolute;box-shadow:0 0 0 5px #fffaee8c,0 4px 14px #0000004d}.photo-bar small{left:0;right:0;bottom:calc(var(--safe-b) + 12px);text-align:center;color:#fffaee;text-shadow:0 1px 4px #00000080;font-weight:700;position:absolute}.photo-flash{z-index:31;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.photo-flash.go{animation:.45s ease-out photo-flash}@keyframes photo-flash{0%{opacity:.85}to{opacity:0}}.menu-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.menu-item{text-align:left;background:#f3ead6;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:16px;font-weight:700;display:flex;box-shadow:inset 0 -3px #00000012}.menu-item .ic{text-align:center;width:28px;font-size:22px}.menu-item small{opacity:.65;font-size:13px;font-weight:500;display:block}.menu-item.primary{background:var(--green);color:#fff;box-shadow:inset 0 -3px 0 var(--green-dark)}.menu-item.danger{color:#a2482a;background:#f6e0d6}.menu-stats{text-align:center;margin:2px 0 8px}.credits .credit-h{color:var(--green-dark);margin:14px 0 4px;font-size:15px}.credits .credit-h:first-child{margin-top:0}.credits .credit{margin:0 0 6px;font-size:14px;line-height:1.45}#hud.title-on>:not(.title-screen):not(.scrim){visibility:hidden}#hud.title-on .scrim{z-index:50}.title-screen{z-index:45;pointer-events:auto;padding:calc(var(--safe-t) + 7vh) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 24px) calc(var(--safe-l) + 16px);background:linear-gradient(#fffaee00 55%,#283c1447);flex-direction:column;justify-content:space-between;align-items:center;animation:.5s fade;display:flex;position:absolute;inset:0}.title-top{text-align:center}.title-name{color:#fffaee;letter-spacing:.5px;text-shadow:0 3px #4f8a2e8c,0 6px 18px #28461473;margin:0;font-size:clamp(44px,13vw,72px);font-weight:800}.title-welcome{background:var(--paper);max-width:22em;box-shadow:var(--shadow);border-radius:999px;margin:8px auto 0;padding:6px 14px;font-size:15px;font-weight:600}.title-card{background:var(--paper);text-align:center;border-radius:22px;flex-direction:column;gap:10px;width:min(100%,380px);padding:16px;display:flex;box-shadow:0 6px 24px #281e0a40}.title-stats{opacity:.7;margin:0;font-weight:700}.title-go{color:#fff;background:var(--green);box-shadow:inset 0 -4px 0 var(--green-dark);border-radius:16px;padding:16px;font-size:22px;font-weight:800}.title-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.title-item{background:#f3ead6;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:13px;font-weight:700;display:flex;box-shadow:inset 0 -3px #00000012}.title-item .ic{font-size:24px}.title-new{color:#a2482a;background:#f6e0d6;border-radius:14px;padding:10px;font-size:14px;font-weight:700}.title-version{opacity:.45}@media (orientation:landscape) and (height<=560px){.title-screen{padding-top:calc(var(--safe-t) + 16px);flex-direction:row;align-items:center}.title-top{flex:1}.title-card{width:340px}}