:root{--paper:#fdfdfb;--tint:#d5e2f3;--ink:#2340a0;--ink-strong:#172d7a;--ink-soft:#5d72b8;--pencil:#8d939c;--sheet:#fff;--danger:#c4372c;--night-sky:#141c40;--night-wall:#1d2550;--font-hand:"Patrick Hand", "Comic Neue", system-ui, sans-serif;--text-sm:1rem;--text-md:1.25rem;--text-lg:1.625rem;--text-xl:2.75rem;--line:32px;--tap:48px;--gutter:16px;--radius:10px;--ease-out:cubic-bezier(.16, 1, .3, 1)}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--ink);font-family:var(--font-hand);font-size:var(--text-md);background-color:var(--paper);-webkit-tap-highlight-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.27 0 0 0 0 0.35 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");margin:0;line-height:1.3}::selection{background:var(--tint);color:var(--ink-strong)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{color:var(--pencil);cursor:default}:focus-visible{outline:2px dashed var(--ink);outline-offset:3px;border-radius:6px}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.icon path{vector-effect:non-scaling-stroke}.hand-box{border:2px solid;border-radius:255px 14px 225px 16px/16px 225px 14px 255px}.btn{min-height:var(--tap);font-size:var(--text-md);color:var(--ink-strong);justify-content:center;align-items:center;gap:8px;padding:6px 20px;display:inline-flex}.btn--solid{background:var(--ink);color:var(--sheet);border-color:var(--ink)}.btn--danger{color:var(--danger)}.scribble{pointer-events:none;fill:none;width:calc(100% + 18px);height:calc(100% + 14px);stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;position:absolute;inset:-7px -9px}.scribble path{stroke-dasharray:1;stroke-dashoffset:0;animation:scribble .42s var(--ease-out) both}.scribble .scribble__halo{stroke:var(--sheet);stroke-width:7px}@keyframes scribble{0%{stroke-dashoffset:1px}}@media (prefers-reduced-motion:reduce){.scribble path{animation:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn--solid:disabled{background:var(--pencil);border-color:var(--pencil);color:var(--sheet)}.page{max-width:44rem;min-height:100dvh;padding:0 var(--gutter) 48px;margin:0 auto}.page__head{align-items:center;gap:4px;min-height:60px;display:flex}.page__title{font-size:var(--text-lg);color:var(--ink-strong);margin:0;font-weight:400}.page__intro{max-width:34rem;margin:8px 0 24px;line-height:1.4}.page__done{max-width:34rem;font-size:var(--text-md);color:var(--ink-strong)}.page__dev{font-size:var(--text-sm);word-break:break-all}.page__dev a{color:var(--ink)}.archive{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px 16px;margin:0 0 32px;padding:0;list-style:none;display:grid}.archive__room{text-align:left;flex-direction:column;width:100%;display:flex}.archive__room img{aspect-ratio:3/2;object-fit:cover;border:2px solid #1b1b1b;width:100%;display:block}.archive__title{font-size:var(--text-md);color:var(--ink-strong);margin-top:6px}.archive__meta{font-size:var(--text-sm);color:var(--ink-soft)}.page__logout{color:var(--ink-soft);padding-inline:0}.editor{height:100dvh;padding:0 var(--gutter) env(safe-area-inset-bottom);grid-template:"head""stage"minmax(0,1fr)"tools""context"/minmax(0,1fr);display:grid}.editor__head{grid-area:head;align-items:center;gap:4px;min-height:60px;display:flex}.editor__title{font-size:var(--text-lg);color:var(--ink-strong);flex:1;margin:0;font-weight:400}.editor__icon-btn{width:var(--tap);height:var(--tap);border-radius:50%;place-items:center;display:grid}.editor__icon-btn:not(:disabled):hover{color:var(--ink-strong);background:color-mix(in srgb, var(--tint) 60%, transparent)}.editor__ask{flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;padding:6px 0;display:flex}.editor__ask>span{font-size:var(--text-md);color:var(--ink-strong);flex:1 0 auto}.editor__next{margin-left:6px;padding-inline:16px}.editor__stage{grid-area:stage;place-items:center;padding:6px 2px;display:grid;position:relative;overflow:hidden;container-type:size}.editor__frame{aspect-ratio:3/2;transform-origin:50%;width:min(100cqw,150cqh - 72px)}.sheet{background:var(--sheet);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.hand-frame{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;position:absolute;inset:0;overflow:visible}.sheet canvas{width:100%;height:100%;position:absolute;inset:0}.sheet--pen,.sheet--eraser,.sheet--fill{cursor:crosshair}.sheet--items{cursor:grab}.selection{pointer-events:none;position:absolute}.selection__bar{pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50%}.selection__btn,.selection__resize{border:2px solid var(--ink);background:var(--sheet);width:44px;height:44px;color:var(--ink-strong);pointer-events:auto;border-radius:50% 46% 52% 48%/48% 52% 46% 50%;place-items:center;display:grid}.selection__resize{cursor:nwse-resize;touch-action:none;position:absolute;bottom:-22px;right:-22px}.editor__sheetwrap{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.editor__night{background:var(--sheet);min-height:40px;font-size:var(--text-sm);padding:4px 14px 4px 10px}.editor__night[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--sheet)}.editor__fit{background:var(--sheet);font-size:var(--text-sm);position:absolute;top:10px;right:6px}@media (orientation:portrait) and (width<=959px){.editor__stage{place-items:end center}}.editor__tools{grid-area:tools;justify-content:space-around;padding-top:6px;display:flex}.tool{min-width:64px;min-height:60px;font-size:var(--text-sm);color:var(--ink-soft);flex-direction:column;align-items:center;gap:0;padding:4px 8px;display:flex;position:relative}.tool[aria-pressed=true]{color:var(--ink-strong)}.tool .scribble{width:calc(100% + 8px);height:calc(100% + 4px);inset:-2px -4px}.editor__context{flex-direction:column;grid-area:context;align-items:center;gap:4px;min-height:154px;padding:4px 0 12px;display:flex}.sizes,.palette{flex-wrap:wrap;justify-content:center;display:flex}.palette{grid-template-columns:repeat(6,46px);display:grid}.size,.swatch{place-items:center;width:46px;height:46px;display:grid;position:relative}.size__dot{background:var(--ink);border-radius:50%;display:block}.swatch__blob{border:2px solid var(--ink);border-radius:52% 48% 55% 45%/47% 55% 45% 53%;width:30px;height:30px;display:block}.swatch:nth-child(3n+2) .swatch__blob{border-radius:46% 54% 44% 56%/55% 45%}.swatch:nth-child(3n) .swatch__blob{border-radius:55% 45% 50% 50%/50% 46% 54% 50%}.size .scribble,.swatch .scribble{width:calc(100% - 2px);height:calc(100% - 2px);inset:1px}.drawer{width:100%;min-width:0}.drawer__hint{font-size:var(--text-sm);color:var(--ink-soft);text-align:center;margin:0 0 4px}.drawer__list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;justify-content:safe center;gap:8px;display:flex;overflow-x:auto}.drawer__item{scroll-snap-align:start;border-radius:var(--radius);font-size:var(--text-sm);flex-direction:column;flex:0 0 84px;align-items:center;padding:4px;display:flex}.drawer__item:not(:disabled):hover{background:color-mix(in srgb, var(--tint) 55%, transparent)}.drawer__item:active{transform:scale(.96)}.thumb{object-fit:contain;width:auto;max-width:76px;height:64px}.naming{flex-direction:column;gap:14px;width:100%;max-width:26rem;padding-top:8px;display:flex}.naming__field{font-size:var(--text-sm);color:var(--ink-soft);flex-direction:column;gap:2px;display:flex}.naming__field input{min-height:var(--tap);border:0;border-bottom:2px solid var(--ink);color:var(--ink-strong);font:inherit;font-size:var(--text-lg);caret-color:var(--ink);background:0 0;padding:4px 2px}.naming__field input::placeholder{color:var(--pencil)}.naming__field input:focus-visible{border-bottom-color:var(--ink-strong);border-bottom-width:3px;outline:none}.naming__error{color:var(--danger);font-size:var(--text-sm);margin:0}.naming__submit{align-self:flex-start;padding-inline:28px}.naming--done{align-items:flex-start}.naming__place{font-size:var(--text-lg);color:var(--ink-strong);margin:0}@media (width>=960px){.editor{grid-template:"head head head""tools stage context"minmax(0,1fr)/112px minmax(0,1fr) 300px;column-gap:24px;padding-bottom:24px}.editor__tools{flex-direction:column;justify-content:flex-start;gap:14px;padding-top:24px}.editor__context{justify-content:flex-start;gap:16px;min-height:0;padding-top:24px;overflow-y:auto}.drawer__list{flex-wrap:wrap}}.house{--house-ink:#1b1b1b;--night:0;--dim:brightness(calc(1 - var(--night) * .62)) saturate(calc(1 - var(--night) * .3));min-height:100dvh;padding:0 var(--gutter);background:color-mix(in srgb, var(--night-sky) calc(var(--night) * 100%), var(--paper));transition:background-color 2s}.house__bar{z-index:3;padding:10px var(--gutter) 8px;border-bottom:2px solid var(--ink);background:var(--paper);align-items:center;gap:14px;display:flex;position:fixed;inset:0 0 auto}.house__brand{font-size:var(--text-lg);color:var(--ink-strong);margin-right:auto}.house__count{white-space:nowrap;font-size:var(--text-sm);color:var(--ink-soft)}.house__account{white-space:nowrap;min-height:40px;font-size:var(--text-sm);color:var(--ink-strong);text-underline-offset:4px;padding:0 4px;text-decoration:underline;text-decoration-thickness:1.5px}.house__tower{margin:0 auto;position:relative}.floor{background:color-mix(in srgb, var(--night-wall) calc(var(--night) * 90%), var(--sheet));width:100%;position:absolute;left:0}.slot{object-fit:cover;display:block;position:absolute;top:0}.slot:not(.room),.house__crane,.house__street{filter:var(--dim)}.room{cursor:pointer;overflow:hidden}.room img{object-fit:cover;width:100%;height:100%;display:block}.room:focus-visible{outline-offset:-4px}.room__tag{z-index:2;border:1.5px solid var(--house-ink);background:var(--sheet);max-width:calc(100% - 16px);color:var(--house-ink);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;border-radius:3px 5px 4px 6px;padding:0 7px;position:absolute;bottom:8px;left:8px;overflow:hidden}.floor__frame{pointer-events:none;fill:none;stroke:var(--house-ink);stroke-width:2.5px;stroke-linecap:round;position:absolute;inset:0;overflow:visible}.floor__slab{fill:color-mix(in srgb, var(--night-wall) calc(var(--night) * 90%), var(--sheet));stroke:none}.house__crane,.house__street{display:block;position:absolute}.house__street{left:0}.house__empty{font-size:var(--text-lg);text-align:center;color:color-mix(in srgb, var(--sheet) calc(var(--night) * 100%), var(--ink));margin:0;padding-top:48px;position:absolute;left:0;right:0}.house__items{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.house__build{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:3;padding-inline:28px;position:fixed;translate:-50%}.house__error{inset:40% var(--gutter) auto;z-index:3;text-align:center;color:var(--danger);margin:0;position:fixed}.detail{border:2px solid var(--ink);background:var(--paper);width:min(100vw - 24px,640px);max-height:calc(100dvh - 24px);color:var(--ink);padding:12px 16px 18px}.detail::backdrop{background:#172d7a59}.detail__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.detail__title{font-size:var(--text-lg);color:var(--ink-strong);margin:0;font-weight:400}.detail__meta{font-size:var(--text-sm);color:var(--ink-soft);margin:0}.detail__sheet{aspect-ratio:3/2;background:var(--sheet);width:100%;position:relative}.detail__sheet canvas{width:100%;height:100%;position:absolute;inset:0}.house__clock{right:var(--gutter);bottom:calc(84px + env(safe-area-inset-bottom));z-index:3;border:2px solid var(--ink);background:var(--paper);width:min(240px,60vw);font-size:var(--text-sm);color:var(--ink-strong);border-radius:255px 14px 225px 16px/16px 225px 14px 255px;flex-direction:column;gap:2px;padding:6px 12px 8px;display:flex;position:fixed}.house__clock input{width:100%;accent-color:var(--ink)}@media (width<=440px){.house__floors{display:none}}