@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(/assets/baloo-2-latin-600-normal-B4tNaogw.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-vietnamese-600-normal-C5EqHgu0.woff2)format("woff2"),url(/assets/baloo-2-vietnamese-600-normal-CGkk4Wtx.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-vietnamese-800-normal-ConLnEgt.woff2)format("woff2"),url(/assets/baloo-2-vietnamese-800-normal-GQACmpuv.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}:root{--sky:#e6ece2;--card:#fffffce0;--card-solid:#fbfbf6;--slot:#23302a0d;--ink:#23302a;--muted:#5f6b64;--accent:#c8642f;--btn:#2f5a45;--btn-ink:#f4f7f1;--line:#23302a1f;--danger:#d9483b;--label:#fffffceb;--shadow:0 10px 30px #283c2d1f;--f-display:"Baloo 2", "Be Vietnam Pro", system-ui, sans-serif;--f-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--gl:max(16px, env(safe-area-inset-left,0px));--gr:max(16px, env(safe-area-inset-right,0px));--gt:calc(16px + env(safe-area-inset-top,0px));--gb:calc(16px + env(safe-area-inset-bottom,0px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky:#17211d;--card:#1e2924e0;--card-solid:#1f2a25;--slot:#eaf0e80f;--ink:#eaf0e8;--muted:#a5b2aa;--accent:#f0955a;--btn:#9fd0a8;--btn-ink:#14201a;--line:#eaf0e824;--danger:#ff7a68;--label:#1e2924e6;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--sky:#17211d;--card:#1e2924e0;--card-solid:#1f2a25;--slot:#eaf0e80f;--ink:#eaf0e8;--muted:#a5b2aa;--accent:#f0955a;--btn:#9fd0a8;--btn-ink:#14201a;--line:#eaf0e824;--danger:#ff7a68;--label:#1e2924e6;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--sky);color:var(--ink);font-family:var(--f-body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit}[hidden]{display:none!important}#stage{touch-action:none;cursor:grab;outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#stage:active{cursor:grabbing}.glyph{font-variant-emoji:text}.card{top:var(--gt);left:var(--gl);z-index:3;width:max-content;max-width:min(368px, calc(100vw - var(--gl) - var(--gr) - var(--sys-w,160px) - 12px));border-radius:16px;gap:6px;padding:8px 8px 8px 14px;display:grid;position:fixed}.card-top{align-items:center;gap:10px;min-width:0;display:flex}.card-names{flex:1;gap:1px;min-width:0;display:grid}.card-names>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card .info-btn.kb{--blk-depth:2px;flex:none}.card-details{gap:6px;max-width:340px;padding:2px 6px 6px 0;display:grid}body.card-open .card{width:min(368px, calc(100vw - var(--gl) - var(--gr) - var(--sys-w,160px) - 12px))}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}h1{font-family:var(--f-display);margin:0;font-size:22px;font-weight:800;line-height:1.15}.card p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.card .dayline{font:600 12px/1.4 var(--f-body);color:var(--ink);font-variant-numeric:tabular-nums}.howto{font:700 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:4px}.keys{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;margin:0;font-size:12px;display:grid}.keys dt{flex-wrap:wrap;gap:3px;display:flex}.keys dd{margin:0}kbd{font:500 10.5px/1 var(--f-mono);color:var(--ink);border:1px solid var(--line);background:var(--slot);white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:4px 6px}:root{--sys-w:148px}body.touch{--sys-w:96px}@media (width>=600px) and (height>=600px){body.touch{--sys-w:200px}}body.wd-open .sys{display:none}.sys{top:var(--gt);right:var(--gr);z-index:6;align-items:flex-start;gap:8px;display:flex;position:fixed}.menu-wrap{position:relative}.actions{right:var(--gr);bottom:var(--gb);z-index:3;max-width:calc(100vw - var(--gl) - var(--gr) - 200px);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:fixed}.critter{background:var(--card);border:2px solid var(--blk-outline);width:max-content;max-width:min(640px,100vw - 32px);box-shadow:0 3px 0 var(--blk-outline);border-radius:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0}.critter .cname{font:700 13px/1.2 var(--f-display);color:var(--ink);margin:0 4px}.critter kbd{margin-left:6px;padding:2px 5px;font-size:10px}.critter .kb.primary kbd{color:inherit;background:0 0;border-color:currentColor}body.touch .critter{display:none}body.building .critter{bottom:calc(100% + max(124px,100% + 30px))}.toast{left:50%;top:calc(var(--gt) + 84px);opacity:0;pointer-events:none;text-align:center;z-index:8;-webkit-line-clamp:2;line-clamp:2;border-radius:18px;-webkit-box-orient:vertical;width:max-content;max-width:min(520px,100vw - 32px);padding:8px 16px;font-size:14px;font-weight:500;line-height:1.35;transition:opacity .18s,transform .18s;display:-webkit-box;position:fixed;overflow:hidden;transform:translate(-50%,6px)}.toast.show{opacity:1;transform:translate(-50%)}body.card-open:not(.touch) .toast{top:auto;bottom:calc(var(--gb) + var(--actions-h,46px) + 64px)}body.touch .toast{top:calc(var(--gt) + 124px)}body.touch.building .toast{top:calc(var(--gt) + 186px)}.veil{left:50%;bottom:calc(var(--gb) + 72px);z-index:4;pointer-events:none;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.veil i{background:var(--accent);border-radius:4px;width:14px;height:14px;animation:1.1s ease-in-out infinite spin}@keyframes spin{50%{transform:rotate(180deg)scale(.7)}to{transform:rotate(360deg)}}.err{text-align:center;color:var(--muted);place-items:center;padding:24px;font-size:15px;line-height:1.5;display:grid;position:fixed;inset:0}.labels{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.plabel{will-change:transform;justify-items:center;display:grid;position:absolute;top:0;left:0}.plabel span{font:700 12.5px/1.1 var(--f-display);white-space:nowrap;background:var(--blk-neutral);color:var(--blk-neutral-ink);border:2px solid var(--blk-outline);box-shadow:inset 0 2px 0 color-mix(in srgb, var(--blk-neutral) 60%, #fff), 0 2px 0 var(--blk-outline);border-radius:4px;padding:4px 9px 5px}.plabel small{font:500 11px/1 var(--f-body);color:var(--muted);margin-left:4px}.plabel i{background:var(--blk-outline);opacity:.6;width:2px;height:12px}.fxlayer{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.fx{color:#e0483e;font:700 18px/1 var(--f-display);text-shadow:0 1px 2px #00000040;animation:1.1s ease-out forwards fxup;position:absolute;transform:translate(-50%,-50%)}.fx[data-g=z]{color:#f4f1e6;font-size:15px}@keyframes fxup{to{opacity:0;transform:translate(-50%,-190%)}}.wmenu{top:calc(var(--gt) + 54px);right:var(--gr);width:min(340px, calc(100vw - var(--gl) - var(--gr)));max-height:calc(100dvh - var(--gt) - 54px - var(--gb) - var(--actions-h,0px) - 16px);overscroll-behavior:contain;z-index:6;gap:4px;padding:6px 10px 8px;display:grid;position:fixed;overflow:auto}.wmenu section{gap:4px;display:grid}.wmenu-row{gap:8px;display:flex}.wmenu-row .kb{flex:1}body.touch .wmenu{top:calc(var(--gt) + 72px);max-height:calc(100dvh - var(--gt) - 72px - var(--gb))}body.menu-open .critter,body.menu-open .ring,body.menu-open .stick,body.menu-open .buildbar,body.menu-open .emopanel,body.touch.menu-open .hotbar-wrap,body.touch.menu-open .toast,body.touch.card-open .hotbar-wrap,body.touch.card-open .buildbar{display:none}.wmenu-h{font:700 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 4px 4px}.wmenu .kb.stack{padding:7px 12px 9px;font-size:15px}.wmenu .kb[aria-current=true]{--face:var(--blk-primary);--ink:var(--blk-primary-ink);text-shadow:0 2px #00000038}.wmenu .kseg{padding:0 0 4px;display:flex}.wmenu .kseg .kb{flex:1}.hotbar-wrap{z-index:3;left:var(--gl);bottom:var(--gb);max-width:max(160px, calc(100vw - var(--actions-w,700px) - var(--gl) - var(--gr) - 24px));pointer-events:none;justify-items:start;gap:4px;min-width:0;display:grid;position:fixed}.kb.bagchip{font:600 12.5px/1.2 var(--f-body);pointer-events:auto;white-space:nowrap;--blk-depth:2px;gap:6px;padding:0 12px 0 10px}.kb.bagchip svg{flex:none;width:18px;height:18px}body.touch .kb.bagchip{width:44px;padding:0}body.touch .kb.bagchip span{display:none}@media (width>=600px) and (height>=600px){body.touch .kb.bagchip{width:auto;padding:0 12px 0 10px}body.touch .kb.bagchip span{display:inline}}.hotbar-wrap{grid-template-columns:auto auto;align-items:end;column-gap:6px}.hotbar-wrap>.hotlabel{grid-area:1/1;align-self:center}.hotbar-wrap>.hotbar{grid-area:2/1/auto/-1}.kb.bagact{pointer-events:auto;min-height:36px;font:700 13px/1.1 var(--f-display);--blk-depth:2px;grid-area:1/2;gap:6px;padding:0 12px 0 9px}.kb.bagact svg{flex:none;width:18px;height:18px}.kb.bagact span{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.hotlabel{font:600 12.5px/1.2 var(--f-body);background:var(--label);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:3px 10px;overflow:hidden}.hotbar{pointer-events:auto;scrollbar-width:none;gap:5px;min-width:0;max-width:100%;padding:2px 2px 0;display:flex;overflow-x:auto}.kb.slot{--blk-depth:3px;width:48px;min-width:48px;height:48px;padding:0;position:relative}.kb.slot img{width:34px;height:34px}.kb.slot[aria-pressed=true]{--face:var(--blk-accent)}.slot-num{font:600 9.5px/1 var(--f-mono);opacity:.6;position:absolute;top:1px;left:3px}.slot-qty{font:800 12px/1 var(--f-display);position:absolute;bottom:1px;right:3px}.slot-ph{width:30px;height:30px}body.touch .hotbar-wrap{left:var(--gl);width:fit-content;min-width:0;right:auto;top:calc(var(--gt) + 72px);max-width:calc(100vw - var(--gl) - var(--gr));justify-items:start;margin:0;bottom:auto}body.touch .hotlabel{display:none}body.touch .kb.slot{width:44px;min-width:44px;height:44px}body.touch .slot-num{display:none}.bsheet{z-index:7;left:50%;bottom:var(--gb);grid-template-rows:auto minmax(0,1fr);width:min(760px,100vw - 24px);max-height:min(72dvh,640px);padding:10px 12px 6px;display:grid;position:fixed;transform:translate(-50%)}.bs-head{align-items:center;gap:10px;padding-bottom:8px;display:flex}.bs-head h2{font:800 22px/1 var(--f-display);flex:1;margin:0}.bs-body{overscroll-behavior:contain;padding:2px 2px 8px;overflow:auto}.bs-group h3{font:700 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:10px 2px 6px}.bs-note{color:var(--muted);margin:4px 2px 0;font-size:12.5px}.tiles{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.kb.tile{white-space:normal;min-height:104px;font:600 12px/1.15 var(--f-body);text-align:center;flex-direction:column;gap:4px;padding:6px 4px 8px}.kb.tile img,.tile-ph{width:56px;height:56px}.tile-ph{background:color-mix(in srgb, var(--blk-outline) 12%, transparent);border-radius:4px;display:block}.tile-ph.small{width:40px;height:40px}.kb.tile[aria-pressed=true]{--face:var(--blk-primary);--ink:var(--blk-primary-ink)}.tile-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.buildbar{z-index:4;left:50%;bottom:calc(var(--gb) + max(100px, var(--actions-h,46px) + 20px));align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:6px 8px 6px 10px;display:flex;position:fixed;transform:translate(-50%)}.bb-name{font:700 14px/1.2 var(--f-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bb-btns{gap:6px;display:flex}body.touch .buildbar{bottom:auto;top:calc(var(--gt) + 130px)}@media (width<=760px),(height<=500px){.buildbar .bb-label,.buildbar .bb-name{display:none}.buildbar .kb{width:44px;padding:0}}@media (width<=560px){.tiles{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}}.perfrep{z-index:9;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(460px,100vw - 32px);max-height:calc(100dvh - 64px);padding:14px 16px 10px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.pr-h{justify-content:space-between;align-items:center;gap:12px;display:flex}.pr-h h2{font:800 20px/1.1 var(--f-display);margin:0}.perfrep pre{font:500 11.5px/1.45 var(--f-mono);white-space:pre-wrap;background:var(--blk-field);border:2px solid var(--blk-outline);border-radius:var(--blk-radius);-webkit-user-select:text;user-select:text;margin:0;padding:10px;overflow:auto;box-shadow:inset 0 3px #0000000f}.pr-f{justify-content:flex-end;display:flex}.stick,.ring{display:none}body.touch .stick{z-index:2;touch-action:none;width:46vw;height:48vh;display:block;position:fixed;bottom:0;left:0}.stick-base{left:calc(84px + env(safe-area-inset-left,0px));top:calc(100% - 84px - env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--blk-neutral) 72%, transparent);border:3px solid var(--blk-outline);width:124px;height:124px;box-shadow:inset 0 3px 0 color-mix(in srgb, var(--blk-neutral) 60%, #fff), 0 var(--blk-depth) 0 var(--blk-outline);opacity:.75;pointer-events:none;border-radius:22px;margin:-62px 0 0 -62px;transition:opacity .15s;position:absolute}.stick.on .stick-base{opacity:1}.stick-knob{background:var(--blk-primary);border:3px solid var(--blk-outline);width:56px;height:56px;box-shadow:inset 0 3px 0 color-mix(in srgb, var(--blk-primary) 60%, #fff), inset 0 -4px 0 color-mix(in srgb, var(--blk-primary) 72%, #000), 0 3px 0 var(--blk-outline);border-radius:10px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}body.touch .ring{right:calc(66px + env(safe-area-inset-right,0px));bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:3;width:0;height:0;display:block;position:fixed}.ring .kb.rb{left:calc(var(--x) - 30px);top:calc(var(--y) - 30px);--blk-depth:3px;flex-direction:column;gap:1px;width:60px;min-width:0;height:60px;padding:4px 2px;font-size:11.5px;position:absolute}.ring .kb.rb.main{--blk-depth:5px;gap:2px;width:88px;height:88px;padding:6px;font-size:14px;top:-44px;left:-44px}.ring .kb.rb svg{width:22px;height:22px}.ring .kb.rb.main svg{width:26px;height:26px}.ring .kb.rb img{width:30px;height:30px}.ring .kb.rb span{text-align:center;white-space:normal;overflow-wrap:break-word;max-width:100%;line-height:1.15;display:block}@media (orientation:landscape) and (height<=500px){body.touch .ring{right:calc(56px + env(safe-area-inset-right,0px));bottom:calc(56px + env(safe-area-inset-bottom,0px))}.ring .kb.rb:not(.main){left:calc(var(--lx) - 30px);top:calc(var(--ly) - 30px)}}body.touch,body.touch *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.touch .perfrep pre{-webkit-user-select:text;user-select:text}body.touch .card{border-radius:14px;padding:4px 4px 4px 10px}body.touch .card-top{gap:8px}body.touch .card h1{font-size:17px}body.touch .card .dayline{font-size:11.5px}.desk-only{display:grid}body.touch .desk-only,.touch-only{display:none}body.touch .touch-only{display:block}@media (width<=560px){.plabel span{font-size:10.5px}.plabel small{display:none}}@media (prefers-reduced-motion:reduce){.fx{animation-duration:10ms}.toast{transition:none}.veil i{animation:none}}.home{z-index:3;pointer-events:none;padding:var(--gt) var(--gr) var(--gb) var(--gl);grid-template-rows:auto auto 1fr auto;justify-items:center;display:grid;position:fixed;inset:0}.home>*{pointer-events:auto}.home-lang{justify-self:end}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-actions{flex-wrap:wrap;grid-row:4;justify-content:center;gap:12px;display:flex}body:has(.kit-page){overflow:auto}.kit-page{gap:28px;max-width:980px;margin:0 auto;padding:24px 16px 64px;display:grid}.kit-page h1{font-size:34px}.kit-page h2{font:800 20px/1.1 var(--f-display);margin:0 0 12px}.kit-row{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.kit-narrow{max-width:360px}.kit-col{gap:16px;display:grid}.kit-panel{max-width:368px;padding:16px 18px}.kit-panel h3{font:800 24px/1.1 var(--f-display);margin:4px 0}.kit-panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.wardrobe{z-index:7;grid-template-rows:auto minmax(0,1fr);width:min(880px,100vw - 24px);max-height:min(92dvh,660px);padding:12px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.wd-head{align-items:center;gap:10px;padding-bottom:8px;display:flex}.wd-head h2{font:800 22px/1 var(--f-display);flex:1;margin:0}.wd-main{grid-template-columns:260px minmax(0,1fr);gap:12px;min-height:0;display:grid}.wd-left{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;display:grid}.wd-pv-host{background:color-mix(in srgb, var(--blk-outline) 8%, transparent);border-radius:10px;min-height:280px;position:relative;overflow:hidden}.wd-pv{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.wd-nopv{color:var(--muted);margin:0;padding:12px;font-size:13px}.wd-body-btns{flex-wrap:wrap;gap:6px;display:flex}.wd-body-btns .kb{flex:auto}.wd-body-btns .kb[aria-pressed=true]{--face:var(--blk-primary);--ink:var(--blk-primary-ink)}.wd-right{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0;display:grid}.wd-tabs{flex-wrap:wrap;gap:6px;padding:2px 2px 6px;display:flex}body.wd-open .critter,body.wd-open .ring,body.wd-open .buildbar{display:none}body.wd-open:before{content:"";z-index:6;pointer-events:none;background:#18241e47;position:fixed;inset:0}.kb.wd-tab{flex:none;padding:6px 12px}.kb.wd-tab[aria-selected=true]{--face:var(--blk-primary);--ink:var(--blk-primary-ink)}.wd-opts{overscroll-behavior:contain;padding:2px 2px 6px;overflow:auto}.wd-opts h3{font:700 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:10px 2px 6px}.swatches{flex-wrap:wrap;gap:8px;padding:2px;display:flex}.kb.sw{--face:var(--c);width:44px;min-width:44px;height:44px;padding:0}.kb.sw[aria-pressed=true]{outline:3px solid var(--blk-primary);outline-offset:2px}.wd-foot{justify-content:flex-end;display:flex}.pet-now{background:var(--slot);border-radius:10px;justify-items:start;gap:6px;padding:8px 10px;display:grid}.pet-now span{color:var(--muted);margin-left:8px;font-size:12.5px}.pet-now p,.pet-empty{margin:0;font-size:13px;line-height:1.4}.pet-btns{flex-wrap:wrap;gap:8px;display:flex}.tile-sub{font:600 10.5px/1 var(--f-body);opacity:.75}@media (width<=720px){.wd-main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.wd-left{grid-template-rows:150px auto}.wd-pv-host{min-height:150px}}@media (height<=500px){.wardrobe{max-height:calc(100dvh - 16px)}.wd-main{grid-template-rows:none;grid-template-columns:200px minmax(0,1fr)}.wd-left{grid-template-rows:minmax(0,1fr) auto}.wd-pv-host{min-height:110px}}.emopanel{--emo-col:76px;--emo-gap:8px;--emo-cols:4;z-index:6;right:var(--gr);bottom:calc(var(--gb) + var(--actions-h,46px) + 14px);gap:var(--emo-gap);background:var(--card-solid);border:2px solid var(--blk-outline);box-shadow:0 3px 0 var(--blk-outline);border-radius:12px;padding:8px;display:grid;position:fixed}.emo-tabs{gap:var(--emo-gap);grid-template-columns:1fr 1fr;display:grid}.kb.emo-tab{min-height:40px;font:700 13px/1.1 var(--f-display);padding:4px 6px}.kb.emo-tab span{text-overflow:ellipsis;white-space:nowrap;padding:2px 0;overflow:hidden}.kb.emo-tab[aria-selected=true]{background:var(--blk-primary);color:var(--blk-primary-ink)}.emo-grid{grid-template-columns:repeat(var(--emo-cols), var(--emo-col));gap:var(--emo-gap);display:grid}.emo-grid.say{width:calc(var(--emo-cols) * var(--emo-col) + (var(--emo-cols) - 1) * var(--emo-gap));grid-template-columns:repeat(var(--say-cols,3), minmax(0, 1fr))}.kb.emo{min-height:72px;font:600 11.5px/1.1 var(--f-body);flex-direction:column;gap:2px;padding:6px 2px 8px;position:relative}.kb.emo svg{width:26px;height:26px}.kb.emo kbd,.kb.say kbd{padding:1px 4px;font-size:9.5px;position:absolute;top:3px;right:4px}.kb.say{min-height:48px;font:700 12px/1.15 var(--f-body);padding:4px 4px 5px;position:relative}.kb.say span{-webkit-line-clamp:2;white-space:normal;text-align:center;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}body.emo-open .critter{display:none}body.touch .emopanel{--emo-col:64px;--emo-gap:6px;right:var(--gr);bottom:var(--gb);padding:6px;top:auto;left:auto;transform:none}body.touch .kb.emo{min-height:60px;padding:4px 2px 5px;font-size:11px}body.touch .kb.emo svg{width:22px;height:22px}body.touch .kb.say{min-height:46px;font-size:11.5px}body.touch .kb.emo-tab{min-height:44px;font-size:12.5px}body.touch.emo-open .ring{display:none}@media (width<=599px){body.touch .emopanel{--emo-col:72px;--emo-cols:2;--say-cols:2}body.touch .kb.say{min-height:44px}}@media (height<=500px){body.touch .emopanel{--emo-col:84px;--emo-cols:4;--say-cols:4}}.bubbles{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.bubble{will-change:transform;position:absolute;top:0;left:0}.bubble span{text-align:center;width:max-content;max-width:170px;font:700 14px/1.2 var(--f-display);background:var(--card-solid);color:var(--ink);border:2px solid var(--blk-outline);box-shadow:0 2px 0 var(--blk-outline);transform-origin:50% 100%;border-radius:10px;margin-bottom:10px;padding:6px 11px 7px;transition:opacity .3s;animation:.18s ease-out bubble-in;display:block;position:relative}.bubble span:after{content:"";background:var(--card-solid);border-right:2px solid var(--blk-outline);border-bottom:2px solid var(--blk-outline);width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble.out span{opacity:0}@keyframes bubble-in{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.bubble span{transition:none;animation:none}}body.menu-open .bubbles,body.auth-open .bubbles{display:none}.raceclock{z-index:4;left:50%;top:calc(var(--gt) + 84px);background:var(--card);border:2px solid var(--blk-outline);box-shadow:0 3px 0 var(--blk-outline);font:600 13.5px/1.2 var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 32px);padding:7px 14px;position:fixed;overflow:hidden;transform:translate(-50%)}@media (width>=1100px){body:not(.touch) .raceclock{top:var(--gt)}}@media (width<=1099px){body.racing:not(.touch) .toast{top:calc(var(--gt) + 136px)}}body.touch .raceclock{top:calc(var(--gt) + 72px)}body.touch.racing .hotbar-wrap{display:none}.sleepveil{z-index:5;color:#f4f1e6;pointer-events:none;background:#0c12209e;place-content:center;justify-items:center;gap:14px;animation:.6s ease-out veil-in;display:grid;position:fixed;inset:0}.veil-clock{align-items:center;gap:14px;display:flex}.veil-pic{width:56px;height:56px}.veil-clock b{font:800 44px/1 var(--f-display);font-variant-numeric:tabular-nums}.sleepveil p{opacity:.9;text-align:center;margin:0;padding:0 16px;font-size:14px}@keyframes veil-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sleepveil{animation:none}}.auth-scrim{z-index:9;padding:var(--gt) var(--gr) var(--gb) var(--gl);background:#141c184d;place-items:end center;display:grid;position:fixed;inset:0}.auth{width:min(420px,100%);max-height:calc(100dvh - var(--gt) - var(--gb));overscroll-behavior:contain;outline:none;gap:12px;padding:12px 16px 16px;display:grid;overflow:auto}.auth-head{align-items:center;gap:10px;display:flex}.auth-head h2{min-width:0;font:800 22px/1.15 var(--f-display);overflow-wrap:break-word;flex:1;margin:0}.auth-form{gap:12px;display:grid}.auth-or{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);border-radius:1px;flex:1;height:2px}.auth-error{color:var(--danger);margin:0;font-size:13.5px;font-weight:600;line-height:1.35}.auth-error:empty{margin-top:-12px}.auth-note,.auth-text{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-text{color:var(--ink);font-size:15px}.auth-links{flex-wrap:wrap;gap:8px;display:flex}.auth-links .kb{flex:auto}.auth .ki{min-height:48px;font-size:16px}body.auth-open .home-actions{visibility:hidden}.auth-scrim.sheet{padding:var(--gt) 0 0}.auth-scrim.sheet .auth{width:100%;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0}@media (width<=599px){.auth-scrim{padding:var(--gt) 0 0}.auth{width:100%;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0}}.wmenu-email{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:6px;padding:0 4px 4px;font-size:14px;display:flex}.unsaved{vertical-align:middle;color:var(--muted);margin-left:6px;display:inline-flex}.wmenu-email .unsaved{margin-left:0}.unsaved svg{width:16px;height:16px}.players{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.kb.player{text-align:left;justify-content:flex-start;gap:10px;min-height:64px;padding:8px 12px}.kb.player span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pbadge{background:var(--top);border:2px solid var(--blk-outline);border-radius:8px;flex:none;width:40px;height:40px;position:relative;overflow:hidden}.pbadge i{background:var(--skin);width:18px;height:18px;box-shadow:inset 0 6px 0 var(--hair);border:2px solid var(--blk-outline);border-radius:3px;position:absolute;top:5px;left:9px}.players-edit{gap:8px;display:grid}.player-row{align-items:center;gap:8px;display:flex}.player-nick{min-width:0;font:700 16px/1.2 var(--f-display);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.player-row .kb[data-armed=true],.auth-out[data-armed=true]{--face:var(--danger);--ink:#fff}.nick-row{align-items:end;gap:8px;display:flex}.nick-row .kf{flex:1;min-width:0}.nick-row>.kb{min-height:48px}.wmenu-player{font:700 15px/1.2 var(--f-display);padding:0 4px 4px}.nicks{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.nick{will-change:transform;position:absolute;top:0;left:0}.nick span{font:700 13px/1.1 var(--f-display);white-space:nowrap;background:var(--tag-player);color:var(--tag-player-ink);border:2px solid var(--blk-outline);box-shadow:0 2px 0 var(--blk-outline);border-radius:4px;padding:4px 9px 5px;display:block}body.menu-open .nicks,body.auth-open .nicks{display:none}.room-code{background:color-mix(in srgb, var(--blk-primary) 14%, transparent);border-radius:8px;justify-items:center;gap:6px;padding:8px 6px 10px;display:grid}.room-code b{font:800 40px/1 var(--f-display);letter-spacing:.18em;font-variant-numeric:tabular-nums}.room-code span{color:var(--muted);text-align:center;font-size:13px}.room-people{gap:4px;padding:2px 4px 6px;display:grid}.room-count{color:var(--muted);font-size:13px}.room-person{align-items:center;gap:8px;min-height:44px;display:flex}.room-nick{font:700 15px/1.2 var(--f-display);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-tag{color:var(--muted);font-size:12px}.room-person .kb{margin-left:auto}.room-person .kb[data-armed=true]{--face:var(--danger);--ink:#fff}