@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-latin-700-normal-D3Xxx3QE.woff2)format("woff2"),url(./pixelify-sans-latin-700-normal-BctWAS0u.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-latin-ext-700-normal-ClyJstAh.woff2)format("woff2"),url(./pixelify-sans-latin-ext-700-normal-BadXkHzZ.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-next-latin-400-normal-FfmJh7DR.woff2)format("woff2"),url(./atkinson-hyperlegible-next-latin-400-normal-DPp7N0cD.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-next-latin-ext-400-normal-BalHKn7d.woff2)format("woff2"),url(./atkinson-hyperlegible-next-latin-ext-400-normal-qxMiU51n.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-next-latin-700-normal-Dpiyiu63.woff2)format("woff2"),url(./atkinson-hyperlegible-next-latin-700-normal-C2qZD_Q9.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-next-latin-ext-700-normal-CBw-mJf_.woff2)format("woff2"),url(./atkinson-hyperlegible-next-latin-ext-700-normal-292QVhS1.woff)format("woff")}:root{--ink:#1b1424;--night:#2b2440;--dusk:#4b3d6b;--paper:#fbf6e6;--cream:#efe3c2;--wood:#c08a55;--floor:#7a4e34;--red:#c44f4f;--green:#5aa05a;--yellow:#f2c94c;--blue:#3e6aa8;--purple:#7a3e9d;--grey:#8e8a98;--a-body:#c44f4f;--a-mind:#7a3e9d;--a-work:#f2c94c;--a-home:#5aa05a;--px:4px;--f-pixel:"Pixelify Sans", ui-monospace, monospace;--f-body:"Atkinson Hyperlegible Next", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--f-body);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{position:fixed;inset:0}.stage{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}canvas.scene{image-rendering:pixelated;image-rendering:crisp-edges;transition:transform 2s steps(4,end);display:block}.frame{background:var(--paper);color:var(--ink);border:var(--px) solid var(--ink);outline:var(--px) solid var(--wood);outline-offset:calc(var(--px) * -2);padding:calc(var(--px) * 4)}.frame.dark{background:var(--night);color:var(--paper);outline-color:var(--dusk)}h1,h2,h3,.pixel{font-family:var(--f-pixel);letter-spacing:.02em;margin:0;font-weight:700}button,.btn{font-family:var(--f-pixel);background:var(--cream);color:var(--ink);border:var(--px) solid var(--ink);cursor:pointer;box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--wood);border-radius:0;padding:.35em .8em;font-size:1.15rem}button:active{box-shadow:inset var(--px) var(--px) 0 var(--wood);transform:translateY(2px)}button.primary{background:var(--yellow)}button.ghost{color:inherit;box-shadow:none;background:0 0;border-color:currentColor}button:focus-visible,input:focus-visible{outline:var(--px) solid var(--yellow);outline-offset:2px}input[type=text],input[type=password],input[type=time],input[type=number],select,textarea{font-family:var(--f-body);background:var(--paper);color:var(--ink);border:var(--px) solid var(--ink);border-radius:0;padding:.4em .6em;font-size:1.1rem}.dialog{z-index:5;width:min(80vw,1000px);max-height:40vh;font-size:clamp(1rem,2.3vh,1.6rem);line-height:1.35;position:absolute;top:calc(1.5vh + 3.4em);left:50%;overflow:auto;transform:translate(-50%)}.dialog .name{background:var(--ink);color:var(--yellow);font-family:var(--f-pixel);border:var(--px) solid var(--wood);margin:0 .6em .3em 0;padding:.1em .6em;display:inline-block}.dialog .line{-webkit-user-select:text;user-select:text;min-height:1.4em}.dialog .you{color:var(--dusk);margin-bottom:.3em;font-size:.8em}.dialog .chips{flex-wrap:wrap;gap:.6em;margin-top:.6em;display:flex}.dialog .row{align-items:stretch;gap:.6em;margin-top:.6em;display:flex}.dialog .row input{flex:1;min-width:0}.dialog .caret{width:.6em;animation:1s step-end infinite blink;display:inline-block}.listening{font-family:var(--f-pixel);background:var(--red);color:var(--paper);border:var(--px) solid var(--ink);align-items:center;gap:.4em;padding:.15em .6em;display:inline-flex}.listening .bar{background:var(--paper);height:.7em;transition:width .25s steps(4,end);display:inline-block}@keyframes blink{50%{opacity:0}}.hud{z-index:4;font-family:var(--f-pixel);gap:.5em;font-size:clamp(.8rem,1.9vh,1.3rem);display:flex;position:absolute;top:1.5vh;left:1.5vh}.hud .chip{background:var(--ink);color:var(--paper);border:var(--px) solid var(--dusk);align-items:center;gap:.35em;padding:.15em .5em;display:flex}.hud .chip .dot{width:.6em;height:.6em;display:inline-block}.hud .gold{color:var(--yellow)}.topright{z-index:4;gap:.5em;display:flex;position:absolute;top:1.5vh;right:1.5vh}.topright button{font-size:clamp(.8rem,1.8vh,1.2rem)}.overlay{z-index:10;background:#1b1424d1;place-items:center;padding:2vh;display:grid;position:absolute;inset:0}.overlay>.frame{width:100%;max-width:min(96vw,900px);max-height:94vh;overflow:auto}.note{background:var(--paper);color:var(--ink);border:var(--px) solid var(--ink);width:min(90vw,460px);padding:1.2em 1.4em;font-size:1.4rem;transform:rotate(-1.5deg)}.note h2{margin-bottom:.6em}.note li{border-bottom:2px dashed var(--cream);cursor:pointer;padding:.35em 0;list-style:none}.note li.done{color:var(--grey);text-decoration:line-through}.note ul{margin:0 0 1em;padding:0}.grid2{grid-template-columns:auto 1fr;align-items:center;gap:.6em 1em;display:grid}.creator{grid-template-columns:minmax(160px,1fr) 2fr;align-items:start;gap:1.5em;display:grid}.creator canvas{width:100%;image-rendering:pixelated;background:var(--wall,#6c5f86);border:var(--px) solid var(--ink)}.picker{align-items:center;gap:.5em;margin:.35em 0;display:flex}.picker .label{font-family:var(--f-pixel);width:7em}.picker .value{text-align:center;min-width:8em}.swatches{flex-wrap:wrap;gap:.35em;display:flex}.swatches button{width:2em;height:2em;box-shadow:none;padding:0}.swatches button[aria-pressed=true]{outline:var(--px) solid var(--yellow);outline-offset:1px}.gallery{background:var(--ink);padding:1em;position:absolute;inset:0;overflow:auto}.gallery .cat{color:var(--yellow);margin:1em 0 .4em}.gallery .row{flex-wrap:wrap;align-items:flex-end;gap:.6em;display:flex}.gallery figure{border:var(--px) solid var(--dusk);text-align:center;background:#6c5f86;margin:0;padding:4px}.gallery figcaption{font-family:var(--f-pixel);color:var(--paper);font-size:.8rem}.gallery canvas{image-rendering:pixelated;display:block}.toast{z-index:6;font-family:var(--f-pixel);background:var(--ink);color:var(--yellow);border:var(--px) solid var(--yellow);pointer-events:none;padding:.25em .8em;font-size:clamp(1rem,2.4vh,1.6rem);position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.offline{z-index:6;font-family:var(--f-pixel);background:var(--red);color:var(--paper);border:var(--px) solid var(--ink);padding:.1em .5em;position:absolute;bottom:1vh;right:1vh}.hidden{display:none!important}.wake{z-index:20;background:0 0;position:absolute;inset:0}@media (max-width:700px){.creator{grid-template-columns:1fr}.hud{flex-wrap:wrap;max-width:70vw}}
