.playground.svelte-123ciny{border:1px solid var(--line);background:var(--bg);border-radius:10px;grid-template:"note""game""bar"/minmax(0,1fr);margin:1.5rem 0;display:grid;overflow:hidden;container-type:inline-size}.playground.svelte-123ciny>.note:where(.svelte-123ciny){grid-area:note}.bar.svelte-123ciny{border-top:1px solid var(--line);grid-area:bar;justify-content:flex-end;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.game.svelte-123ciny{background:#0d0d14;grid-area:game;width:100%;height:min(56.25cqw,32rem);display:grid}.split.svelte-123ciny,.code.svelte-123ciny,.console.svelte-123ciny{display:none}.edit.svelte-123ciny,.close.svelte-123ciny{border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .7rem;font:500 .8rem system-ui,sans-serif;display:flex}.edit.svelte-123ciny:hover,.close.svelte-123ciny:hover{background:color-mix(in srgb, var(--fg) 6%, var(--bg))}.edit.svelte-123ciny:disabled{opacity:.6;cursor:default}.get.svelte-123ciny{border:1px solid var(--line);background:var(--code-bg);border-radius:6px;align-items:center;min-width:0;margin-right:auto;display:flex}.get.svelte-123ciny code:where(.svelte-123ciny){white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0 .25rem 0 .6rem;font-size:.8rem;overflow:hidden}.copy.svelte-123ciny{width:1.7rem;height:1.7rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;display:grid}.copy.svelte-123ciny:hover{color:var(--fg);background:var(--line)}.copy.svelte-123ciny svg:where(.svelte-123ciny){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.copy.svelte-123ciny .tick:where(.svelte-123ciny),.copy.copied.svelte-123ciny rect:where(.svelte-123ciny),.copy.copied.svelte-123ciny path:where(.svelte-123ciny):not(.tick){display:none}.copy.copied.svelte-123ciny .tick:where(.svelte-123ciny){display:inline}.copy.copied.svelte-123ciny{color:var(--accent)}@media (width<=40rem){.bar.svelte-123ciny{display:none}}.playground-backdrop.svelte-123ciny{z-index:99;background:#00000073;position:fixed;inset:0}.playground.editing.svelte-123ciny{z-index:100;grid-template:"note note note" auto "bar bar bar" auto "code split game" minmax(0, 1fr) "console console console" 10rem / minmax(0, var(--split)) 6px minmax(0, 1fr);margin:0;position:fixed;inset:1.25rem;box-shadow:0 1.5rem 4rem #00000059}.editing.svelte-123ciny .bar:where(.svelte-123ciny){border-top:0;border-bottom:1px solid var(--line);justify-content:space-between;padding-left:.75rem}.title.svelte-123ciny{font:600 .85rem system-ui,sans-serif}.editing.svelte-123ciny .game:where(.svelte-123ciny){height:auto;min-height:0}.editing.svelte-123ciny .split:where(.svelte-123ciny){cursor:col-resize;background:var(--line);grid-area:split;display:block}.editing.svelte-123ciny .split:where(.svelte-123ciny):hover,.editing.svelte-123ciny .split:where(.svelte-123ciny):focus-visible,.dragging.svelte-123ciny .split:where(.svelte-123ciny){background:var(--accent);outline:none}.dragging.svelte-123ciny{-webkit-user-select:none;user-select:none}.dragging.svelte-123ciny iframe:where(.svelte-123ciny){pointer-events:none}.editing.svelte-123ciny .code:where(.svelte-123ciny){grid-area:code;display:grid}.editing.svelte-123ciny .console:where(.svelte-123ciny){grid-area:console;display:block}iframe.svelte-123ciny{opacity:0;border:0;width:100%;height:100%;display:block}iframe.loaded.svelte-123ciny{opacity:1}.start.svelte-123ciny{color:#111;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;place-self:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem .6rem .8rem;font-weight:600;display:flex}.start.svelte-123ciny:hover{background:#eee}.start.svelte-123ciny:disabled{opacity:.6;cursor:default}.code.svelte-123ciny{grid-template-columns:12rem minmax(0,1fr);min-height:0}.tree.svelte-123ciny{border-right:1px solid var(--line);background:var(--code-bg);flex-direction:column;min-height:0;font:.8rem/1.4 ui-monospace,monospace;display:flex}.tree-head.svelte-123ciny{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;padding:.5rem .75rem .3rem;font:600 .7rem system-ui,sans-serif;display:flex}.status.svelte-123ciny{text-transform:none;letter-spacing:0;font-weight:400}.tree-list.svelte-123ciny{scrollbar-width:thin;flex:1;padding-bottom:.5rem;overflow-y:auto}.folder.svelte-123ciny,.file.svelte-123ciny{width:100%;padding:.15rem .5rem .15rem calc(.6rem + var(--depth) * .9rem);color:var(--fg);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;align-items:center;gap:.25rem;display:flex;overflow:hidden}.file.svelte-123ciny{padding-left:calc(1.6rem + var(--depth) * .9rem);color:var(--muted)}.file.asset.svelte-123ciny{opacity:.75}.folder.svelte-123ciny:hover,.file.svelte-123ciny:hover{background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--fg)}.file[aria-current].svelte-123ciny{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--fg)}.folder.svelte-123ciny svg:where(.svelte-123ciny){flex:none;transition:rotate .15s}.folder[aria-expanded=true].svelte-123ciny svg:where(.svelte-123ciny){rotate:90deg}.reset.svelte-123ciny{border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:6px;margin:.5rem;padding:.3rem;font:.75rem system-ui,sans-serif}.reset.svelte-123ciny:hover{color:var(--fg)}.pane.svelte-123ciny{flex-direction:column;min-width:0;min-height:0;display:flex}.path.svelte-123ciny{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;padding:.2rem .4rem .2rem .75rem;font:.75rem ui-monospace,monospace;display:flex}.path.svelte-123ciny span:where(.svelte-123ciny){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tools.svelte-123ciny{flex:none;align-items:center;gap:.5rem;display:flex}.size.svelte-123ciny{border:1px solid #0000;padding:.15rem 0;font:.75rem system-ui,sans-serif}.wrap.svelte-123ciny{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;align-items:center;gap:.3rem;padding:.15rem .45rem;font:.75rem system-ui,sans-serif;display:flex}.wrap.svelte-123ciny:hover{color:var(--fg)}.wrap[aria-pressed=true].svelte-123ciny{border-color:var(--line);background:var(--bg);color:var(--fg)}.editor.svelte-123ciny{flex:1;min-height:0;position:relative}.editor[hidden].svelte-123ciny{display:none}.preview.svelte-123ciny{color:var(--muted);flex:1;padding:1rem;font-size:.85rem;overflow:auto}.preview.svelte-123ciny .model:where(.svelte-123ciny){opacity:1;aspect-ratio:16/9;background:#0d0d14;border:0;border-radius:6px;width:100%;height:auto;max-height:22rem;margin-bottom:.75rem;display:block}.preview.svelte-123ciny audio:where(.svelte-123ciny){width:100%;max-width:24rem;margin-bottom:.75rem;display:block}.preview.svelte-123ciny .clip:where(.svelte-123ciny){color:var(--fg);align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.preview.svelte-123ciny .clip:where(.svelte-123ciny) select:where(.svelte-123ciny){font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;padding:.15rem .3rem}.preview.svelte-123ciny .error:where(.svelte-123ciny){color:#e5484d;white-space:pre-wrap;font:.75rem ui-monospace,monospace}.preview.svelte-123ciny img:where(.svelte-123ciny){background:repeating-conic-gradient(#8882 0 25%, transparent 0 50%) 0 0 / 16px 16px;border-radius:6px;max-width:100%;max-height:16rem;margin-bottom:.75rem;display:block}.console.svelte-123ciny{border-top:1px solid var(--line);background:var(--code-bg);white-space:pre-wrap;overscroll-behavior:contain;padding:.5rem .75rem;font:.75rem/1.5 ui-monospace,monospace;overflow-y:auto}.console.svelte-123ciny .error:where(.svelte-123ciny){color:#e5484d}.console.svelte-123ciny .warn:where(.svelte-123ciny){color:#c78b00}.note.svelte-123ciny{color:var(--muted);margin:1rem}.note.failed.svelte-123ciny{white-space:pre-wrap;color:#e5484d;max-height:12rem;font:.75rem ui-monospace,monospace;overflow:auto}.reload.svelte-123ciny{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:6px;padding:.1rem .5rem}