:root{--bg:#191919;--panel:#282828;--well:#1f1f1f;--head:#353535;--comp:#2f2f2f;--line:#0f0f0f;--text:#d4d4d4;--dim:#8e8e8e;--bright:#f2f2f2;--hover:#343434;--icon:#b7c3d1;--select:#2c5d87;--accent:#4b8fe2;--link:#7fb3ff;--outline:#f39c26;--axis-x:#e2493f;--axis-y:#86c540;--axis-z:#3f82f0;--font-ui:"IBM Plex Sans JP", "Hiragino Sans", "Yu Gothic UI", Meiryo, system-ui, sans-serif;--font-code:"M PLUS 1 Code", ui-monospace, Consolas, monospace;--font-display:"Dela Gothic One", "IBM Plex Sans JP", sans-serif;--font-ugui:Arimo, "IBM Plex Sans JP", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-play=on]{--bg:#141414;--panel:#202020;--well:#191919;--head:#2a2a2a;--comp:#262626;--hover:#2a2a2a;--text:#aaa;--dim:#727272;--bright:#c2c2c2}*,:before,:after{box-sizing:border-box}html{background:var(--bg);transition:background-color .3s}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-ui);-webkit-text-size-adjust:100%;margin:0;font-size:13px;line-height:1.55;transition:background-color .3s,color .3s}button{font:inherit;color:inherit}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-code)}.app{max-width:1600px;padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));gap:6px;margin:0 auto;display:grid;container:app/inline-size}.workspace{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.viewport{order:-1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.panel__tabs{background:var(--head);border-bottom:1px solid var(--line);flex:none;align-items:stretch;min-height:27px;display:flex}.panel__tab{color:var(--dim);border:0;border-right:1px solid var(--line);background:0 0;align-items:center;gap:6px;padding:3px 12px;font-size:12px;display:inline-flex}button.panel__tab{cursor:pointer}.panel__tab.is-active{color:var(--text);background:var(--panel);box-shadow:inset 0 2px 0 var(--accent)}.panel__tools{color:var(--dim);align-items:center;gap:10px;margin-left:auto;padding:0 10px;font-size:11px;display:flex}.panel__body{min-height:0}.caret{color:#b9b9b9;flex:none;place-items:center;width:14px;height:14px;transition:transform .15s;display:grid}.caret svg{width:12px;height:12px}.check{background:var(--accent);border-radius:3px;flex:none;place-items:center;width:14px;height:14px;display:grid}.check svg{color:#fff;width:10px;height:10px}.lamp{background:var(--axis-y);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #86c54033}.lamp.is-off{box-shadow:none;background:#8f8f8f}.thumb{aspect-ratio:1;background:linear-gradient(145deg, hsl(var(--h) 36% 36%), hsl(var(--h) 40% 19%));width:100%;max-width:100%;color:hsl(var(--h) 55% 84%);border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden}.thumb>svg{width:42%;height:42%}.thumb__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb.is-missing .thumb__img{display:none}.thumb:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000073}.thumb--round{border-radius:50%}.noscript{max-width:40em;margin:40px auto;padding:0 16px}.noscript a{color:var(--link)}@container app (width>=880px){.workspace{grid-template-columns:220px minmax(0,1fr) 300px;height:clamp(540px,72vh,820px)}.viewport{order:0}.hierarchy .panel__body,.inspector .panel__body{flex:1;overflow:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.toolbar{background:var(--head);border:1px solid var(--line);border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:5px 10px;display:flex}.toolbar__brand{align-items:center;gap:8px;min-width:0;display:flex}.toolbar__brand svg{width:18px;height:18px;color:var(--bright);flex:none}.toolbar__brand b{color:var(--bright);font-weight:700}.toolbar__file{color:var(--dim)}.toolbar__menu{flex-wrap:wrap;gap:2px;display:flex}.toolbar__menu button{cursor:pointer;background:0 0;border:0;border-radius:3px;padding:2px 9px}.toolbar__menu button:hover{background:var(--hover)}.toolbar__play{gap:1px;margin-inline:auto;display:flex}.toolbar__play button{background:var(--panel);border:1px solid var(--line);cursor:pointer;align-items:center;gap:6px;padding:2px 12px;display:inline-flex}.toolbar__play button:first-child{border-radius:3px 0 0 3px}.toolbar__play button:last-child{border-radius:0 3px 3px 0}.toolbar__play button:disabled{color:var(--dim);cursor:default}.toolbar__play svg{width:11px;height:11px}.toolbar__playbtn[aria-pressed=true]{color:#fff;background:var(--accent)}.toolbar__status{align-items:center;gap:7px;font-size:12px;display:flex}@container app (width<=560px){.toolbar__menu,.toolbar__file{display:none}.toolbar__play{margin-inline:0 auto}}.tree,.tree ul{margin:0;padding:0;list-style:none}.tree{padding:5px 0 8px}.tree__node{width:100%;padding:2px 10px 2px calc(8px + var(--level,0) * 18px);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:flex}.tree__node:hover{background:var(--hover)}.tree__node[aria-selected=true]{color:#fff;background:var(--select)}.tree__node>svg{width:14px;height:14px;color:var(--icon);flex:none}.tree__node[aria-expanded=true] .caret{transform:rotate(90deg)}.tree__node[aria-selected=true] .caret{color:#eaf2fb}.tree__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.tree__count{color:var(--dim);margin-left:auto;padding-left:8px;font-size:11px}.tree__node[aria-selected=true] .tree__count{color:#d6e6f5}.tree__node.is-empty{color:var(--dim);cursor:default}.tree__node.is-empty:hover{background:0 0}.tree__spacer{flex:none;width:14px}.viewport__view{flex:1;min-height:330px;position:relative}.scene{perspective:1000px;perspective-origin:50% 46%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:linear-gradient(#56657c 0%,#8d97a3 52%,#55524d 52.3%,#34322f 100%);place-items:center;padding:76px clamp(20px,6cqi,64px) 84px;display:grid;overflow:hidden}.scene.is-orbiting{cursor:grabbing}.scene:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.scene__floor{pointer-events:none;width:1200px;height:1200px;transform:rotateX(80deg) rotateZ(calc(var(--yaw,0deg) * -1));background-image:linear-gradient(#ffffff2b 1px,#0000 1px),linear-gradient(90deg,#ffffff2b 1px,#0000 1px);background-position:50%;background-size:48px 48px;margin:-600px 0 0 -600px;position:absolute;top:64%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 100%);mask-image:radial-gradient(closest-side,#000 30%,#0000 100%)}.scene__pivot{max-width:100%;transform-style:preserve-3d;transform:rotateY(var(--yaw,0deg));position:relative}.scene__object{outline:2px solid var(--outline);outline-offset:3px;justify-items:start;gap:10px;max-width:100%;padding:14px 18px;display:grid;position:relative}.scene__name{font-family:var(--font-display);color:#f6f6f6;text-shadow:0 4px #222,0 10px 22px #00000059;margin:0;font-size:clamp(44px,10cqi,104px);font-weight:400;line-height:1.02}.scene__role{color:#fff;background:#0000006b;border-radius:3px;padding:2px 9px;font-size:13px}.scene__lead{color:#f0f0f0;text-shadow:0 1px 3px #0009;max-width:32em;margin:0}.gizmo{width:0;height:0;transform-style:preserve-3d;pointer-events:none;position:absolute;bottom:-3px;left:-3px}.gizmo i{transform-origin:0;background:var(--c);width:62px;height:3px;position:absolute;top:-1.5px;left:0}.gizmo i:after{content:"";background:var(--c);clip-path:polygon(0 0,100% 50%,0 100%);width:14px;height:12px;margin-top:-6px;position:absolute;top:50%;right:-13px}.gizmo__x{--c:var(--axis-x)}.gizmo__y{--c:var(--axis-y);transform:rotateY(calc(var(--yaw,0deg) * -1)) rotateZ(-90deg)}.gizmo__z{--c:var(--axis-z);transform:rotateY(90deg)}.gizmo b{border:1px solid var(--axis-z);background:#3f82f080;width:17px;height:17px;position:absolute;top:-17px;left:0}.axis{cursor:pointer;width:70px;height:70px;position:absolute;top:10px;right:12px}.axis:focus-visible{outline:2px solid var(--accent);border-radius:4px}.scene__persp{color:#f4f4f4;text-shadow:0 1px 2px #0009;font-size:11px;position:absolute;top:82px;right:20px}.scene__hint{color:#f0f0f0;pointer-events:none;background:#00000061;border-radius:3px;padding:1px 8px;font-size:11px;position:absolute;bottom:10px;left:10px}@container app (width<=560px){.scene{padding-top:96px}}.contact{flex-direction:column;display:flex}.gamebar{color:var(--text);background:var(--head);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:3px 14px;padding:3px 10px;font-size:11px;display:flex}.gamebar__right{margin-left:auto}.gamebar__scale i{vertical-align:middle;background:#5a5a5a;width:54px;height:2px;margin:0 6px;display:inline-block;position:relative}.gamebar__scale i:after{content:"";background:#c8c8c8;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:0}.screen{--name-size:clamp(36px, 7.5cqi, 76px);grid-template-rows:minmax(calc(var(--name-size) + 40px), 1fr) auto minmax(calc(var(--name-size) + 40px), 1fr);background:linear-gradient(#7b7771 0%,#66625d 50%,#55524e 100%);flex:1;justify-items:center;min-height:300px;padding:0 18px;display:grid;position:relative;overflow:hidden}.screen__sky{pointer-events:none;background:linear-gradient(#5d5953 0%,#8a857e 55%,#b1aca4 100%);grid-row:1;justify-self:stretch;place-items:end center;margin:0 -18px -36px;padding-bottom:48px;display:grid}.screen__name{font-family:var(--font-display);font-size:var(--name-size);color:#f5f4f2;text-shadow:0 1px #d3d0cb,0 2px #c7c4bf,0 3px #bbb8b3,0 4px #afaca7,0 5px #a3a09b,0 6px #97948f,0 14px 18px #1e1a1647;line-height:1}.ugui{z-index:1;background:#ffffffeb;border-radius:6px;grid-row:2;gap:9px;width:min(100%,440px);padding:14px 14px 16px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.ugui p{color:#323232;font-family:var(--font-ugui);margin:0}.ugui__title{font-size:20px;font-weight:700;line-height:1.3}.ugui__text{font-size:13.5px;line-height:1.6}.ugui__buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.ugui__button{min-height:32px;font-family:var(--font-ugui);color:#323232;text-align:center;overflow-wrap:anywhere;cursor:pointer;background:#fff;border:1px solid #bdbdbd;border-radius:4px;place-items:center;padding:4px 8px;font-size:14px;line-height:1.3;text-decoration:none;transition:background-color .1s;display:grid}.ugui__button:hover,.ugui__button:focus-visible{background:#f5f5f5}.ugui__button:active{background:#c8c8c8}.ugui__button.is-primary{grid-column:1/-1;min-height:38px;font-weight:700}.insp{align-content:start;display:grid}.insp__head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 10px;display:flex}.insp__head>svg{width:20px;height:20px;color:var(--icon);flex:none}.insp__title{min-width:0;color:var(--bright);overflow-wrap:anywhere;font-weight:700}.insp__tags{color:var(--dim);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px 8px;padding:6px 10px;font-size:12px;display:grid}.insp__pill{min-width:0;color:var(--text);background:var(--well);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:0 7px;overflow:hidden}.insp__preview{border-bottom:1px solid var(--line);background:repeating-conic-gradient(#2b2b2b 0 25%, #222 0 50%) 0 0 / 16px 16px;place-items:center;padding:10px;display:grid}.insp__preview .thumb{aspect-ratio:16/10;max-height:190px}.insp__preview .thumb>svg{width:26%;height:26%}.insp__preview .thumb--round{aspect-ratio:1;width:112px;max-height:none}.insp__preview .thumb--natural{aspect-ratio:auto;background:0 0;width:auto;max-width:100%;max-height:none}.insp__preview .thumb--natural>svg{display:none}.insp__preview .thumb--natural .thumb__img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:240px;display:block;position:static}.insp__preview .thumb--natural.is-missing{aspect-ratio:16/10;background:linear-gradient(145deg, hsl(var(--h) 36% 36%), hsl(var(--h) 40% 19%));width:100%;max-height:190px}.insp__preview .thumb--natural.is-missing>svg{display:block}.insp__preview .thumb--natural.is-missing .thumb__img{display:none}.comp{border-bottom:1px solid var(--line)}.comp__head{background:var(--comp);align-items:center;gap:7px;margin:0;padding:5px 10px;font-size:12px;font-weight:700;display:flex}.comp__head .caret{transform:rotate(90deg)}.comp__body{grid-template-columns:84px minmax(0,1fr);gap:6px 10px;padding:7px 10px 11px;display:grid}.comp__body a{color:var(--link)}.field__key{color:var(--dim);padding-top:2px;font-size:12px}.field__value{background:var(--well);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:3px;min-width:0;padding:2px 8px}.field__value.is-text{white-space:pre-wrap;line-height:1.65}.field__full{grid-column:1/-1;gap:5px;display:grid}.check-row{align-items:center;gap:8px;display:flex}.insp__child{color:var(--link);text-align:left;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.insp__child:hover{text-decoration:underline}.insp__mail{font:inherit;color:var(--link);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.insp__action{border:1px solid var(--line);cursor:pointer;background:#3b3b3b;border-radius:3px;width:fit-content;margin:12px auto 14px;padding:4px 18px;font-size:12px;display:block}.insp__action:hover{background:#454545}@container app (width<=560px){.comp__body{grid-template-columns:72px minmax(0,1fr)}}.project__body{gap:10px;padding:8px 10px 14px;display:grid}.project__crumb{color:var(--dim);font-size:12px}.project__crumb b{color:var(--text);font-weight:500}.assets{grid-template-columns:repeat(auto-fill, minmax(min(var(--tile,96px), calc((100% - 10px) / 2)), 1fr));gap:12px 10px;display:grid}.asset{text-align:center;cursor:pointer;background:0 0;border:0;border-radius:3px;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:5px;min-width:0;padding:4px;display:grid}.asset:hover{background:var(--hover)}.asset[aria-selected=true] .thumb{box-shadow:0 0 0 2px var(--accent)}.asset__name{min-width:0;max-width:100%;font-family:var(--font-code);white-space:nowrap;text-overflow:ellipsis;border-radius:2px;padding:1px 4px;font-size:11px;line-height:1.35;overflow:hidden}.asset[aria-selected=true] .asset__name{color:#fff;background:var(--select)}.assets__empty{color:var(--dim);border:1px dashed #4a4a4a;border-radius:4px;grid-column:1/-1;margin:0;padding:14px;font-size:12px}.assets.is-list{grid-template-columns:minmax(0,1fr);gap:0}.assets.is-list .asset{text-align:left;border-radius:0;grid-template-columns:16px minmax(0,1fr);place-items:center start;gap:6px;padding:2px 6px}.assets.is-list .thumb{border-radius:2px;width:16px}.assets.is-list .thumb>svg{width:72%;height:72%}.assets.is-list .asset__name{justify-self:stretch;padding:0;font-size:12px}.assets.is-list .asset[aria-selected=true]{background:var(--select)}.assets.is-list .asset[aria-selected=true] .asset__name{background:0 0}.assets.is-list .asset[aria-selected=true] .thumb{box-shadow:none}.projectbar{min-height:24px;color:var(--text);background:var(--head);border-top:1px solid var(--line);align-items:center;gap:12px;padding:3px 10px;font-size:11px;display:flex}.projectbar__path{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.projectbar__path svg{width:13px;height:13px;color:var(--icon);flex:none}.projectbar__path span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-code);overflow:hidden}.zoom{cursor:pointer;appearance:none;background:0 0;flex:none;width:92px;height:16px;margin:0}.zoom::-webkit-slider-runnable-track{background:#5e5e5e;border-radius:1px;height:2px}.zoom::-moz-range-track{background:#5e5e5e;border-radius:1px;height:2px}.zoom::-webkit-slider-thumb{appearance:none;background:#c8c8c8;border:0;border-radius:50%;width:10px;height:10px;margin-top:-4px}.zoom::-moz-range-thumb{background:#c8c8c8;border:0;border-radius:50%;width:10px;height:10px}.logs{font-family:var(--font-code);font-size:12px;display:grid}.log{border-bottom:1px solid #202020;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:10px;padding:6px 10px;display:grid}.log:nth-child(2n){background:#2c2c2c}:root[data-play=on] .log:nth-child(2n){background:#232323}.log svg{width:16px;height:16px;margin-top:1px}.log__time{color:var(--dim)}