: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:#fdfbf5;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}body{background:#fdfbf5}#app{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{color:#fff;text-shadow:none;background:linear-gradient(#397a50,#28633e);border-color:#245735;box-shadow:0 4px #1e4c30}.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{color:#fff;background:#28633e;border-color:#245735}.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}@media (width>=760px){.top-right{flex-wrap:nowrap;max-width:none}.top-right>*{flex:none}}.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 energyPulse}@keyframes energyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.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))}#hud .bottom-bar.collapsed,#hud .bottom-bar.collapsed *{pointer-events:none!important}.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{color:#fff;box-shadow:0 6px 0 var(--green-d), 0 10px 30px #5cc25a80;background:linear-gradient(#397a50,#28633e)}.exit-btn{top:calc(72px + var(--safe-t));background:var(--paper);min-height:44px;box-shadow:var(--shadow);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;max-width:calc(100vw - 20px);padding:10px 16px;font-size:16px;font-weight:600;position:absolute;right:10px;overflow:hidden}@media (width<=759px){.exit-btn{left:10px;right:auto;top:calc(186px + var(--safe-t))}}@media (width<=520px){.exit-btn{top:calc(122px + var(--safe-t));font-size:15px}}@media (height<=500px) and (orientation:landscape){.exit-btn{left:10px;right:auto;top:calc(96px + var(--safe-t));padding:8px 14px;font-size:14px}}#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}.shop-subtabs{scrollbar-width:none;gap:6px;padding:2px 2px 10px;display:flex;overflow-x:auto}.shop-subtabs .tab{flex:none;padding:7px 10px;font-size:12px}.quality-setting{color:var(--ink2);background:#f5ecdc;border-radius:14px;margin:8px 0;padding:10px;font-size:13px;font-weight:700}.quality-options{gap:6px;margin-top:8px;display:flex}.quality-options .btn{flex:1;min-height:42px;padding:6px 5px;font-size:11px}.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 b,.card small{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.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{background:#f3f2ec;border-style:dashed}.card.locked .ic,.card.locked .shop-visual{filter:grayscale(.7)}.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}#lookEditor>.lobby-card{margin-block:auto}.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{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:14px;margin-top:12px;display:grid}.preview-wrap{background:radial-gradient(circle at 50% 70%,#fff6d8,#cfefff);border-radius:22px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.preview-wrap canvas{touch-action:none;width:100%;height:224px;display:block}.dice{white-space:nowrap;order:-1;align-self:flex-end;min-height:44px;margin:8px 8px 4px}.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{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-block:2px 4px;display:grid}.ctab{background:#f3e7d0;border-radius:12px;min-width:0;min-height:44px;padding:6px 0;font-size:20px}.ctab.on{background:#fff;box-shadow:0 3px #e6d3b0}.swatches{grid-column:1/-1;gap:12px;min-width:0;display:grid}.look-group{border:1px solid var(--line);background:#faf5e9;border-radius:16px;min-width:0;margin:0;padding:8px 10px 12px}.look-group legend{max-width:100%;color:var(--ink2);overflow-wrap:anywhere;padding:0 5px;font-size:12px;font-weight:800}.look-options{gap:8px}.look-styles{grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr));display:grid}.look-colors{flex-wrap:wrap;align-items:center;display:flex}.sw{border:3px solid #fff;border-radius:50%;flex:none;width:44px;height:44px;box-shadow:0 2px 4px #00000026}.sw.on{border-color:var(--green-d);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--green)}.sw.txt{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:auto;min-width:0;height:auto;min-height:48px;padding:7px 8px;display:flex}.sw.txt i{font-size:20px;font-style:normal;line-height:1.1}.sw.txt span{overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.25}.look-colors .sw.txt{max-width:100%}.creator button:focus-visible{outline-offset:3px;outline:3px solid #245c48}.actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}.join-row{gap:8px;display:flex}.join-row input{flex:1;min-width:0}.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;align-items:center;gap:8px;min-width:0;padding:10px 14px;display:flex;box-shadow:0 3px #ead9bb}.world b{overflow-wrap:anywhere;text-align:left;min-width:0}.world span{flex:none}.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{grid-template-columns:minmax(0,1fr)}.preview-wrap canvas{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,.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}.mini-social{gap:8px;margin:0 0 10px;display:flex}.mini-social .btn{flex:1;min-height:46px;font-size:13px}.mini-stage{padding:8px 0 14px;position:relative;overflow:hidden}.tap-stage .mini-orbit{font-size:30px;animation:1.1s ease-in-out infinite alternate miniOrbit;position:absolute;top:0;right:18%}.mini-tap{letter-spacing:.08em;animation:1s ease-in-out infinite miniPulse;min-height:108px!important;font-size:27px!important}.ttt-board{background:linear-gradient(145deg,#e7f2dc,#c8e2bf);border-radius:22px;grid-template-columns:repeat(3,1fr);gap:7px;width:min(290px,86vw);margin:12px auto 2px;padding:8px;display:grid;box-shadow:inset 0 2px 5px #648d5b2b}.ttt-cell{aspect-ratio:1;color:#317859;background:#fffdf5;border-radius:15px;min-height:70px;font:700 42px Fredoka,sans-serif;transition:transform .14s,background .2s;box-shadow:0 3px #a9c49d}.ttt-cell:active:not(:disabled){background:#fff1bd;transform:scale(.91)}.ttt-cell.taken{color:#ec6d68;animation:.28s cubic-bezier(.2,1.6,.5,1) miniPop}.ttt-cell:nth-child(2n).taken{color:#3985c8}@keyframes miniPulse{50%{transform:translateY(-3px)scale(1.025);box-shadow:0 8px 18px #e6a84866}}@keyframes miniOrbit{to{transform:translateY(8px)rotate(24deg)scale(1.15)}}@keyframes miniPop{0%{opacity:.2;transform:scale(.25)rotate(-18deg)}to{opacity:1;transform:scale(1)}}.quiz-stage{text-align:center;padding-top:18px}.quiz-leaf{font-size:27px;animation:1.5s ease-in-out infinite alternate-reverse miniOrbit;position:absolute;top:0;left:12%}.quiz-answers{justify-content:center;gap:10px;margin-top:15px;display:flex}.quiz-answer{background:#fffdf5;border-radius:22px;width:78px;height:78px;padding:0;font-size:38px;animation:1.6s ease-in-out infinite miniPulse;box-shadow:0 4px #b8cda8}.quiz-answer:nth-child(2){animation-delay:.16s}.quiz-answer:nth-child(3){animation-delay:.32s}.quiz-answer.chosen{background:#ffe8a3;transform:translateY(3px);box-shadow:0 1px #b79447}@media (orientation:portrait) and (pointer:coarse),(orientation:portrait) and (width<=760px){.bottom-bar{max-width:none;padding:6px 6px calc(6px + var(--safe-b));border-radius:22px 22px 0 0;justify-content:space-around;gap:2px;width:100%!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}.bottom-bar button{flex:1;width:auto;min-width:0}.bottom-bar.collapsed{transform:translateY(calc(100% + 18px))!important}}@media (height<=500px) and (orientation:landscape){.bottom-bar{left:50%;right:auto;bottom:calc(6px + var(--safe-b));border-radius:20px;gap:2px;padding:4px;transform:translate(-50%)}.bottom-bar.collapsed{transform:translate(-50%)translateY(calc(100% + 18px))}.bottom-bar button{width:52px;height:46px;min-height:0}.bottom-bar span{font-size:22px}.bottom-bar small{display:none}.bottom-bar .badge{top:-2px;right:2px}.nav-toggle{bottom:calc(66px + var(--safe-b))!important}.nav-toggle[aria-expanded=false]{bottom:calc(8px + var(--safe-b))!important}.context-action{bottom:calc(14px + var(--safe-b))}.cam-btns{bottom:calc(96px + var(--safe-b))}.coop-btn{bottom:calc(64px + var(--safe-b));padding:10px 20px;font-size:16px}.emote-pop{bottom:calc(90px + var(--safe-b))}#toasts{top:calc(10px + var(--safe-t));max-width:50vw}.sheet{max-height:calc(100dvh - 8px - var(--safe-t));border-radius:22px 22px 0 0;width:min(640px,100vw - 24px)}.sheet.wide{width:min(760px,100vw - 24px)}.sheet-head{padding:6px 10px 2px 16px}.sheet-head h2{font-size:18px}.sheet-head .x{width:40px;min-width:40px;height:40px;min-height:40px}.sheet-tabs{padding:2px 10px 4px}.sheet-tabs .tab{flex-direction:row;gap:4px;min-width:0;padding:4px 10px;font-size:18px}.sheet-tabs .tab span{font-size:11px}.sheet-body{padding:2px 14px 10px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.card .ic{font-size:30px}.btn.big{margin:4px 0;padding:10px;font-size:16px}.state{padding:8px;font-size:15px}.chat-log{height:calc(100dvh - 190px);min-height:90px}.journal-cover{margin-bottom:10px;padding:14px 18px}.journal-cover h3{font-size:20px}}button,input,select,.btn,.chip,#hud,#sheetWrap,.sheet,.sheet-body{touch-action:manipulation}@media (pointer:coarse){.chip{align-items:center;min-height:44px;padding:10px 14px;display:inline-flex}.btn.small{min-height:44px}.lang-btn{min-width:44px;min-height:44px}.toggle{min-height:40px}}.mini-invite{z-index:32;top:calc(64px + var(--safe-t));background:var(--paper);max-width:340px;box-shadow:var(--shadow);text-align:center;border:3px solid #fff;border-radius:20px;margin:0 auto;padding:10px 14px;animation:.25s popIn;position:absolute;left:12px;right:12px}.mini-invite b{font-family:Fredoka,sans-serif;font-size:16px}.mini-invite p{margin:4px 0 2px;font-size:14px}.mini-invite .row{flex-wrap:nowrap;margin:6px 0 0}.mini-invite .btn{flex:1}@media (height<=500px) and (orientation:landscape){.mini-invite{top:calc(8px + var(--safe-t))}}@media (width<=560px){.sheet-tabs{gap:4px;padding:4px 8px 8px;overflow-x:visible}.sheet-tabs .tab{flex:1 1 0;min-width:0;padding:6px 2px;font-size:20px}.sheet-tabs .tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.shop-subtabs{flex-wrap:wrap;overflow-x:visible}.shop-subtabs .tab{flex:auto}}.work-cancel-pill{left:50%;bottom:calc(96px + var(--safe-b));z-index:25;color:#7a6150;pointer-events:auto;white-space:nowrap;background:#fffdf7f5;border-radius:99px;min-height:44px;padding:8px 18px;font:600 14px Fredoka,sans-serif;position:absolute;transform:translate(-50%);box-shadow:0 3px 10px #0003}@media (orientation:portrait) and (pointer:coarse),(orientation:portrait) and (width<=760px){.work-cancel-pill{bottom:calc(142px + var(--safe-b))}}@media (height<=500px) and (orientation:landscape){.work-cancel-pill{bottom:calc(92px + var(--safe-b))}}.emote-pop{z-index:8}.build-bar,.coop-btn,.context-action,.cam-btns{z-index:6}@media (orientation:portrait) and (pointer:coarse),(orientation:portrait) and (width<=760px){.emote-pop{bottom:calc(110px + var(--safe-b));max-width:calc(100vw - 16px)}.emote-pop button{width:48px;height:48px;font-size:27px}.bottom-bar:after{content:"";background:inherit;pointer-events:none;height:120px;position:absolute;top:100%;left:0;right:0;display:none!important}.bottom-bar{width:auto!important;left:8px!important;right:8px!important;bottom:max(calc(var(--safe-b) - 12px), 8px)!important;border-radius:24px!important;padding:6px!important;box-shadow:0 6px #5a3c1e29,0 10px 26px #281e1438!important}.bottom-bar.collapsed{transform:translateY(calc(100% + 24px + var(--safe-b)))!important}}.play-first .hero{align-items:center;gap:12px;margin:6px 0 10px;display:flex}.play-first .hero-preview{aspect-ratio:3/4;background:radial-gradient(circle at 50% 70%,#fff6d8,#cfefff);border-radius:22px;width:42%;min-width:130px;max-height:240px;overflow:hidden}.play-first .hero-preview canvas{touch-action:none;width:100%;height:100%;display:block}.play-first .hero-side{flex-direction:column;flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.play-first .hero-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:700 26px Fredoka,sans-serif;overflow:hidden}.play-first .hero-side input{border:2px solid var(--line);background:#fff;border-radius:14px;outline:none;width:100%;padding:11px 14px;font-weight:700}.play-first .edit-look{min-height:44px}.play-first .play-btn{min-height:60px;margin-top:4px;font-size:22px}.play-first .play-sub{text-align:center;color:var(--ink2);margin:6px 0 2px;font-size:13px;font-weight:700}.play-first .play-sub span{color:var(--green-d);letter-spacing:2px}.play-first .lobby-options{gap:10px;margin-top:14px;display:grid}.play-first .opt-card{background:#fff;border:2px solid #f1e3c8;border-radius:18px;padding:10px 12px;box-shadow:0 3px #ead9bb}.play-first .opt-card>b{margin-bottom:8px;font:600 16px Fredoka,sans-serif;display:block}@media (width>=620px){.play-first .lobby-options{grid-template-columns:1fr 1fr}}.sheet-tabs{flex:none;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;display:grid;overflow:visible}.sheet-tabs .tab{border:2px solid #0000;min-width:0;min-height:54px;padding:6px}.sheet-tabs .tab span{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;font-size:13px;line-height:1.2;overflow:visible}.tab.on{color:#244d35;border-color:#397a50}.shop-subtabs{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;display:grid}.shop-subtabs .tab{white-space:normal;overflow-wrap:anywhere;border:2px solid #0000;min-height:44px;padding:7px;font-size:13px}.shop-subtabs .tab.on{border-color:#397a50}.nav-toggle{min-width:44px;min-height:44px}.pill.energy{min-height:44px}.round-btn.labeled-control{border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:62px;height:58px;min-height:58px;font-size:22px;line-height:1;display:flex}.labeled-control small{color:#243e38;max-width:100%;font:700 11px/1.2 Nunito,sans-serif}.sheet-head .x{flex:none;min-width:44px;min-height:44px}.sheet-head h2{overflow-wrap:anywhere;min-width:0}.card{min-width:0}.shop-visual{aspect-ratio:4/3;background:#edf2e5;border-radius:12px;place-items:center;width:100%;display:grid;overflow:hidden}.shop-visual>*{grid-area:1/1}.shop-visual img{opacity:0;object-fit:contain;width:100%;height:100%;display:block}.shop-visual.has-preview img{opacity:1}.shop-visual.has-preview>.ic{visibility:hidden}.card .footprint{color:#3d5945;margin:3px 0;font-size:12px;font-weight:700}.settings-list{gap:10px;display:grid}.settings-section{border:1px solid var(--line);background:#fffdf7;border-radius:16px;min-width:0}.settings-section summary{cursor:pointer;overflow-wrap:anywhere;border-radius:16px;min-height:48px;padding:13px 12px;font:600 16px/1.4 Fredoka,sans-serif}.settings-section summary:focus-visible{outline-offset:-3px;outline:3px solid #267c9d}.settings-section[open] summary{background:#eaf0e2;border-radius:16px 16px 0 0}.settings-content{gap:10px;min-width:0;padding:10px;display:grid}.settings-content .btn.big{white-space:normal;overflow-wrap:anywhere;min-height:44px;margin:0;padding:10px;font-size:15px}.settings-hint{color:#465b4d;font-size:13px;line-height:1.5}.quality-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quality-options .btn{overflow-wrap:anywhere;min-width:0;min-height:48px;padding:8px 5px;font-size:13px;line-height:1.3}.sound-setting{gap:8px;min-width:0;display:grid}.sound-setting>.btn{min-height:44px}.volume-setting{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:4px 8px;font-size:13px;display:grid}.volume-setting>span{grid-column:1/-1;font-weight:700}.volume-setting input{accent-color:#397a50;touch-action:pan-x;width:100%;min-width:0;min-height:44px;padding:0}.volume-setting output{text-align:right}@media (width>=760px) and (width<=1099px){.top-left{width:min(30vw,240px);max-width:min(30vw,240px)}.top-right{flex-wrap:wrap;max-width:calc(100vw - min(30vw,240px) - 32px)}.quest-tracker>div{min-width:0}.quest-tracker b{overflow-wrap:anywhere}.exit-btn{left:10px;right:auto;top:calc(180px + var(--safe-t))}}@media (orientation:portrait) and (pointer:coarse),(orientation:portrait) and (width<=760px){.nav-toggle{bottom:calc(84px + var(--safe-b))}}@media (width<=360px){.quality-options{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.sheet-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (height<=500px) and (orientation:landscape){.sheet-tabs{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}.sheet-tabs .tab{min-height:44px;font-size:18px}.sheet-tabs .tab span{font-size:12px}}.play-first .opt-card>b{margin-bottom:2px}.play-first .opt-hint{color:var(--ink2);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.play-first .opt-card>b+.join-row{margin-top:6px}.npcq-dialog-wrap{z-index:45;pointer-events:auto;padding:0 max(8px, env(safe-area-inset-right,0px)) max(8px, env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));background:linear-gradient(#1e160e00 40%,#1e160e61);justify-content:center;align-items:flex-end;animation:.2s ease-out npcqFade;display:flex;position:fixed;inset:0}.npcq-dialog{overscroll-behavior:contain;background:var(--paper,#fffdf7);width:min(560px,100%);max-height:min(78dvh,560px);color:var(--ink,#4a3426);box-sizing:border-box;border:4px solid #fff;border-radius:26px 26px 22px 22px;padding:14px 16px 12px;animation:.28s cubic-bezier(.2,1.3,.4,1) npcqUp;position:relative;overflow:auto;box-shadow:0 -6px 30px #3c281447}.npcq-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.npcq-portrait{background:radial-gradient(circle at 35% 30%,#fff6d6,#ffe0a3);border:3px solid #fff;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;font-size:34px;line-height:1;display:grid;box-shadow:0 3px #5a3c1e2e}.npcq-names{flex:1;min-width:0}.npcq-name{margin:0;font:600 19px/1.15 Fredoka,sans-serif}.npcq-title{color:#9a7b5f;margin:2px 0 0;font-size:13px;font-weight:800}.npcq-x{width:44px;height:44px;color:var(--ink,#4a3426);touch-action:manipulation;cursor:pointer;background:#f1e3c8;border:0;border-radius:50%;flex:none;font-size:17px;font-weight:800}.npcq-text{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:3.2em;margin:4px 2px 10px;font-size:16px;font-weight:700;line-height:1.45}.npcq-text .caret{color:#c9a36a;width:.5em;animation:1s steps(2,end) infinite npcqBlink;display:inline-block}.npcq-need{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.npcq-need span{background:#fff4dc;border:2px solid #f1e0bb;border-radius:12px;padding:4px 9px;font-size:14px;font-weight:800}.npcq-need span.miss{color:#c92a2a;background:#fff0ee;border-color:#ffc9c2}.npcq-actions{flex-wrap:wrap;gap:8px;display:flex}.npcq-actions button,.npcq-shop button,.npcq-track button{touch-action:manipulation;cursor:pointer;border:0;border-radius:16px;min-width:44px;min-height:44px;padding:10px 16px;font:600 16px Fredoka,sans-serif;box-shadow:0 3px #5a3c1e2e}.npcq-actions button{flex:140px}.npcq-actions .primary,.npcq-shop .primary{color:#fff;background:#28633e}.npcq-actions .secondary{color:var(--ink,#4a3426);background:#f1e3c8}.npcq-actions .gold{background:var(--gold,#ffc93c);color:#5a3a00}.npcq-actions button:disabled,.npcq-shop button:disabled{opacity:.5;cursor:default}.npcq-actions button:focus-visible,.npcq-x:focus-visible,.npcq-track button:focus-visible,.npcq-shop button:focus-visible{outline:3px solid var(--blue,#4dabf7);outline-offset:2px}.npcq-note{color:#c92a2a;min-height:1em;margin:8px 2px 0;font-size:13px;font-weight:800}.npcq-shop{gap:8px;margin:4px 0 10px;display:grid}.npcq-shop .row{background:#fff7e6;border:2px solid #f1e0bb;border-radius:16px;align-items:center;gap:10px;padding:6px 8px 6px 10px;display:flex}.npcq-shop .ico{text-align:center;width:36px;font-size:28px}.npcq-shop .lbl{flex:1;min-width:0;font-size:15px;font-weight:800}.npcq-shop .lbl small{color:#9a7b5f;font-size:12px;display:block}.npcq-coins{color:#9a6a00;margin:0 2px 8px;font-size:14px;font-weight:800}.npcq-track{z-index:7;right:max(10px, env(safe-area-inset-right,0px));top:calc(172px + env(safe-area-inset-top,0px));pointer-events:none;flex-direction:column;gap:6px;width:min(250px,46vw);display:flex;position:fixed}.npcq-track .toggle{pointer-events:auto;color:var(--ink,#4a3426);background:#fffdf7f5;align-self:flex-end;padding:6px 12px;font-size:14px}.npcq-track .npcq-card{pointer-events:auto;color:var(--ink,#4a3426);background:#fffdf7f5;border:2px solid #fff;border-radius:16px;padding:8px 10px;box-shadow:0 3px #5a3c1e29,0 6px 14px #3c281424}.npcq-track .npcq-card.passive{opacity:.82}.npcq-track .row1{align-items:center;gap:6px;font:600 14px/1.2 Fredoka,sans-serif;display:flex}.npcq-track .row1 .t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.npcq-track .row1 .left{color:#9a7b5f;white-space:nowrap;font-size:11px;font-weight:800}.npcq-track .txt{color:#7a6150;margin:3px 0 5px;font-size:12.5px;font-weight:700;line-height:1.3}.npcq-track .bar{background:#efe3cc;border-radius:6px;height:7px;overflow:hidden}.npcq-track .bar i{background:linear-gradient(90deg,#9be15d,#5cc25a);height:100%;transition:width .3s;display:block}.npcq-track .acts{gap:6px;margin-top:6px;display:flex}.npcq-track .acts button{background:var(--gold,#ffc93c);color:#5a3a00;flex:1;padding:6px 10px;font-size:14px}.npcq-track.collapsed .npcq-card{display:none}.npcq-toasts{z-index:44;left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:92vw;display:flex;position:fixed;transform:translate(-50%)}.npcq-toast{background:var(--paper,#fffdf7);color:var(--ink,#4a3426);text-align:center;border-radius:16px;padding:9px 16px;font-size:14.5px;font-weight:800;animation:.35s cubic-bezier(.2,1.6,.4,1) npcqPop;box-shadow:0 6px #5a3c1e2e,0 12px 24px #3c28142e}.npcq-toast.good{color:#2b7a2b;background:#eaffdf}.npcq-toast.bad{color:#c92a2a;background:#fff0ee}.npcq-toast.story{border:2px solid var(--gold,#ffc93c);background:linear-gradient(135deg,#fff6d6,#fffdf7)}.npcq-toast.out{opacity:0;transition:all .4s;transform:translateY(-8px)}.npcq-banner{z-index:46;border:4px solid var(--gold,#ffc93c);text-align:center;pointer-events:none;background:linear-gradient(135deg,#fff6d6,#fffdf7);border-radius:26px;min-width:min(260px,86vw);max-width:90vw;padding:16px 26px;animation:.4s cubic-bezier(.2,1.6,.4,1) npcqPop;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000040}.npcq-banner .i{font-size:44px;line-height:1.1}.npcq-banner b{margin-top:4px;font:600 21px Fredoka,sans-serif;display:block}.npcq-banner span{color:#7a6150;margin-top:4px;font-size:14px;font-weight:700;display:block}.npcq-heat{z-index:8;left:50%;bottom:calc(230px + env(safe-area-inset-bottom,0px));pointer-events:none;color:#fff;border-radius:99px;padding:8px 16px;font:600 16px Fredoka,sans-serif;transition:background .4s;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #0003}@media (orientation:landscape) and (height<=520px){.npcq-dialog-wrap{justify-content:flex-start;align-items:flex-end}.npcq-dialog{width:min(520px,62vw);max-height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px));border-radius:22px;padding:10px 14px}.npcq-portrait{width:46px;height:46px;font-size:26px}.npcq-text{min-height:2.4em;margin-bottom:8px;font-size:15px}.npcq-track{right:auto;left:max(12px, env(safe-area-inset-left,0px));top:calc(92px + env(safe-area-inset-top,0px));width:min(230px,32vw);max-height:calc(100dvh - 200px);overflow-y:auto}.npcq-track .toggle{align-self:flex-start}.npcq-toasts{bottom:calc(110px + env(safe-area-inset-bottom,0px))}.npcq-heat{bottom:calc(170px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.npcq-dialog,.npcq-dialog-wrap,.npcq-toast,.npcq-banner,.npcq-text .caret{animation:none}}@keyframes npcqUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes npcqFade{0%{opacity:0}to{opacity:1}}@keyframes npcqPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.npcq-banner{animation-name:npcqPopC}@keyframes npcqPopC{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes npcqBlink{50%{opacity:0}}