[data-island]{display:contents}.frame-scene{display:block;position:absolute;inset:0}:root[data-editing]{color-scheme:dark}.frame-stage{background:var(--ground);position:fixed;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.frame-stage,.frame-bar{transition:none}}.frame-hud[data-loading] .hud:not(.hud *){--bar:linear-gradient(var(--ctl2) 0 0);background:var(--bar) 12px 14px/min(40%,120px) 10px no-repeat,var(--bar) 12px 40px/calc(100% - 24px) 8px no-repeat,var(--bar) 12px 58px/calc(100% - 24px) 8px no-repeat,var(--bar) 12px 76px/min(60%,180px) 8px no-repeat,var(--glass);animation:.9s ease-in-out infinite alternate skeleton}.frame-hud[data-loading] .hud:not(.hud *)>*{opacity:0}.frame-hud .hud:not(.hud *)>*{transition:opacity .4s}@keyframes skeleton{to{opacity:.55}}@media (prefers-reduced-motion:reduce){.frame-hud[data-loading] *{animation:none!important}}.frame-hud{inset:calc(var(--bar-h,48px) + max(12px,env(safe-area-inset-top))) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) calc(var(--side-w,0px) + max(12px,env(safe-area-inset-left)));z-index:4;pointer-events:none;grid-template-rows:minmax(0,auto) minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid;position:absolute}.frame-hud>:not([data-island])>*,.frame-hud>[data-island]>astro-island>*>*{pointer-events:auto}.frame[data-stopped]>:not([data-island=stopped]){display:none}.frame-who{border-radius:var(--r);flex-direction:column;flex:none;gap:2px;min-width:0;max-width:100%;padding:2px;display:flex}.frame-hud>.frame-who{grid-area:-2/1/-1/-1;justify-self:center}.frame-icons{flex:none;gap:2px;min-width:0;height:auto;display:flex}.frame-icons>*{border-radius:var(--r-in);flex:none;width:65px;height:65px}.frame-who .frame-icons>button{border-radius:var(--r-in);justify-content:center;padding:0;font-size:24px}.frame-hud{--ask:125px;--tile:min(calc((var(--ask) - 34px)/2),calc((100vw - 216px - 560px)/11));--row:calc(2*var(--tile) + 34px);--foot:calc(var(--row) + var(--ask) + 12px)}@media (width>=1500px){.frame-hud{--tile:min(calc((var(--ask) - 34px)/2),calc((100vw - 528px - 560px)/11));--foot:var(--row)}}.frame-mark{border-radius:var(--r-in);background:var(--ctl);padding:14px;overflow:visible}@keyframes apart{to{translate:0 var(--d,0);scale:var(--s,1)}}.frame-mark>*{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite alternate apart}.frame-mark>g{--d:-.9px}.frame-mark>:nth-child(2){--d:-.35px;--s:1.02}.frame-mark>:nth-child(3){--d:.35px;--s:1.02}.frame-mark>:last-child{--d:.9px;--s:.96}@media (prefers-reduced-motion:reduce){.frame-mark>*{animation:none}}.frame-stick{display:none}@media (pointer:coarse){.frame-stick{left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));corner-shape:round;touch-action:none;border-radius:50%;flex:none;place-items:center;width:104px;height:104px;display:grid;position:fixed}.frame-stick>i{corner-shape:round;background:var(--ctl2);width:44px;height:44px;box-shadow:var(--lens-rim);translate:calc(var(--x,0)*30px) calc(var(--y,0)*30px);pointer-events:none;border-radius:50%}}.frame-bar{z-index:8;box-sizing:border-box;min-height:48px;padding:max(4px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 4px max(10px,env(safe-area-inset-left));background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}html[data-freelook] .frame-stage:after{content:"";z-index:3;mix-blend-mode:difference;pointer-events:none;background:linear-gradient(#fff,#fff) 50%/2px 100% no-repeat,linear-gradient(#fff,#fff) 50%/100% 2px no-repeat;width:16px;height:16px;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (pointer:fine){html[data-freelook] .frame-stage canvas{cursor:none!important}}:is(.frame-bar,.frame-dock) .frame-menu{max-width:260px;height:30px;box-shadow:none;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:10px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:flex}:is(.frame-bar,.frame-dock) .frame-menu>svg{flex:none;width:18px;height:18px}:is(.frame-bar,.frame-dock) .frame-menu:hover,:is(.frame-bar,.frame-dock) .frame-menu[data-popup-open]{background:var(--ctl2);color:var(--ink)}:is(.frame-bar,.frame-dock) .frame-menu:disabled{opacity:.4;cursor:default;background:0 0}:is(.frame-bar,.frame-dock) .frame-menu[aria-pressed=true]{background:var(--ctl2)}.frame-dock{z-index:6;border-radius:14px;gap:4px;padding:4px;display:flex;position:fixed;bottom:12px;left:50%;translate:-50%}.frame-bar .frame-start{flex:1 1 0;align-items:center;gap:8px;min-width:max-content;display:flex}.frame-bar .frame-middle{align-items:center;gap:8px;display:flex}.frame-bar .frame-end{flex:1 1 0;justify-content:flex-end;align-items:center;gap:8px;min-width:max-content;display:flex}:is(.frame-bar,.frame-dock) .frame-menu>kbd{color:color-mix(in srgb,var(--ink) 80%,var(--panel));border-radius:4px;margin-left:6px;padding:0 4px;font-size:10px;font-weight:600;line-height:1.5}:is(.frame-bar,.frame-dock) .frame-menu>svg+span{margin-left:6px}.frame-bar .frame-home{width:30px;height:30px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.frame-bar .frame-home>*{width:20px;height:20px;transition:opacity .2s var(--ease,ease),translate .2s var(--ease,ease);grid-area:1/1}.frame-bar .frame-rule{background:var(--line);flex:none;width:1px;height:20px}.frame-bar .frame-home>img{filter:brightness(0)invert()}.frame-bar .frame-home>:last-child{opacity:0;translate:10px}.frame-bar .frame-home:is(:hover,:focus-visible){background:var(--ctl2)}.frame-bar .frame-home:is(:hover,:focus-visible)>:first-child{opacity:0;translate:-10px}.frame-bar .frame-home:is(:hover,:focus-visible)>:last-child{opacity:1;translate:0}.frame-bar .frame-home:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.frame-bar .frame-home>*{transition:none}}header.frame-bar [role=group]{--third:30px;padding-block:0}@media (pointer:coarse){header.frame-bar [role=group]{--third:44px}:is(.frame-bar,.frame-dock) .frame-menu{justify-content:center;min-width:44px;height:44px}.frame-bar .frame-home{width:44px;height:44px}}.frame-bar .frame-glyph{display:none}@media (width<=599px),(height<=499px) and (pointer:coarse){.frame{--tabs:calc(56px + env(safe-area-inset-bottom));--cell:48px;--side-w:0px;--pane-h:min(36dvh,calc(100dvh - var(--bar-h,48px) - var(--tabs) - 24px))}.frame-bar{padding-inline:max(6px,env(safe-area-inset-left)) calc(180px + max(6px,env(safe-area-inset-right)));-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-wrap:nowrap;gap:2px}.frame-bar:before{content:"";z-index:-1;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);position:absolute;inset:0}.frame-bar .frame-start{flex:auto;gap:2px;min-width:0}.frame-bar .frame-middle{left:0;right:calc(2*var(--cell) + env(safe-area-inset-right));box-sizing:border-box;height:var(--tabs);padding:0 0 env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:space-around;gap:0;position:fixed;bottom:0}.frame-bar .frame-middle :not(button):has(button){display:contents}.frame-bar .frame-middle .frame-menu:has(>.frame-glyph){width:var(--cell);height:44px}.frame-bar :is(.frame-end,.frame-rule){display:none}.frame-bar .frame-start .frame-menu{flex:0 auto;min-width:0;max-width:none}.frame-bar .frame-glyph{place-items:center;display:grid}.frame-bar .frame-glyph>svg{width:20px;height:20px}.frame-bar .frame-menu:has(>.frame-glyph){justify-content:center;min-width:40px;padding:0}.frame-bar .frame-menu:has(>.frame-glyph)>:not(.frame-glyph){display:none}.frame-hud{top:calc(var(--bar-h,48px) + 12px);bottom:calc(var(--tabs) + 12px)}.frame-dock{bottom:calc(var(--tabs) + 12px)}:root[data-tab] .frame-dock{display:none}.frame-stick{bottom:calc(var(--tabs) + 20px)}:root[data-tab] .frame-stick{display:none}}