.facade.svelte-1p3omy1{--cell:var(--facade-cell,22px);--gap:2px;--axis:1.6em;--pad:3px;--over:max(1px, calc(var(--cell) * .2));--wall:var(--tint,var(--ink));flex-direction:column;align-items:flex-end;inline-size:max-content;margin:0;display:flex}.roof.svelte-1p3omy1{inline-size:calc(var(--cell) * 2);block-size:calc(var(--cell) * .5);border:1px solid var(--wall);background:var(--paper-raised);border-block-end:0;align-self:center;margin-inline-start:var(--axis)}.s34.svelte-1p3omy1 .roof:where(.svelte-1p3omy1){inline-size:auto;block-size:max(2px, calc(var(--cell) * .22));margin-inline:calc(var(--axis) - var(--pad) - var(--over)) calc(-1 * var(--over));border-block-end:0;align-self:stretch}.frame.svelte-1p3omy1{display:flex;position:relative}.core.svelte-1p3omy1{--pitch:calc(var(--cell) * var(--ratio,.86) + var(--gap));inline-size:clamp(3px, calc(var(--cell) * .6), 12px);background:repeating-linear-gradient(to top, transparent 0 calc(var(--pitch) * .35), color-mix(in oklab, var(--brick) 30%, var(--paper-raised)) calc(var(--pitch) * .35) calc(var(--pitch) * .75), transparent calc(var(--pitch) * .75) var(--pitch)) 50% 100% / max(1px, 34%) calc(100% - var(--cell) * .6) no-repeat, var(--brick);margin-block-start:calc(var(--cell) * -.45)}.e7.svelte-1p3omy1 .core:where(.svelte-1p3omy1){margin-block-start:calc(var(--cell) * -1.1)}.grid.svelte-1p3omy1{grid-template-columns:var(--axis) repeat(var(--cols), var(--cell));grid-template-rows:repeat(var(--rows), calc(var(--cell) * var(--ratio,.86)));gap:var(--gap);background:linear-gradient(var(--paper-raised), var(--paper-raised)) var(--axis) 0 / calc(100% - var(--axis)) 100% no-repeat;padding:3px 3px 3px 0;display:grid;position:relative}.grid.svelte-1p3omy1:before{content:"";inset:0 0 0 calc(var(--axis) - var(--pad));border:1.5px solid var(--wall);pointer-events:none;border-block-end:0;position:absolute}.band.svelte-1p3omy1{block-size:1px;margin-block-end:calc(var(--gap) / -2 - .5px);margin-inline:calc(-1 * (var(--pad) + var(--gap))) calc(-1 * var(--pad));background:var(--wall);opacity:.2;grid-column:2/-1;align-self:end}.band.balcony.svelte-1p3omy1{margin-inline:calc(-1 * (var(--pad) + var(--gap)) - var(--over)) calc(-1 * var(--pad) - var(--over));opacity:.45}.canopy.svelte-1p3omy1{block-size:max(1px, calc(var(--cell) * .16));margin-inline:calc(-1 * (var(--pad) + var(--gap)) - var(--over)) calc(-1 * var(--pad) - var(--over));background:var(--wall);grid-column:2/-1;align-self:start}.earth.svelte-1p3omy1{border-block-start:1px solid var(--wall);background:repeating-linear-gradient(45deg, var(--line) 0 1px, transparent 1px 3px)}.floor.svelte-1p3omy1{font-size:clamp(8px, calc(var(--cell) * .38), 11px);color:var(--ink-3);grid-column:1;place-self:center end;padding-inline-end:6px;line-height:1}.plinth.svelte-1p3omy1{background:repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px calc(var(--cell) + var(--gap)));opacity:.6;grid-column:2/-1}.cell.svelte-1p3omy1{background-color:var(--cell-fill);outline-offset:0;border-radius:1px;transition:background-color .35s,transform .15s;display:block;position:relative}.cell.empty.svelte-1p3omy1{background-image:repeating-linear-gradient(-45deg, var(--hatch) 0 1px, transparent 1px 4px)}.cell.svelte-1p3omy1:hover{outline:1.5px solid var(--ink);z-index:2}.cell.svelte-1p3omy1:focus-visible{outline:2px solid var(--focus);z-index:3}.cell.selected.svelte-1p3omy1{outline:2.5px solid var(--ink);outline-offset:1px;z-index:3}.cell.open.svelte-1p3omy1{outline:2px solid var(--accent);outline-offset:1px;z-index:2}.cell.open.selected.svelte-1p3omy1{outline:3px solid var(--ink);box-shadow:0 0 0 5px var(--accent)}.cell.open.svelte-1p3omy1:after{content:"";box-shadow:0 0 0 0 var(--accent);pointer-events:none;border-radius:2px;animation:2.4s ease-out infinite svelte-1p3omy1-pulse;position:absolute;inset:-2px}.compact.svelte-1p3omy1{--axis:0px;--gap:1px;--pad:2px}.compact.svelte-1p3omy1 .grid:where(.svelte-1p3omy1){padding:2px}.compact.svelte-1p3omy1 .grid:where(.svelte-1p3omy1):before{inset-inline-start:0}.compact.s34.svelte-1p3omy1 .roof:where(.svelte-1p3omy1){margin-inline-start:calc(-1 * var(--over))}.compact.svelte-1p3omy1 .cell.open:where(.svelte-1p3omy1):after{display:none}.compact.svelte-1p3omy1 .cell.open:where(.svelte-1p3omy1){outline-width:1.5px}@keyframes svelte-1p3omy1-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent)}70%,to{box-shadow:0 0 0 calc(var(--cell) * .5) transparent}}