@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:400;src:url(./chakra-petch-latin-400-normal-SafcrIr2.woff2)format("woff2"),url(./chakra-petch-latin-400-normal-D7EtbySE.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-500-normal-BR1ody1F.woff2)format("woff2"),url(./chakra-petch-latin-500-normal-CnUQnZ4D.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(./chakra-petch-latin-600-normal-DVQm9bgb.woff2)format("woff2"),url(./chakra-petch-latin-600-normal-DQKfcdKo.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(./chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}:root{--ground:#16120f;--pit:#0b0908;--panel:#201a16;--panel-2:#29221c;--seam:#3b322a;--ink:#f2e9dc;--dust:#b9aa94;--sand:#e9c77e;--sand-ink:#1b150d;--take:#f87171;--bar:3.5rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--ground)}body{background:var(--ground);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:Chakra Petch,system-ui,sans-serif;font-size:1rem;line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--sand);outline-offset:2px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}kbd{border:1px solid var(--seam);background:var(--panel);min-width:1.5rem;font:inherit;text-align:center;color:var(--ink);border-bottom-width:2px;border-radius:.25rem;padding:0 .3rem;font-size:.8125rem;line-height:1.4;display:inline-block}.bar{height:var(--bar);justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;display:flex}.bar h1{letter-spacing:.01em;white-space:nowrap;align-items:center;gap:.625rem;margin:0;font-size:1.375rem;font-weight:700;line-height:1;display:flex}.bar h1 svg{flex:none;width:1.375rem;height:1.375rem}.transport{gap:.5rem;display:flex}.tbtn,.abtn{border:1px solid var(--seam);background:var(--panel);min-height:2.75rem;color:var(--ink);text-align:center;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-weight:500;line-height:1.1;display:inline-flex;position:relative}.tbtn:hover,.abtn:hover{background:var(--panel-2);border-color:#6b5c4d}.tbtn svg{fill:currentColor;flex:none;width:.875rem;height:.875rem}.tbtn .i-play,.tbtn.on .i-pause{display:none}.tbtn.on .i-play{display:block}.tbtn.on{border-color:var(--sand);background:var(--sand);color:var(--sand-ink)}.abtn.quiet{background:0 0}.work{height:calc(100svh - var(--bar));grid-template-columns:minmax(0,1fr) 18.5rem;min-height:30rem;display:grid}.stage{place-items:center;min-width:0;min-height:0;padding:0 .75rem 1rem 1rem;display:grid;position:relative}.tank{background:var(--pit);width:100%;height:100%;box-shadow:0 0 0 1px var(--seam), 0 1.5rem 3rem -1.5rem #000;position:relative}#world,.glow{width:100%;height:100%;display:block;position:absolute;inset:0}#world{image-rendering:pixelated;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#world:focus-visible{outline:2px solid var(--sand);outline-offset:3px}.glow{pointer-events:none;mix-blend-mode:screen;filter:blur(var(--glow-blur,6px));opacity:.9}.ring{pointer-events:none;border:1px solid #fffc;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0000008c}.ring.kbd{border:2px solid var(--sand)}.paused-tag{color:var(--sand);pointer-events:none;background:#0b0908cc;border-radius:.25rem;margin:0;padding:.125rem .625rem;font-size:.875rem;font-weight:600;position:absolute;top:.625rem;left:.625rem}.toast{border:1px solid var(--seam);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#16120ff0;border-radius:.5rem;align-items:center;gap:.75rem;max-width:calc(100% - 7rem);min-height:2.75rem;padding:.25rem .25rem .25rem 1rem;transition:opacity .18s;display:flex;position:absolute;top:.625rem;right:.625rem}.toast.show{opacity:1}.toast.show button{pointer-events:auto}.toast:not(:has(button:not([hidden]))){padding-right:1rem}.toast button,.link{background:var(--sand);min-height:2.75rem;color:var(--sand-ink);border:0;border-radius:.25rem;padding:0 .75rem;font-weight:600}.rack{flex-direction:column;gap:1.125rem;min-height:0;padding:0 1rem 1rem .25rem;display:flex;overflow-y:auto}.elements{border:0;grid-template-columns:1fr 1fr;gap:.375rem;min-width:0;margin:0;padding:0;display:grid}.el{background:var(--panel);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:.375rem;grid-template-columns:2.125rem minmax(0,1fr) auto;align-items:center;gap:.5rem;height:2.875rem;padding:0 .4375rem 0 .375rem;display:grid;position:relative}.el:hover{border-color:var(--seam)}.el input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.tile{background-color:var(--c);image-rendering:pixelated;background-position:50%;background-size:cover;display:block}.el .tile{border-radius:.25rem;width:2.125rem;height:2.125rem}.el .name{white-space:nowrap;font-size:.9375rem;font-weight:500;overflow:hidden}.el kbd{min-width:1.375rem;color:var(--dust);background:0 0;font-size:.75rem}.el:has(input:checked){border-color:var(--c);background:color-mix(in srgb, var(--c) 14%, var(--panel));box-shadow:0 0 0 1px var(--c), 0 0 1.25rem -.25rem color-mix(in srgb, var(--c) 70%, transparent)}.el:has(input:checked) kbd{color:var(--ink);border-color:color-mix(in srgb, var(--c) 60%, var(--seam))}.el:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.dials{gap:.5rem;display:grid}.dial{grid-template-columns:1fr auto;align-items:center;display:grid}.dial label{font-weight:500}.dial output{min-width:2rem;color:var(--sand);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.dial input[type=range]{width:100%;height:2.75rem;accent-color:var(--sand);cursor:pointer;background:0 0;grid-column:1/-1;margin:0}.actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}#png{grid-column:1/-1}.note{display:none}@media (width>=761px) and (height>=54rem){.note{border-top:1px solid var(--seam);grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:.875rem;min-height:7.5rem;margin-top:auto;padding-top:1rem;display:grid}}.note .tile{border-radius:.25rem;width:2.5rem;height:2.5rem}.note p{color:var(--dust);margin:0;font-size:.9375rem;line-height:1.45}.note strong{color:var(--ink);margin-bottom:.125rem;font-weight:600;display:block}.guide{grid-template-columns:minmax(0,1fr) 17.25rem;gap:2.5rem 1rem;padding:3.5rem 1rem 2.5rem;display:grid}.elements-guide{padding-right:2rem}.guide h2{margin:0 0 .75rem;font-size:1.375rem;font-weight:600;line-height:1.2}.el-list,.key-list{margin:0}.el-list{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));column-gap:2rem;display:grid}.el-list>div,.key-list>div{border-top:1px solid var(--seam);padding:.75rem 0}.el-list dt{align-items:center;gap:.625rem;font-weight:600;display:flex}.el-list .tile{border-radius:.1875rem;flex:none;width:1.25rem;height:1.25rem}.el-list dd{color:var(--dust);margin:.25rem 0 0 1.875rem}.key-list dt{font-weight:600}.key-list dd{color:var(--dust);margin:.125rem 0 0}.key-list dd kbd{color:var(--ink)}.scenes{border:1px solid var(--seam);background:var(--panel);width:min(36rem,100vw - 1.5rem);max-height:calc(100svh - 1.5rem);color:var(--ink);border-radius:.75rem;padding:1rem 1.25rem 1.5rem}.scenes::backdrop{background:#060504b8}.dlg-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dlg-head h2{margin:0;font-size:1.375rem;font-weight:600}.dlg-close{background:0 0;border:1px solid #0000;border-radius:.375rem;width:2.75rem;height:2.75rem;font-size:1.625rem;line-height:1}.dlg-close:hover{border-color:var(--seam)}.scenes h3{color:var(--dust);margin:1.25rem 0 .5rem;font-size:1rem;font-weight:600}.save-form label{margin-bottom:.25rem;font-weight:500;display:block}.save-row{gap:.5rem;display:flex}.save-row input{border:1px solid var(--seam);background:var(--pit);border-radius:.375rem;flex:1;min-width:0;min-height:2.75rem;padding:0 .75rem}.save-row input::placeholder{color:#968a7a}.scene-msg{min-height:1.5rem;color:var(--sand);flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0 0;display:flex}.scene-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.scene-list li{grid-template-columns:5.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.thumb{background:var(--pit);object-fit:contain;width:5.5rem;height:3.5rem;image-rendering:pixelated;border-radius:.25rem;display:block}.scene-text{min-width:0;display:grid}.scene-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.scene-meta{color:var(--dust);font-size:.875rem}.scene-actions{gap:.375rem;display:flex}.scene-actions .abtn{padding:0 .75rem}.empty{color:var(--dust);margin:0}.file-row{flex-wrap:wrap;gap:.5rem;display:flex}.file-btn{cursor:pointer;position:relative}.file-btn input{opacity:0;width:1px;height:1px;position:absolute}.file-btn:has(input:focus-visible){outline:2px solid var(--sand);outline-offset:2px}.site-footer{border-top:1px solid var(--seam);flex-wrap:wrap;justify-content:center;gap:0 1.5rem;padding:.75rem 1rem 1.25rem;font-size:.9375rem;display:flex}.site-footer a{color:var(--dust);text-underline-offset:.2em;padding:.625rem 0;line-height:1.5rem;display:inline-block}.site-footer a:hover{color:var(--ink)}.tt-take{color:var(--take)}@media (width<=760px){:root{--bar:3.25rem}.bar{gap:.5rem;padding:0 .625rem 0 .75rem}.bar h1{gap:.5rem;font-size:1.125rem}.bar h1 svg{width:1.125rem;height:1.125rem}.tbtn{padding:0 .75rem}.work{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:36rem}.stage{padding:0 .5rem .625rem}.rack{gap:.5rem;padding:0 .5rem .75rem;overflow:visible}.elements{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3125rem}.el{grid-template-columns:minmax(0,1fr);justify-items:center;gap:.125rem;height:auto;padding:.25rem .1875rem .125rem}.el .tile{width:100%;height:1.75rem}.el .name{max-width:100%;font-size:.6875rem;line-height:1.3}.el kbd{display:none}.dials{grid-template-columns:1fr 1fr;gap:1rem}.actions{grid-template-columns:1fr 1fr 1.35fr}#png{grid-column:auto}.abtn{padding:0 .5rem}.guide{grid-template-columns:minmax(0,1fr);gap:2rem;padding:2.5rem 1rem 2rem}.elements-guide{padding-right:0}.el-list{grid-template-columns:minmax(0,1fr)}.scene-list li{grid-template-columns:4.5rem minmax(0,1fr) auto}.scene-list .thumb{width:4.5rem;height:3rem}.scene-list li.multi{grid-template-columns:4.5rem minmax(0,1fr)}.scene-list li.multi .scene-actions{grid-column:1/-1}.scene-list li.multi .abtn{flex:1}}@media (width<=420px){.tbtn{width:2.75rem;padding:0}.tbtn svg{width:1rem;height:1rem}.tbtn span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=359px){.elements{grid-template-columns:repeat(5,minmax(0,1fr))}.actions .abtn{padding:0 .25rem;font-size:.8125rem}}@media (hover:none){.el kbd{display:none}.el{grid-template-columns:2.125rem minmax(0,1fr)}}@media (hover:none) and (width<=760px){.el{grid-template-columns:minmax(0,1fr)}}@media (hover:none) and (pointer:coarse) and (width<=760px){.keys{display:none}}@media (prefers-reduced-motion:reduce){.toast{transition:none}}