:root{--cream:#fff8ea;--paper:#fffdf7;--ink:#4a3426;--ink2:#7a6150;--green:#5cc25a;--green-d:#3c9a3f;--gold:#ffc93c;--gold-d:#e0a01d;--red:#ff6b6b;--blue:#4dabf7;--line:#ecdcc2;--shadow:0 6px 0 #5a3c1e2e, 0 12px 24px #3c28142e;--r:20px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;min-height:100dvh;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#9fd8ff;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100dvh;min-height:100%;position:fixed;inset:0;overflow:hidden}#app canvas{width:100%;height:100%;display:block}.labels-layer{pointer-events:none;inset:0;overflow:hidden;position:absolute!important}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:Fredoka,sans-serif}input{color:var(--ink);font-family:Nunito,sans-serif;font-size:16px}.hidden{display:none!important}.muted{color:var(--ink2)}.small{font-size:13px}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.row.center{justify-content:center}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.big-emoji{margin:6px 0;font-size:64px;line-height:1}.btn{background:#fff;border:2px solid #eadbc0;border-radius:14px;padding:10px 16px;font-size:16px;font-weight:600;transition:transform 80ms,box-shadow 80ms,filter .15s;box-shadow:0 4px #e2cfae}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #e2cfae}.btn.primary{background:linear-gradient(#78d672, var(--green));border-color:var(--green-d);color:#fff;box-shadow:0 4px 0 var(--green-d);text-shadow:0 1px #00000026}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--green-d)}.btn.danger{color:#d9453b;background:#fff1f0;border-color:#ffc2bd;box-shadow:0 4px #ffc2bd}.btn.ghost{box-shadow:none;background:0 0}.btn.big{width:100%;margin:6px 0;padding:14px;font-size:18px}.btn.small{border-radius:11px;padding:6px 12px;font-size:14px}.pending-action{opacity:.68;cursor:wait;filter:saturate(.55)}.btn:disabled{filter:grayscale(.7);opacity:.55;cursor:default}.toggle{background:#f3ead8;border:2px solid #e6d6b8;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600}.toggle.on{background:var(--green);color:#fff;border-color:var(--green-d)}.chip{background:#f3ead8;border-radius:99px;padding:5px 11px;font-size:13px}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud>*,#hud button{pointer-events:auto}#hud .top-left,#hud .top-right,#hud #toasts,#hud .cam-btns{pointer-events:none}#hud .top-left>*,#hud .top-right>*,#hud .cam-btns>*{pointer-events:auto}.top-left{top:calc(10px + var(--safe-t));flex-direction:column;gap:8px;max-width:min(340px,58vw);display:flex;position:absolute;left:10px}.top-right{top:calc(10px + var(--safe-t));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:45vw;display:flex;position:absolute;right:10px}.world-chip{background:var(--paper);box-shadow:var(--shadow);text-align:left;border-radius:99px;align-items:center;gap:8px;padding:4px 14px 4px 4px;display:flex}.lvl-ring{background:radial-gradient(circle at 35% 30%, #ffe27a, var(--gold) 60%, var(--gold-d));color:#7a4a00;width:40px;height:40px;box-shadow:0 2px 0 var(--gold-d);border:3px solid #fff;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.wc-text b{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:15px;display:block;overflow:hidden}.xpbar{background:#efe3cc;border-radius:9px;width:110px;height:8px;margin-top:3px;overflow:hidden}.xpbar i{background:linear-gradient(90deg,#7bd4ff,#4dabf7);border-radius:9px;height:100%;transition:width .5s;display:block}.quest-tracker{box-shadow:var(--shadow);text-align:left;background:#fffdf7f2;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;animation:3s ease-in-out infinite bob;display:flex}.quest-tracker .qi{font-size:26px}.quest-tracker b{font-size:14px;display:block}.quest-tracker small{color:var(--ink2);font-size:12px}.qbar{background:#efe3cc;border-radius:9px;min-width:120px;height:7px;margin:4px 0 2px;overflow:hidden}.qbar i{background:linear-gradient(90deg, #9be15d, var(--green));height:100%;transition:width .4s;display:block}.coop-tag{color:#c2255c;vertical-align:middle;background:#ffe0f0;border-radius:6px;margin-left:4px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:800}.pill{background:var(--paper);box-shadow:var(--shadow);border-radius:99px;align-items:center;gap:10px;padding:7px 14px;font-family:Fredoka;font-size:16px;display:flex}.pill.energy{color:#8a5a11;gap:4px}.pill.energy.low{color:#c23d34;animation:1.4s infinite pulse}.low-energy{color:#b83d35;border:2px solid #ffc2bd}.pill.coins b{color:#b87a00;font-size:18px}.pill.coins small{color:#735e35;font-size:10px;display:block}.character-types{gap:8px;margin:10px 0;display:flex}.character-types button{flex:1;min-height:44px}.character-types [aria-pressed=true]{color:#fff;background:#245c48;outline:2px solid #c6b274}.work-progress{background:#e6e7d7;border-radius:20px;height:12px;margin:14px 0 8px;overflow:hidden}.work-progress i{border-radius:inherit;background:#568e67;width:0;height:100%;display:block}.onboarding-card{pointer-events:auto;z-index:24;color:#244d3b;background:#fff9e9;border:2px solid #d4bb71;border-radius:20px;width:min(350px,100vw - 28px);padding:16px;position:absolute;top:190px;left:14px;box-shadow:0 8px 24px #183f3830}.onboarding-card[hidden]{display:none}.onboarding-card h3{margin:6px 0;font-size:18px}.onboarding-card p{margin:8px 0 12px;font-size:13px;line-height:1.45}.onboarding-card>div{justify-content:space-between;gap:8px;display:flex}.onboarding-card button{min-height:44px}.guide-highlight{outline-offset:4px;outline:3px solid #f8c84b!important;box-shadow:0 0 0 8px #ffdb6b40!important}@media (height<=500px) and (orientation:landscape){.onboarding-card{width:min(350px,100vw - 330px);max-height:calc(100dvh - 160px);padding:10px 14px;top:76px;left:155px;overflow-y:auto}.onboarding-card p{font-size:12px}}.pill.mats{padding:6px 12px;font-size:14px}.round-btn{background:var(--paper);width:46px;height:46px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:22px;transition:transform .1s;display:grid;position:relative}.round-btn:active{transform:scale(.9)}.round-btn.small{width:40px;height:40px;font-size:18px}.badge{background:var(--red);color:#fff;border:2px solid #fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-family:Nunito;font-size:12px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.badge.green{background:var(--green)}.dot{background:var(--red);border:2px solid #fff;border-radius:50%;width:11px;height:11px;animation:1.2s infinite pulse;position:absolute;top:4px;right:10px}.cam-btns{right:10px;bottom:calc(96px + var(--safe-b));flex-direction:column;gap:8px;display:flex;position:absolute}.bottom-bar{left:50%;bottom:calc(10px + var(--safe-b));box-shadow:var(--shadow);z-index:6;background:#fffdf7f5;border-radius:24px;gap:4px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.nav-toggle{display:none}.bottom-bar.collapsed{opacity:0;pointer-events:none;transform:translate(-50%)translateY(calc(100% + 18px))}.bottom-bar button{border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:62px;transition:transform .1s,background .2s;display:flex;position:relative}.bottom-bar button:hover{background:#f6ecd8}.bottom-bar button:active{transform:scale(.9)}.bottom-bar span{filter:drop-shadow(0 2px #00000014);font-size:28px;line-height:1}.bottom-bar small{margin-top:3px;font-size:12px;font-weight:600}.bottom-bar .badge{top:2px;right:6px}.build-bar{left:50%;bottom:calc(14px + var(--safe-b));background:var(--paper);box-shadow:var(--shadow);border-radius:24px;align-items:center;gap:8px;width:min(460px,100vw - 20px);padding:8px;animation:.3s popIn;display:flex;position:absolute;transform:translate(-50%)}.bb{border-radius:18px;flex:none;width:56px;height:56px;font-size:26px;font-weight:700;box-shadow:0 4px #00000026}.bb.cancel{color:#d9453b;background:#ffe3e0}.bb.rot{color:#1c7ed6;background:#e3f2ff}.bb.ok{background:linear-gradient(#78d672, var(--green));color:#fff}.bb.ok:disabled{filter:grayscale();opacity:.5}.bb:active{box-shadow:none;transform:translateY(3px)}.bb-info{flex:1;min-width:0}.bb-info b{white-space:nowrap;text-overflow:ellipsis;font-family:Fredoka;font-size:16px;display:block;overflow:hidden}.bb-info small{color:var(--ink2);font-size:12px}.mat{margin-left:4px;font-weight:700}.emote-pop{bottom:calc(86px + var(--safe-b));background:var(--paper);box-shadow:var(--shadow);border-radius:20px;gap:4px;padding:6px;animation:.25s popIn;display:flex;position:absolute;left:50%;transform:translate(-50%)}.emote-pop button{border-radius:14px;width:52px;height:52px;font-size:30px}.emote-pop button:active{background:#f6ecd8;transform:scale(.85)}.coop-btn{left:50%;bottom:calc(92px + var(--safe-b));color:#fff;white-space:nowrap;background:linear-gradient(#ff9ec7,#f06595);border-radius:99px;flex-direction:column;align-items:center;padding:14px 24px;font-size:20px;font-weight:700;animation:1.4s infinite pulse;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px #c2255c,0 10px 30px #f0659580}.coop-btn small{opacity:.9;font-size:12px;font-weight:500}.coop-btn.ready{background:linear-gradient(#78d672, var(--green));box-shadow:0 6px 0 var(--green-d), 0 10px 30px #5cc25a80}.exit-btn{top:calc(120px + var(--safe-t));background:var(--paper);box-shadow:var(--shadow);border-radius:99px;padding:10px 16px;font-size:16px;font-weight:600;position:absolute;right:10px}#joystickZone{z-index:5;touch-action:none;pointer-events:auto;width:58vw;min-width:220px;height:52vh;position:absolute;bottom:0;left:0}#joystick{touch-action:none;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff59,#ffffff26);border:3px solid #fff9;border-radius:50%;place-items:center;width:124px;height:124px;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:0;left:0;transform:scale(.9)}#joystick.active{opacity:1;transform:scale(1)}#joystick .knob{pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff,#ffe9c4);border-radius:50%;width:54px;height:54px;transition:transform 60ms;box-shadow:0 4px 10px #0003}@media (width>=760px) and (pointer:fine){#joystickZone{display:none}}@media (width<=759px),(pointer:coarse){.cam-btns .desktop-zoom{display:none}.nav-toggle{z-index:7;left:50%;bottom:calc(74px + var(--safe-b));width:42px;height:25px;color:var(--green-d);background:#fffdf7f5;border-radius:12px 12px 7px 7px;place-items:center;font:800 20px/1 Nunito,sans-serif;transition:bottom .2s,transform .2s;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 3px #5a3c1e2e}.nav-toggle[aria-expanded=false]{bottom:calc(12px + var(--safe-b));border-radius:12px;transform:translate(-50%)rotate(180deg)}.bottom-bar{transition:opacity .2s,transform .2s}}#toasts{top:calc(70px + var(--safe-t));z-index:30;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:92vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{background:var(--paper);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:10px 18px;font-size:15px;font-weight:700;animation:.35s cubic-bezier(.2,1.6,.4,1) toastIn}.toast.good{color:#2b7a2b;background:#eaffdf}.toast.bad{color:#c92a2a;background:#fff0ee}.toast.out{opacity:0;transition:all .4s;transform:translateY(-10px)}.banner{border:4px solid var(--gold);text-align:center;z-index:40;pointer-events:none;background:linear-gradient(135deg,#fff6d6,#fffdf7);border-radius:26px;min-width:260px;padding:18px 30px;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000040}.banner b{color:#b87a00;font-family:Fredoka;font-size:28px;display:block}.banner span{font-size:15px;font-weight:700}.banner.show{animation:.6s cubic-bezier(.2,1.6,.4,1) bannerIn}#sheetWrap{z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-bg{background:#281e1440;animation:.2s fade;position:absolute;inset:0}.sheet{background:var(--cream);width:min(520px,100vw);max-height:min(78vh,720px);padding-bottom:var(--safe-b);border-top:5px solid #fff;border-radius:28px 28px 0 0;flex-direction:column;animation:.35s cubic-bezier(.2,1.2,.4,1) sheetUp;display:flex;position:relative;box-shadow:0 -10px 40px #0003}.sheet.wide{width:min(760px,100vw)}@media (width>=800px){#sheetWrap{align-items:center}.sheet{border:5px solid #fff;border-radius:28px;max-height:82vh}}.sheet-head{align-items:center;padding:14px 16px 6px 20px;display:flex}.sheet-head h2{flex:1;margin:0;font-family:Fredoka;font-size:22px;font-weight:600}.sheet-head .x{background:#f1e3c8;border-radius:50%;width:38px;height:38px;font-size:18px;font-weight:700}.sheet-tabs{scrollbar-width:none;gap:6px;padding:4px 12px 8px;display:flex;overflow-x:auto}.sheet-tabs::-webkit-scrollbar{display:none}.tab{background:#f3e7d0;border-radius:14px;flex-direction:column;flex:none;align-items:center;min-width:64px;padding:6px 12px;font-size:22px;display:flex}.tab span{font-size:12px;font-weight:600}.tab.on{background:#fff;box-shadow:0 3px #e6d3b0}.sheet-body{-webkit-overflow-scrolling:touch;padding:4px 16px 18px;overflow-y:auto}.sheet-body p{margin:8px 0;line-height:1.4}.stars{font-size:14px}.grid{gap:10px;display:grid}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));margin-top:8px}.card{background:#fff;border:2px solid #f1e3c8;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;transition:transform .1s;display:flex;position:relative;box-shadow:0 4px #ead9bb}.card:active:not(:disabled){transform:scale(.94)}.card .ic{filter:drop-shadow(0 3px #00000014);font-size:40px;line-height:1.1}.card b{text-align:center;font-size:14px;font-weight:600;line-height:1.1}.card small{color:var(--ink2);text-align:center;font-size:12px}.card .price{color:#9a6a00;font-family:Nunito;font-weight:800}.card .extra{font-size:13px}.card.locked{opacity:.5;filter:grayscale(.8)}.card.poor .price{color:#d9453b}.card .owned{color:var(--ink2);font-size:11px;font-style:normal;font-weight:800;position:absolute;top:6px;right:8px}.state{text-align:center;background:#fff;border-radius:16px;margin:6px 0;padding:12px;font-size:17px;font-weight:700}.state.ready{color:#2b7a2b;background:#eaffdf;animation:1.5s infinite glow}.bar{background:#efe3cc;border-radius:9px;height:10px;margin:6px 0;overflow:hidden}.bar.big{height:14px}.bar i{background:linear-gradient(90deg, #9be15d, var(--green));height:100%;transition:width .8s linear;display:block}.bar.gold i{background:linear-gradient(90deg, #ffe27a, var(--gold))}.obj-tools{justify-content:center;margin-top:14px}.queue{justify-content:center;gap:8px;margin:10px 0;display:flex}.slot{background:#fff;border:2px dashed #e6d3b0;border-radius:14px;place-items:center;width:58px;height:58px;font-size:28px;display:grid;position:relative;overflow:hidden}.slot.empty{color:#d8c4a0;font-size:22px}.slot span{z-index:1;position:relative}.slot i{background:#5cc25a4d;position:absolute;bottom:0;left:0;right:0}.slot small{z-index:1;font-size:10px;font-weight:800;position:absolute;bottom:1px}.slot.done{border:2px solid var(--green);animation:1.5s infinite glow}.recipes{flex-direction:column;gap:8px;display:flex}.recipe{background:#fff;border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex}.recipe .ic{font-size:34px}.rinfo{flex:1}.rinfo small{color:var(--ink2);font-size:12px}.ins{flex-wrap:wrap;gap:8px;font-size:14px;font-weight:700;display:flex}.ins .ok,.oitems .ok{color:#2b8a3e}.ins .no,.oitems .no{color:#e03131}.grid.inv{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.inv-item{background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:8px 4px;display:flex;position:relative}.inv-item .ic{font-size:32px}.inv-item b{font-size:14px;position:absolute;top:4px;right:8px}.inv-item small{color:var(--ink2);text-align:center;font-size:11px}.list{flex-direction:column;gap:8px;display:flex}.li{background:#fff;border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex}.li .ic{font-size:30px}.li b{font-size:15px;display:block}.li b.on{color:var(--green-d)}.li small{color:var(--ink2);font-size:12px}.avatar{color:#fff;text-shadow:0 1px 2px #0000004d;border:3px solid #fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-family:Fredoka;font-size:18px;font-weight:800;display:grid;box-shadow:0 2px 6px #00000026}.grid.orders{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.order{background:#fff8e1;border:3px solid #f1dfb4;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex;position:relative;box-shadow:0 4px #ecd9ad}.order:before{content:"📌";font-size:18px;position:absolute;top:-10px}.order.ok{background:#f3ffe9;border-color:#9be15d}.oitems{flex-wrap:wrap;justify-content:center;gap:8px;font-size:28px;display:flex}.oitems span{flex-direction:column;align-items:center;display:flex}.oitems small{font-size:12px;font-weight:800}.oreward{color:#9a6a00;font-size:14px;font-weight:800}.quest-list{flex-direction:column;gap:8px;display:flex}.quest{background:#fff;border-radius:16px;align-items:flex-start;gap:10px;padding:10px;display:flex}.quest .qi{font-size:28px}.quest b{font-size:15px}.quest p{margin:3px 0;font-size:13px}.quest.active{border:3px solid var(--green);box-shadow:0 4px 14px #5cc25a40}.quest.next{opacity:.75}.quest.locked{color:var(--ink2);background:0 0;border:2px dashed #e6d3b0;justify-content:center;font-weight:700}.quest .reward{color:#9a6a00;margin:3px 0;font-weight:700;display:block}.invite{text-align:center;background:#fff;border-radius:20px;margin-bottom:10px;padding:12px}.invite .code{letter-spacing:6px;color:var(--green-d);-webkit-user-select:all;user-select:all;font-family:Fredoka;font-size:40px;font-weight:700}.chat-log{flex-direction:column;gap:6px;height:min(42vh,360px);padding:6px 2px;display:flex;overflow-y:auto}.msg{background:#fff;border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:80%;padding:7px 11px;font-size:15px}.msg b{color:var(--green-d);font-size:12px;display:block}.msg.mine{background:#dff5ff;border-radius:14px 14px 4px;align-self:flex-end}.quick{gap:6px;padding:6px 0;display:flex;overflow-x:auto}.quick .chip{flex:none}.chat-form input,.sheet-body input{border:2px solid var(--line);background:#fff;border-radius:14px;outline:none;flex:1;min-width:0;padding:11px 14px}.chat-form input:focus,.sheet-body input:focus{border-color:var(--green)}.big-input{text-align:center;width:100%;margin:8px 0;font-size:20px!important}.help p{background:#fff;border-radius:14px;padding:9px 12px;font-size:14px}.name-tag{color:var(--ink);white-space:nowrap;background:#ffffffeb;border:2px solid #fff;border-radius:99px;padding:3px 10px;font-family:Fredoka;font-size:13px;font-weight:600;box-shadow:0 2px 6px #0000002e}.name-tag.online{color:#fff;background:#5cc25a;border-color:#c9f7b8;box-shadow:0 0 0 3px #5cc25a59,0 2px 8px #0003}.name-tag.online:before{content:"";vertical-align:1px;background:#d7ffcb;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:1.6s infinite pulse;display:inline-block}.name-tag.offline{color:#eee;background:#6e6e78cc;font-weight:500}.name-tag.me{outline:2px solid #ffe27a}.chat-bubble{white-space:normal;text-align:center;background:#fff;border-radius:16px 16px 16px 4px;max-width:200px;padding:7px 12px;font-size:14px;font-weight:700;animation:.3s cubic-bezier(.2,1.6,.4,1) popIn;box-shadow:0 4px 12px #0000002e}.pet-tag{white-space:nowrap;background:#ffffffd9;border-radius:99px;padding:1px 8px;font-size:11px;font-weight:700}.employee-tag{white-space:nowrap;background:#fff8e1e6;border-radius:99px;padding:2px 6px;font-size:12px;box-shadow:0 2px 6px #00000024}.visitor-tag{white-space:nowrap;background:#ebf7ffe6;border-radius:99px;padding:2px 6px;font-size:11px;box-shadow:0 2px 6px #0000001f}.obj-bubble{background:#fff;border:3px solid #fff;border-radius:99px;align-items:center;gap:3px;padding:3px 9px;font-size:20px;animation:1.6s ease-in-out infinite bubbleBob;display:flex;box-shadow:0 3px 10px #0003}.obj-bubble b{font-family:Fredoka;font-size:13px}.obj-bubble.ready{border-color:#9be15d}.obj-bubble.full{border-color:var(--gold)}.obj-bubble.coins{border-color:var(--gold);color:#9a6a00}.obj-bubble.hungry{opacity:.85;border-color:#ffc2bd;font-size:16px}.obj-bubble.hungry:after{content:"?";color:#e03131;font-size:13px;font-weight:800}.obj-bubble.idle{opacity:.7;font-size:13px;animation:none}.obj-bubble.coop{border-color:#f783ac}.coop-label{color:#fff;white-space:nowrap;background:#f06595;border-radius:99px;padding:4px 12px;font-family:Fredoka;font-weight:600;box-shadow:0 3px 10px #f0659580}.exit-tag{background:#fff;border-radius:99px;padding:3px 10px;font-family:Fredoka;font-size:13px;box-shadow:0 2px 6px #0003}.zzz{color:#6d8bff;text-shadow:0 1px #fff;font-family:Fredoka;font-weight:700}.zzz span{opacity:0;animation:2.4s infinite zzz;display:inline-block}.zzz span:first-child{font-size:12px}.zzz span:nth-child(2){font-size:16px;animation-delay:.6s}.zzz span:nth-child(3){font-size:22px;animation-delay:1.2s}.float-text{color:#fff;text-shadow:0 2px #3c9a3f,0 0 8px #00000040;white-space:nowrap;font-family:Fredoka;font-size:22px;font-weight:700;animation:1.6s ease-out forwards floatUp}.float-text.gold{text-shadow:0 2px #b87a00,0 0 8px #00000040}.float-text small{font-size:15px}#lobby,#lookEditor{z-index:50;padding:calc(16px + var(--safe-t)) 12px calc(20px + var(--safe-b));justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}#lookEditor{background:#281e1459;align-items:center}.sky-bg{z-index:-1;background:linear-gradient(#6ec6ff 0%,#bfe8ff 55%,#e9f8ff 70%);position:fixed;inset:0;overflow:hidden}.sky-bg .hills{background:radial-gradient(at 30% 0,#8fd46a 0 40%,#0000 41%),radial-gradient(at 75% 10%,#7cc35a 0 45%,#0000 46%),#6cb84d;border-radius:50% 50% 0 0;height:60vh;position:absolute;bottom:-30vh;left:-10%;right:-10%}.cloud{opacity:.9;background:#fff;border-radius:60px;width:180px;height:60px;animation:60s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:90px;height:90px;top:-45px;left:25px}.cloud:after{width:70px;height:70px;top:-30px;right:25px}.cloud.c1{top:12%;left:-200px}.cloud.c2{animation-duration:85s;animation-delay:-30s;top:30%;left:-200px;transform:scale(.7)}.cloud.c3{animation-duration:100s;animation-delay:-60s;top:6%;left:-200px;transform:scale(1.2)}.lobby-card{background:#fffdf7f7;border:5px solid #fff;border-radius:30px;width:min(560px,100%);padding:20px 18px;animation:.5s cubic-bezier(.2,1.4,.4,1) popIn;box-shadow:0 10px #5a3c1e26,0 20px 60px #0003}.small-card{width:min(520px,100%)}.small-card h2{text-align:center;margin:0 0 10px;font-family:Fredoka}.logo{text-align:center;color:#fff;letter-spacing:1px;text-shadow:0 4px #3c9a3f,0 8px #0000001f;-webkit-text-stroke:2px #3c9a3f;paint-order:stroke fill;margin:0;font-family:Fredoka;font-size:clamp(38px,10vw,54px);line-height:1}.logo span{color:var(--gold);-webkit-text-stroke-color:#b87a00;text-shadow:0 4px #b87a00,0 8px #0000001f}.tagline{text-align:center;color:var(--ink2);margin:8px 0 12px;font-weight:700}.creator{align-items:stretch;gap:12px;display:flex}.preview-wrap{background:radial-gradient(circle at 50% 70%,#fff6d8,#cfefff);border-radius:22px;width:44%;min-width:150px;position:relative;overflow:hidden}.preview-wrap canvas{touch-action:none;width:100%;height:100%;min-height:240px;display:block}.dice{white-space:nowrap;position:absolute;top:8px;right:8px}.custom{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.field-label{color:var(--ink2);font-size:12px;font-weight:800}.custom input,.join-row input{border:2px solid var(--line);background:#fff;border-radius:14px;outline:none;width:100%;padding:11px 14px;font-weight:700}.custom input:focus,.join-row input:focus{border-color:var(--green)}.ctabs{gap:4px;display:flex}.ctab{background:#f3e7d0;border-radius:12px;flex:1;padding:6px 0;font-size:20px}.ctab.on{background:#fff;box-shadow:0 3px #e6d3b0}.swatches{flex-wrap:wrap;align-content:flex-start;gap:7px;display:flex}.swatches small{width:100%;color:var(--ink2);font-size:12px;font-weight:800}.sw{border:3px solid #fff;border-radius:50%;width:34px;height:34px;transition:transform .12s;box-shadow:0 2px 5px #0003}.sw.on{box-shadow:0 0 0 3px var(--green), 0 2px 5px #0003;transform:scale(1.15)}.sw.txt{background:#fff;border-radius:12px;flex-direction:column;align-items:center;width:auto;height:auto;padding:4px 8px;font-size:18px;display:flex}.sw.txt span{font-size:10px;font-weight:700}.actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}.join-row{gap:8px;display:flex}.join-row input{flex:1}.join-row .btn{flex:none;min-width:110px}#code{text-transform:uppercase;letter-spacing:3px}.my-worlds{flex-direction:column;gap:6px;margin-top:12px;display:flex}.my-worlds small{color:var(--ink2);font-weight:800}.resume-world{background:linear-gradient(135deg,#e7f6dc,#f7f2cb);border:2px solid #b4d59c;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;margin:14px 0 4px;padding:14px;display:grid;box-shadow:0 4px #9bbc86}.resume-world small{color:#5c7f55;letter-spacing:.12em;grid-column:1/-1;font-size:10px;font-weight:900}.resume-world b{text-overflow:ellipsis;white-space:nowrap;font:600 19px Fredoka,sans-serif;overflow:hidden}.resume-world span{color:var(--green-d);letter-spacing:2px;grid-area:2/2;font-size:12px;font-weight:800}.resume-world .btn{grid-column:1/-1;width:100%;min-height:46px;margin-top:8px}.world-row{align-items:stretch;gap:6px;display:flex}.world{background:#fff;border:2px solid #f1e3c8;border-radius:14px;flex:1;justify-content:space-between;min-width:0;padding:10px 14px;display:flex;box-shadow:0 3px #ead9bb}.world-remove{color:#a8503b;background:#fff7f3;border:2px solid #f1e3c8;border-radius:14px;flex:0 0 42px;font-size:17px;box-shadow:0 3px #ead9bb}.world-remove:active{transform:translateY(2px);box-shadow:0 1px #ead9bb}.world span{color:var(--green-d);letter-spacing:2px;font-weight:700}.mode{text-align:center;color:var(--ink2);margin:12px 0 0;font-size:12px}.error{color:#c92a2a;text-align:center;background:#fff0ee;border-radius:12px;margin-top:10px;padding:8px 12px;font-weight:700}.invited{color:#c2255c;text-align:center;background:#ffe8f3;border-radius:12px;margin-top:10px;padding:8px 12px;font-weight:700}.busy{z-index:60;background:#fff8ead9;flex-direction:column;justify-content:center;align-items:center;font-family:Fredoka;font-size:20px;display:flex;position:fixed;inset:0}.spinner{border:8px solid #e6d3b0;border-top-color:var(--green);border-radius:50%;width:64px;height:64px;animation:.8s linear infinite spin}.shake{animation:.4s shake;border-color:var(--red)!important}@media (width<=520px){.creator{flex-direction:column}.preview-wrap{width:100%}.preview-wrap canvas{height:210px;min-height:210px}.bottom-bar button{width:52px;height:56px}.bottom-bar span{font-size:24px}.bottom-bar small{font-size:10px}.pill.mats{display:none}.quest-tracker b{font-size:13px}.top-left{max-width:62vw}.wc-text b{max-width:110px}.xpbar{width:90px}.round-btn{width:42px;height:42px;font-size:20px}.cam-btns{bottom:calc(84px + var(--safe-b))}#joystickZone{width:62vw;height:48vh}#joystick{width:110px;height:110px}.coop-btn{bottom:calc(200px + var(--safe-b));font-size:17px}}@media (orientation:portrait){#joystickZone{width:124px;min-width:0;height:124px;left:14px;bottom:calc(86px + var(--safe-b))}#joystick{opacity:1;transform:scale(1)}}@media (height<=500px) and (orientation:landscape){.quest-tracker{display:none}.bottom-bar{left:auto;right:64px;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.build-bar,.emote-pop,.coop-btn{transform-origin:50%}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px)scale(.8)}}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.06)}}.dot,.name-tag.online:before{animation-name:pulseSimple}@keyframes pulseSimple{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bubbleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 #5cc25a00}50%{box-shadow:0 0 0 5px #5cc25a40}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1;transform:translateY(-10px)scale(1.15)}to{opacity:0;transform:translateY(-70px)scale(1)}}@keyframes zzz{0%{opacity:0;transform:translate(0)}30%{opacity:1}to{opacity:0;transform:translate(14px,-26px)}}@keyframes drift{to{transform:translate(calc(100vw + 400px))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.lang-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 0 6px;display:flex}.lang-row .lang-title{color:var(--ink2);margin-right:4px;font-weight:700}.lang-btn{border:2px solid var(--line);opacity:.7;background:#fff;border-radius:12px;width:44px;height:38px;font-size:22px;line-height:1;transition:transform 80ms,opacity .15s;box-shadow:0 3px #e2cfae}.lang-btn:active{transform:translateY(2px);box-shadow:0 1px #e2cfae}.lang-btn.on{opacity:1;border-color:var(--green);box-shadow:0 3px 0 var(--green-d)}.list .lang-row{justify-content:flex-start;margin:4px 0 8px}:root{--ink:#243e38;--ink2:#65796b;--green-d:#347458;--line:#e2e5d6}button:focus-visible{outline-offset:3px;outline:3px solid #267c9d}.quest-tracker{border:1px solid #ffffffb3;animation:none;box-shadow:0 4px 16px #193d3024}.tracker-chapter{color:#638575;text-transform:uppercase;letter-spacing:.09em;margin-bottom:3px;font:700 10px Nunito,sans-serif;display:block}.region-chip{top:calc(158px + var(--safe-t));color:#fff;text-shadow:0 1px 4px #163c28;letter-spacing:.025em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex;position:absolute;left:14px;pointer-events:none!important}.region-chip>span:first-child{color:#ffe3a2}.context-action{right:19px;bottom:calc(98px + var(--safe-b));background:#fffcf0f5;border:2px solid #fff;border-radius:27px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:78px;min-height:80px;display:flex;position:absolute;box-shadow:0 5px #9cb58b,0 10px 25px #203c3530}.context-action>span{font-size:28px}.context-action small{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font:800 11px Nunito,sans-serif;overflow:hidden}.context-action:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #9cb58b}.context-action:disabled{opacity:.55}.cam-btns{bottom:calc(205px + var(--safe-b))}.round-btn.small{min-width:44px;min-height:44px}.sheet{border-radius:28px 28px 0 0}.sheet-head .x{min-width:48px;min-height:48px}.journal-cover{color:#fff9e9;background:#234e40;border-radius:20px;margin-bottom:18px;padding:24px;position:relative;overflow:hidden}.journal-cover:after{content:"✦";color:#d9d69a16;pointer-events:none;font-size:110px;position:absolute;top:2px;right:18px;transform:rotate(12deg)}.journal-eyebrow{letter-spacing:.13em;color:#6f876e;margin-bottom:7px;font:800 10px Nunito,sans-serif;display:block}.journal-cover .journal-eyebrow{color:#c6d8bd}.journal-cover h3{z-index:1;max-width:88%;margin:8px 0;font:500 25px Fredoka,sans-serif;position:relative}.journal-cover p{color:#d3e1d2;margin:0 0 18px;font-size:13px}.journal-progress{background:#ffffff24;border-radius:8px;height:5px;overflow:hidden}.journal-progress i{background:#e5cb82;height:100%;display:block}.journal-solo{color:#ecdfae;margin-top:12px;font-size:11px;display:block}.quest.active{background:#fff;border:1px solid #bad0b6;border-left:4px solid #4a8763;box-shadow:0 5px 15px #274c3810}.quest.active .qi{background:#f1f3e7;border-radius:15px;align-self:flex-start;padding:10px;font-size:25px}.quest.active p{font-size:14px;line-height:1.65}.quest.done{opacity:.65}.quest.next{background:#faf9f2;border:1px solid #e9e9dc}.journal-guide{width:100%;min-height:48px;margin-top:14px;text-shadow:none!important;background:#347458!important;box-shadow:0 3px #265640!important}.journal-side{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}.journal-side h3{margin:0 0 6px;font-family:Fredoka,sans-serif;font-weight:500}.journal-side>p{color:var(--ink2);margin-bottom:16px;font-size:13px;line-height:1.6}.side-adventure{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.side-adventure>span{font-size:25px}.side-adventure>div{flex:1;min-width:0}.side-adventure b{font-size:14px;display:block}.side-adventure small{color:var(--ink2);margin-top:3px;font-size:12px;display:block}.side-adventure button{min-width:48px;min-height:48px}.work-card{left:50%;bottom:calc(105px + var(--safe-b));z-index:25;background:#fffcf1;border:1px solid #fff;border-radius:22px;width:min(370px,100vw - 28px);padding:16px;position:absolute;transform:translate(-50%);box-shadow:0 12px 40px #153e3d40}.work-heading{align-items:center;gap:10px;display:flex}.work-spark{color:#578054;background:#e7edda;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:25px;display:grid}.work-heading>div{flex:1}.work-heading b{font-size:15px;display:block}.work-heading small{color:var(--ink2);margin-top:2px;font-size:11px;display:block}.work-cancel{border-radius:50%;flex:none;width:44px;height:44px;font-size:23px}.work-track{background:#e9eadb;border-radius:13px;width:100%;height:48px;margin:12px 0 5px;display:block;position:relative;overflow:hidden}.work-window{background:#b9d3a9;border-inline:1px solid #89aa78;width:32%;height:100%;position:absolute;top:0;left:47%}.work-leaf{color:#285c46;text-shadow:0 1px 1px #fff;font-size:24px;position:absolute;top:11px;left:4%;transform:translate(-50%)}.work-status{text-align:center;color:#69805d;min-height:17px;font-size:12px;font-weight:800}.work-card.tapped .work-spark{color:#896625;background:#f2dfa1}@media (width<=520px){.top-left{max-width:calc(100vw - 156px)}.top-right{gap:6px;max-width:135px}.world-chip{padding-right:10px}.wc-text b{max-width:95px;font-size:13px}.xpbar{width:80px}.quest-tracker{border-radius:50%;justify-content:center;width:44px;height:44px;padding:4px}.quest-tracker>div{display:none}.quest-tracker .qi{font-size:25px}.region-chip{display:none}.round-btn{width:48px;height:48px}.cam-btns{bottom:calc(200px + var(--safe-b));right:16px}.cam-btns .small{width:44px;height:44px}.region-chip{top:calc(169px + var(--safe-t));font-size:11px}.bottom-bar{justify-content:space-around;width:calc(100vw - 20px);padding-inline:3px}.bottom-bar button{flex:1;width:auto;min-width:45px;min-height:56px}.journal-cover{padding:20px}.sw,.ctab{min-width:44px;min-height:44px}.ctabs{flex-wrap:wrap}.lang-btn{min-height:44px}}@media (height<=500px) and (orientation:landscape){.region-chip{top:calc(70px + var(--safe-t))}.context-action{right:16px;bottom:calc(80px + var(--safe-b));width:68px;min-height:68px}.cam-btns{right:16px;bottom:calc(165px + var(--safe-b));flex-direction:row}.work-card{bottom:calc(86px + var(--safe-b));width:330px;padding:12px}.sheet{max-height:94dvh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.work-bar{pointer-events:none;background:#fffdf7f2;border-radius:99px;align-items:center;gap:4px;padding:3px 6px 3px 4px;display:flex;box-shadow:0 2px 8px #00000038}.work-bar span{font-size:14px;line-height:1}.work-bar div{background:#e7dcc6;border-radius:99px;width:54px;height:8px;overflow:hidden}.work-bar i{background:linear-gradient(90deg,#9be15d,#5cc25a);border-radius:99px;width:0;height:100%;display:block}.name-tag{border-width:1px!important;padding:1px 7px!important;font-size:11px!important}.name-tag.online:before{width:5px!important;height:5px!important;margin-right:4px!important}