*{box-sizing:border-box;margin:0;padding:0}body{color:#e6e6e6;background:#1e1e1e;padding-bottom:45svh;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.875rem;line-height:1.4;height:auto!important}canvas{image-rendering:pixelated;border-radius:20px;max-width:100%;margin:1rem auto;display:block;height:auto!important}main{max-width:26rem;margin:0 auto;padding:1rem}h1{margin-bottom:.5rem;font-size:1rem;font-weight:400}a{color:#6e82fa;text-decoration:none}a:hover{color:#96aafa;text-underline-offset:2px;text-decoration:underline}p{color:#969696;margin-bottom:.5rem}.kaplay-inspector{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ki-bg:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#1e1e1e);--ki-fg:var(--lightningcss-light,#191919)var(--lightningcss-dark,#c8c8c8);--ki-red:var(--lightningcss-light,#d9174b)var(--lightningcss-dark,#ff4073);--ki-red-light:var(--lightningcss-light,#ffeef1)var(--lightningcss-dark,#22000a);--ki-orange:var(--lightningcss-light,#e67e22)var(--lightningcss-dark,#f39c12);--ki-green:var(--lightningcss-light,#179e50)var(--lightningcss-dark,#2ecc71);--ki-blue:var(--lightningcss-light,#0085fb)var(--lightningcss-dark,#3ea5ff);--ki-gray-light:var(--lightningcss-light,#eee)var(--lightningcss-dark,#323232);--ki-gray-bg:var(--lightningcss-light,#f4f4f4)var(--lightningcss-dark,#282828);--ki-border:var(--lightningcss-light,#aaa)var(--lightningcss-dark,#505050);--ki-border-light:var(--lightningcss-light,#d2d2d2)var(--lightningcss-dark,#3c3c3c);--ki-h:250;--ki-h-secondary:150;--ki-primary:var(--lightningcss-light,oklch(.62 .2 var(--ki-h)))var(--lightningcss-dark,oklch(.7 .15 var(--ki-h)));--ki-primary-light:var(--lightningcss-light,oklch(.62 .2 var(--ki-h) / .1))var(--lightningcss-dark,oklch(.7 .15 var(--ki-h) / .1));--ki-primary-extra-light:var(--lightningcss-light,oklch(.62 .2 var(--ki-h) / .05))var(--lightningcss-dark,oklch(.7 .15 var(--ki-h) / .05));--ki-secondary:var(--lightningcss-light,oklch(.62 .2 var(--ki-h-secondary)))var(--lightningcss-dark,oklch(.7 .15 var(--ki-h-secondary)));--ki-secondary-extra-light:var(--lightningcss-light,oklch(.62 .2 var(--ki-h-secondary) / .05))var(--lightningcss-dark,oklch(.7 .15 var(--ki-h-secondary) / .05))}@media (prefers-color-scheme:dark){.kaplay-inspector{--lightningcss-light: ;--lightningcss-dark:initial}}.kaplay-inspector.kaplay-inspector--light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.kaplay-inspector.kaplay-inspector--dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}.kaplay-inspector *{box-sizing:border-box;margin:0;padding:0}.kaplay-inspector svg{display:block}.kaplay-inspector button,.kaplay-inspector input,.kaplay-inspector select,.kaplay-inspector textarea{accent-color:var(--ki-primary);font:inherit;color:inherit}.kaplay-inspector textarea{field-sizing:content;max-height:6rem}.kaplay-inspector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.kaplay-inspector input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kaplay-inspector input[type=number]{appearance:textfield}.kaplay-inspector button{cursor:pointer;outline-offset:2px;background:0 0;border:none}.kaplay-inspector button:focus-visible{outline:2px solid var(--ki-primary)}.kaplay-inspector{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-height:var(--ki-height,45vh);height:var(--ki-height,auto);box-sizing:border-box;background-color:var(--ki-bg);color:var(--ki-fg);grid-template-rows:auto minmax(0,1fr);align-content:flex-start;margin:0;padding:0;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.875rem;line-height:1.2;display:grid;position:fixed;bottom:0;left:0;overflow:hidden}.kaplay-inspector:has(.ki-show-inspector){height:0}.kaplay-inspector .ki-header{z-index:2;background-color:var(--ki-bg);border-bottom:1px solid var(--ki-gray-light);border-top:1px solid var(--ki-gray-light);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;display:flex}.kaplay-inspector .ki-objects{scrollbar-width:thin;scrollbar-color:var(--ki-border) transparent;min-height:0;padding:0 .5rem;overflow:auto}.kaplay-inspector .ki-hide-inspector{margin-left:auto}.kaplay-inspector .ki-show-inspector.ki-icon-btn{position:fixed;bottom:.5rem;right:.5rem}@keyframes ki-blink{0%,to{opacity:1}50%{opacity:0}}.kaplay-inspector .green{color:var(--ki-green)}.kaplay-inspector .red{color:var(--ki-red)}.kaplay-inspector .orange{color:var(--ki-orange)}.kaplay-inspector .ki-flex{align-items:center;gap:.25rem;display:flex}.kaplay-inspector .ki-relative{position:relative}.kaplay-inspector .ki-ellipsis{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.kaplay-inspector .ki-breadcrumbs{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.kaplay-inspector .ki-breadcrumbs__item{white-space:nowrap;text-overflow:ellipsis;max-width:10rem;overflow:hidden}.kaplay-inspector .ki-btn{background-color:var(--ki-gray-light);border:1px solid var(--ki-border-light);border-radius:4px;padding:.25rem .375rem;font-size:.75rem}.kaplay-inspector .ki-btn:active{transform:translateY(1px)}.kaplay-inspector .ki-btn:hover{border:1px solid var(--ki-primary)}.kaplay-inspector .ki-btn--red{color:var(--ki-red)}.kaplay-inspector .ki-btn--red:hover{border:1px solid var(--ki-red)}.kaplay-inspector .ki-dropdown{position-area:block-end span-inline-end;position-try:flip-block;border:1px solid var(--ki-border-light);background:var(--ki-bg);min-width:6rem;max-width:calc(100vw - 1rem);color:var(--ki-fg);border-radius:6px;margin:.25rem;inset:auto;box-shadow:0 4px 16px #0000001a}.kaplay-inspector .ki-dropdown--list{padding:.25rem}.kaplay-inspector .ki-dropdown-item{text-align:left;border-radius:4px;width:100%;padding:.375rem .5rem;display:block}.kaplay-inspector .ki-dropdown-item:hover,.kaplay-inspector .ki-dropdown-item:focus-visible{background:var(--ki-gray-light)}.kaplay-inspector .ki-dropdown-item--selected{color:var(--ki-primary);font-weight:700}.kaplay-inspector .ki-obj{transition:background .5s;position:relative}.kaplay-inspector .ki-obj--root{margin:.5rem 0}.kaplay-inspector .ki-obj .ki-obj{padding-left:1.5rem}.kaplay-inspector .ki-obj .ki-obj:before,.kaplay-inspector .ki-obj .ki-obj__comps-wrapper:before{content:"";border-left:1px solid var(--ki-border);height:100%;position:absolute;top:0;left:.75rem}.kaplay-inspector .ki-obj .ki-obj__comps-wrapper:before{left:-1rem}.kaplay-inspector .ki-obj .ki-obj:last-child:before{height:1rem}.kaplay-inspector .ki-obj--no-children .ki-obj__comps-wrapper:last-child:before,.kaplay-inspector .ki-obj--root>.ki-obj__content .ki-obj__header:before{display:none}.kaplay-inspector .ki-obj__content{position:relative}.kaplay-inspector .ki-obj__sticky-header{z-index:1;background-color:var(--ki-bg);position:sticky;top:0}.kaplay-inspector .ki-obj__header{outline-offset:0;border-radius:4px;align-items:center;gap:.25rem;width:calc(100% + .25rem);height:2rem;margin-right:-.25rem;padding:.25rem;display:flex;position:relative}.kaplay-inspector .ki-obj__header svg rect{fill:var(--ki-bg)}.kaplay-inspector .ki-obj__header:active{transform:translateY(1px)}.kaplay-inspector .ki-obj__header:hover{background-color:var(--ki-primary-light)}.kaplay-inspector .ki-obj__header:focus-visible{background-color:var(--ki-primary-extra-light);outline-offset:-2px}.kaplay-inspector .ki-obj__header--expanded{background-color:var(--ki-primary-extra-light)}.kaplay-inspector .ki-obj__header--expanded:has(.ki-obj__comp-names){background-color:var(--ki-secondary-extra-light)}.kaplay-inspector .ki-obj__header:before{content:"";border-bottom:1px solid var(--ki-border);border-left:1px solid var(--ki-border);width:.75rem;height:50%;position:absolute;top:0;left:-.75rem}.kaplay-inspector .ki-obj__tags{color:var(--ki-primary);font-weight:700}.kaplay-inspector .ki-obj__comp-names{color:var(--ki-secondary);font-weight:700}.kaplay-inspector .ki-obj__buttons{align-items:center;gap:.25rem;height:100%;display:flex;position:absolute;top:0;right:0}.kaplay-inspector .ki-obj__destroyed{color:var(--ki-red);font-weight:700}.kaplay-inspector .ki-obj__expand-icon{width:1.25rem;margin-right:.25rem}.kaplay-inspector .ki-obj__header:hover .ki-obj__expand-icon{color:var(--ki-primary)}.kaplay-inspector .ki-obj__comps-wrapper{margin-left:1.75rem;padding:.5rem 0;position:relative}.kaplay-inspector .ki-obj__comps{border:1px solid var(--ki-border-light);border-radius:4px;font-size:.75rem;overflow:hidden}.kaplay-inspector .ki-obj__comps-row{grid-template-columns:10rem 1fr;align-items:center;gap:.5rem;padding:.375rem .5rem;display:grid}.kaplay-inspector .ki-obj__comps-row input{display:block}.kaplay-inspector .ki-obj__comps-row:hover,.kaplay-inspector .ki-obj__comps-row:nth-child(2n):hover{background-color:var(--ki-primary-extra-light)}.kaplay-inspector .ki-obj__comps-row:nth-child(2n){background-color:var(--ki-gray-bg)}.kaplay-inspector .ki-obj__comp-row{grid-template-columns:10rem 1fr;align-items:center;gap:.5rem;display:grid}.kaplay-inspector .ki-obj__comp-row+.ki-obj__comp-row{margin-top:.75rem}.kaplay-inspector .ki-obj__children{padding-bottom:1rem}.kaplay-inspector .ki-icon-btn{background-color:var(--ki-bg);border-radius:8px;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.kaplay-inspector .ki-icon-btn:before{content:"";position:absolute;inset:-.25rem}.kaplay-inspector .ki-icon-btn:active svg{transform:translateY(1px)}.kaplay-inspector .ki-icon-btn:not(:disabled):hover{background-color:var(--ki-gray-light)}.kaplay-inspector .ki-icon-btn:disabled{opacity:.4}.kaplay-inspector .ki-icon-btn--checked{color:var(--ki-primary)}.kaplay-inspector .ki-input{background-color:var(--ki-bg);border:none;border:1px solid var(--ki-border-light);border-radius:4px;padding:.25rem .375rem;font-size:.75rem}.kaplay-inspector .ki-input:focus-visible{outline:2px solid var(--ki-primary);outline-offset:-1px}.kaplay-inspector .ki-input--error,.kaplay-inspector .ki-input--error:focus-visible{border-color:var(--ki-red)}.kaplay-inspector .ki-recording,.kaplay-inspector .ki-recording:not(:disabled):hover{background:var(--ki-red-light)}.kaplay-inspector .ki-recording__icon{background-color:var(--ki-red);border-radius:50%;width:.875rem;height:.875rem;animation:2s infinite ki-blink}.kaplay-inspector .ki-resize-bar{background-color:var(--ki-blue);cursor:row-resize;-webkit-user-select:none;user-select:none;opacity:0;height:6px;transition:opacity .3s;position:absolute;inset:0 0 auto}.kaplay-inspector .ki-resize-bar:hover,.kaplay-inspector .ki-resize-bar:focus-visible{opacity:1;z-index:1;outline:none}.kaplay-inspector .ki-search__input{background-color:var(--ki-bg);border:none;border:1px solid var(--ki-border-light);border-radius:4px;padding:.375rem .5rem;font-size:.75rem;font-weight:700}.kaplay-inspector .ki-search__input:focus-visible{outline:2px solid var(--ki-primary);outline-offset:-1px}.kaplay-inspector .ki-search__input:placeholder-shown+.ki-search__clear{display:none}.kaplay-inspector .ki-search__clear{aspect-ratio:1;opacity:.5;outline-offset:-1px;border-radius:4px;place-items:center;height:100%;display:grid;position:absolute;top:0;right:0}.kaplay-inspector .ki-search__clear:hover,.kaplay-inspector .ki-search__clear:focus-visible{opacity:1}.kaplay-inspector .ki-search__clear .lucide{width:1rem;height:1rem}.kaplay-inspector .ki-search__no-results{padding:1rem .5rem;font-weight:700;line-height:1}.kaplay-inspector .ki-dropdown--textures{padding:.5rem}.kaplay-inspector .ki-textures{gap:.5rem;display:flex}.kaplay-inspector .ki-texture{background:var(--ki-gray-bg);border-radius:2px;width:14rem;height:14rem;display:block}.kaplay-inspector .ki-texture:hover{background:var(--ki-primary-extra-light)}.kaplay-inspector .ki-textures__refresh{margin-top:.5rem;padding-block:0}.kaplay-inspector .ki-textures__refresh svg{width:1rem}.kaplay-inspector .ki-tooltip{color:#fff;z-index:10;width:max-content;overflow:initial;position-anchor:--ki-tooltip;position-area:block-end;position-try:flip-block;background:#000;border:none;border-radius:4px;margin:.25rem;padding:.375rem .625rem;font-size:.875rem;position:fixed;inset:auto}.kaplay-inspector .ki-tooltip:before{content:"";position:absolute;inset:-.25rem}.kaplay-inspector .ki-icon-btn{anchor-name:--ki-tooltip;anchor-scope:--ki-tooltip}.kaplay-inspector .ki-icon-btn:has(+.ki-dropdown:popover-open) .ki-tooltip{transition:none;display:none}.kaplay-inspector .ki-object-ref .ki-obj__buttons{margin-left:auto;position:relative}.kaplay-inspector .ki-number-input input{width:4.5rem}.kaplay-inspector .ki-vector-control__x-input,.kaplay-inspector .hp-control__hp-input{margin-right:.75rem}.kaplay-inspector .ki-blend-control{grid-template-columns:1fr 1fr;gap:.25rem;max-width:12rem;display:grid}.kaplay-inspector .ki-text-input{width:100%;max-width:24rem;padding:.375rem .5rem}.kaplay-inspector .ki-anchor-control{align-items:center;gap:1rem;display:flex}.kaplay-inspector .ki-anchor-control__radios{text-align:center}.kaplay-inspector .ki-anchor-control__row{display:flex}.kaplay-inspector .ki-anchor-control__radios label{padding:.25rem}.kaplay-inspector .ki-color-control{align-items:center;gap:.5rem;width:fit-content;min-width:12rem;display:flex}.kaplay-inspector .ki-color-control__swatch{border:1px solid var(--ki-border-light);border-radius:8px;width:2rem;height:2rem}.kaplay-inspector .ki-color-control__slider{align-items:center;gap:.25rem;display:flex}.kaplay-inspector .ki-color-control__slider-input--r{accent-color:red}.kaplay-inspector .ki-color-control__slider-input--g{accent-color:#32cd32}.kaplay-inspector .ki-color-control__slider-input--b{accent-color:#00f}