:root{--text-scale:1;--shake:1;--fs--1:calc(.8rem * var(--text-scale));--fs-0:calc(1rem * var(--text-scale));--fs-1:calc(1.25rem * var(--text-scale));--fs-2:calc(1.563rem * var(--text-scale));--fs-3:calc(1.953rem * var(--text-scale));--fs-4:calc(2.441rem * var(--text-scale));--fs-5:calc(3.052rem * var(--text-scale));--lh-tight:1.15;--lh-body:1.45;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-ui);--font-num:var(--font-ui);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--z-world:0;--z-hud:10;--z-menu:20;--z-modal:30;--z-toast:40;--z-tooltip:50;--dur-fast:.12s;--dur-med:.22s;--dur-slow:.4s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--c-bg:#0f1218;--c-surface:#1a1f29;--c-surface-2:#252c38;--c-border:#3a4352;--c-text:#eef1f5;--c-text-dim:#a9b1bd;--c-accent:#ffb347;--c-accent-ink:#1a1200;--c-scrim:#05070ab8;--c-good:#4cc38a;--c-bad:#ff6b6b;--c-warn:#ffd166;--c-info:#6cb6ff;--focus-ring:3px solid var(--c-accent);--focus-offset:3px;--touch-min:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}[data-input=touch]{--touch-min:48px}[data-reduced-motion]{--dur-fast:.01ms;--dur-med:.01ms;--dur-slow:.01ms;--shake:0}[data-reduced-motion] *,[data-reduced-motion] :before,[data-reduced-motion] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-high-contrast]{--c-bg:#000;--c-surface:#000;--c-surface-2:#111;--c-border:#fff;--c-text:#fff;--c-text-dim:#e6e6e6;--c-accent:#ffd400;--c-accent-ink:#000;--c-scrim:#000000e6;--focus-ring:4px solid #ffd400}[data-colorblind=protan],[data-colorblind=deuteran]{--c-good:#56b4e9;--c-bad:#e69f00;--c-warn:#f0e442;--c-info:#cc79a7}[data-colorblind=tritan]{--c-good:#2ec4b6;--c-bad:#ff5c8a;--c-warn:#ff9e80;--c-info:#c8a2ff}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--c-bg);height:100dvh;color:var(--c-text);font:var(--fs-0) / var(--lh-body) var(--font-ui);-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}.game-surface,canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}.ui-layer{z-index:var(--z-hud);pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);-webkit-user-select:none;user-select:none;position:absolute;inset:0}.ui-layer :is(button,a,input,select,textarea,[data-interactive]){pointer-events:auto}button,[role=button]{min-height:var(--touch-min);min-width:var(--touch-min);font:inherit;color:inherit;cursor:pointer}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}:focus:not(:focus-visible){outline:none}:focus-visible,[data-input=keyboard] :focus,[data-input=gamepad] :focus{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#root{height:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-0);line-height:var(--lh-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}*{box-sizing:border-box}h1,h2,h3{margin:0 0 var(--space-3);line-height:var(--lh-tight)}h1{font-size:var(--fs-3)}h2{font-size:var(--fs-2)}h3{font-size:var(--fs-1)}.dim{color:var(--c-text-dim)}.hint{color:var(--c-warn)}.center{min-height:100%;padding:var(--space-5);place-items:center;display:grid}.app.center{overscroll-behavior:contain;align-items:start;height:100%;overflow-y:auto}.app.center>*{margin-block:auto}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}button,input,textarea{font:inherit;color:inherit}button{min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-2) var(--space-4);border:2px solid var(--c-border);background:var(--c-surface-2);cursor:pointer;touch-action:manipulation;border-radius:12px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:2px}button.primary{background:var(--c-accent);color:var(--c-accent-ink);border-color:var(--c-accent);font-weight:700}button.huge{font-size:var(--fs-2);padding:var(--space-4) var(--space-6)}button.link{min-height:var(--touch-min);background:0 0;border:0;text-decoration:underline}button.tab.on{border-color:var(--c-accent);color:var(--c-accent)}input,textarea{width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);background:var(--c-surface-2);border:2px solid var(--c-border);border-radius:10px}input[type=checkbox]{width:28px;height:28px;min-height:28px}.card{background:var(--c-surface);border:2px dashed var(--c-border);padding:var(--space-5);gap:var(--space-3);border-radius:18px;display:grid}.app{height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;display:flex}.screen{overscroll-behavior:contain;width:100%;min-height:0;padding:var(--space-4) max(var(--space-4), calc((100% - 1100px) / 2));flex:1;overflow-y:auto}.banner,.notice{margin:var(--space-2) var(--space-4) 0;padding:var(--space-3);background:var(--c-surface-2);text-align:left;border-radius:12px}.notice{border-color:var(--c-good)}.topbar{gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--space-4);background:var(--c-surface);border-bottom:2px solid var(--c-border);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.topbar .tabs{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.mood{font-size:var(--fs--1);border:1px solid var(--c-border);border-radius:999px;padding:2px 8px}.mood.cosy{border-color:var(--c-good);color:var(--c-good)}.mood.needsYou{border-color:var(--c-warn);color:var(--c-warn)}.needs{gap:var(--space-1);max-width:360px;display:grid}.need{gap:var(--space-2);font-size:var(--fs--1);grid-template-columns:3.5em 1fr 2.5em;align-items:center;display:grid}.bar{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:999px;height:12px;overflow:hidden}.bar>span{background:var(--c-good);height:100%;display:block}.num{font-variant-numeric:tabular-nums;text-align:right}.buttons-count{font-size:var(--fs-2);font-variant-numeric:tabular-nums;align-items:center;gap:var(--space-2);font-weight:700;display:flex}.coin{background:var(--c-accent);width:22px;height:22px;box-shadow:inset 0 0 0 4px var(--c-accent-ink);border-radius:50%}.adopt{width:100%;max-width:460px}.pet-box{background:var(--c-surface-2);border:3px solid var(--c-accent);font-weight:700;font-size:var(--fs--1);z-index:2;border-radius:50% 50% 40% 40%;place-items:center;padding:2px;display:grid;position:relative;overflow:visible}.pet-box.big{height:160px;font-size:var(--fs-1)}.pet-box.perched{transform:translateY(-30%)}.bubble{white-space:nowrap;background:var(--c-text);color:var(--c-bg);font-size:var(--fs--1);border-radius:12px;padding:4px 10px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.home{gap:var(--space-5);grid-template-columns:minmax(0,3fr) minmax(240px,2fr);align-items:start;display:grid}@media (orientation:portrait),(width<=760px){.home{grid-template-columns:1fr}}.den-wrap{gap:var(--space-3);display:grid}.den{aspect-ratio:1;background:var(--c-surface);border:2px solid var(--c-border);border-radius:16px;gap:4px;width:100%;max-width:560px;padding:8px;display:grid}.cell{border:1px dashed var(--c-border);background:0 0;border-radius:6px;min-width:0;min-height:0;padding:0}.placed{background:var(--c-surface-2);border:2px solid var(--c-text-dim);min-width:0;min-height:0;font-size:var(--fs--1);z-index:1;border-radius:8px;padding:4px;overflow:hidden}.placed.selected{border-color:var(--c-accent)}.nope{animation:.3s nope;border-color:var(--c-bad)!important}@keyframes nope{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.nope{animation:none}}.iso-den{-webkit-user-select:none;user-select:none;width:100%;max-width:680px;position:relative}.iso-wall{transform-origin:0 0;background:repeating-linear-gradient(90deg, #ffffff29 0 1px, transparent 1px 7px), repeating-linear-gradient(0deg, #a0783c0d 0 1px, transparent 1px 9px), linear-gradient(180deg, var(--wall-top,#f6ead0), var(--wall-bottom,#ecdbb6));position:absolute;overflow:visible}.iso-den.papered .iso-wall{background:var(--room-wall) center / cover no-repeat}.iso-wall.right{filter:brightness(.88)}.iso-cap{position:absolute;top:0;left:0;right:0;box-shadow:0 1px 2px #3c230a59}.iso-skirting{position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px 2px #3c230a40}.iso-window{position:absolute}.iso-window .sky{position:absolute;overflow:hidden}.iso-window.code .sky{inset:9% 9% 17%}.window-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.window-frame.code{filter:drop-shadow(0 1px 1.5px #3c230a73);background:linear-gradient(#cf9658,#c48a4e) top/100% 10% no-repeat,linear-gradient(#b07a42,#a87239) bottom/100% 10% no-repeat,linear-gradient(90deg,#cf9658,#c48a4e) 0/9% 100% no-repeat,linear-gradient(90deg,#b5803f,#a87239) 100%/9% 100% no-repeat,linear-gradient(90deg,#c48a4e,#b07a42) 50%/6% 100% no-repeat,linear-gradient(#c48a4e,#b07a42) 50%/100% 7% no-repeat;border-radius:3px;height:auto;inset:0 0 8%}.window-frame.code:after{content:"";background:linear-gradient(#d9a062,#9e6a37);border-radius:3px;height:14%;position:absolute;bottom:-9%;left:-10%;right:-10%}.window-tap{background:0 0;border:0;border-radius:4px;width:100%;min-width:0;height:100%;min-height:0;padding:0;position:absolute;inset:0}.window-tap:focus-visible{outline-offset:-3px}.sky-layer{position:absolute;inset:0}.phase-fade{transition:opacity var(--sky-fade,3s) ease, fill var(--sky-fade,3s) ease, background-color var(--sky-fade,3s) ease}[data-reduced-motion] .phase-fade{transition-duration:var(--sky-fade,3s)!important}.sky-star{aspect-ratio:1;background:#fff8dc;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 3px 1px #fff8dc99}.sky-orb{aspect-ratio:1;width:26%;position:absolute;transform:translate(-50%,-50%)}.sky-orb.code.sun{background:radial-gradient(circle, #f7c64e 0 52%, #eea23a 53% 60%, transparent 61%), repeating-conic-gradient(#f0a33c 0 12deg, transparent 12deg 45deg);border-radius:50%}.sky-orb.code.moon{background:#f4e3a1;border-radius:50%;width:20%;-webkit-mask-image:radial-gradient(circle at 72% 34%,#0000 0 46%,#000 47%);mask-image:radial-gradient(circle at 72% 34%,#0000 0 46%,#000 47%)}.sky-clouds{height:46%;animation:140s linear infinite sky-drift;position:absolute;top:46%;left:0;right:0}.sky-clouds.art{background:var(--clouds) 0 50% / 200% 100% repeat-x, var(--cloud-tint);background-blend-mode:multiply;-webkit-mask:var(--clouds) 0 50% / 200% 100% repeat-x;-webkit-mask:var(--clouds) 0 50% / 200% 100% repeat-x;mask:var(--clouds) 0 50% / 200% 100% repeat-x}.sky-clouds.code{background:radial-gradient(ellipse 9% 26% at 12% 60%, var(--cloud-tint) 98%, transparent), radial-gradient(ellipse 12% 38% at 22% 52%, var(--cloud-tint) 98%, transparent), radial-gradient(ellipse 9% 24% at 31% 62%, var(--cloud-tint) 98%, transparent), radial-gradient(ellipse 8% 22% at 63% 58%, var(--cloud-tint) 98%, transparent), radial-gradient(ellipse 11% 32% at 72% 52%, var(--cloud-tint) 98%, transparent), radial-gradient(ellipse 7% 20% at 80% 62%, var(--cloud-tint) 98%, transparent);opacity:.92;background-repeat:repeat-x;background-size:200% 100%}@keyframes sky-drift{0%{background-position:0%;-webkit-mask-position:0%;mask-position:0%}to{background-position:200%;-webkit-mask-position:200%;mask-position:200%}}@media (prefers-reduced-motion:reduce){.sky-clouds{animation:none}}[data-reduced-motion] .sky-clouds{animation:none!important}.sky-away{z-index:150;cursor:default;background:0 0;border:0;border-radius:0;min-width:0;min-height:0;padding:0;position:absolute;inset:0}.sky-card{z-index:160;width:min(250px,58%);padding:var(--space-3);gap:var(--space-2);background:var(--c-surface);border:2px solid var(--c-border);animation:sky-card-in var(--dur-med,.22s) cubic-bezier(.33, 1, .68, 1);transform-origin:0 0;border-radius:16px;display:grid;position:absolute;box-shadow:0 10px 24px #00000073}@keyframes sky-card-in{0%{opacity:0;transform:scale(.94)}}.sky-title{margin:0;font-weight:700}.sky-chips{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.chip{padding:var(--space-2) var(--space-3);border-radius:999px}.chip.wide{grid-column:1/-1}.chip.on{border-color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 22%, var(--c-surface-2));font-weight:700}.sky-until{font-size:var(--fs--1);margin:0;line-height:1.3}.iso-slot{transform-origin:50%;border:2px dashed #fff5dc99;border-radius:4px;display:none;position:absolute}.iso-den.show-slots .iso-slot{display:block}.iso-edge{transform-origin:0 0;background:linear-gradient(#cdbb94,#a9925f);border-radius:0 0 4px 4px;position:absolute}.iso-edge.right{filter:brightness(.85)}.iso-floor{background:var(--den-floor,conic-gradient(var(--floor-a,#e9dcc2) 25%, var(--floor-b,#ddcca9) 0 50%, var(--floor-a,#e9dcc2) 0 75%, var(--floor-b,#ddcca9) 0)) 0 0 / var(--den-floor-size,calc(200% / 6) calc(200% / 6));border-radius:6px;position:absolute;transform:translate(-50%,-50%)scaleY(.5)rotate(45deg);box-shadow:0 0 0 3px #b79f72,0 18px 30px #00000059}.iso-tile{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:0;min-width:0;min-height:0;padding:0;position:absolute}.iso-tile.sel{background:color-mix(in srgb, var(--c-accent) 45%, transparent)}.iso-tile.nope{background:color-mix(in srgb, var(--c-bad) 50%, transparent)}.iso-shadows{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.iso-sprite{pointer-events:none;max-width:none;position:absolute}.iso-sprite img{width:100%;height:100%;display:block}.iso-tint{pointer-events:none;border-radius:inherit;transition:opacity var(--sky-fade,3s) ease, background-color var(--sky-fade,3s) ease;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}[data-reduced-motion] .iso-tint{transition-duration:var(--sky-fade,3s)!important}.iso-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.iso-layer.glow{mix-blend-mode:screen}.iso-sprite.sel{filter:drop-shadow(0 0 3px var(--c-accent)) drop-shadow(0 0 3px var(--c-accent))}.iso-block{pointer-events:none;text-align:center;color:#3a2f1d;font-size:var(--fs--1);background:#d9c7a3;border:2px solid #9c8358;border-radius:12px;place-items:center;padding:4px;font-weight:600;line-height:1.1;display:grid;position:absolute}.iso-block.sel{border-color:var(--c-accent)}.iso-pet{z-index:100;background:0 0;border:0;min-width:0;min-height:0;padding:0;position:absolute}.iso-pet .bubble{bottom:105%}.item-menu{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.bag ul,.shelf{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.bag li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--c-surface);border-radius:12px;display:flex}.bag-icon{object-fit:contain;flex:none;width:56px;height:56px}.bag-name{flex:1}.shelf{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.item .thumb{background:var(--c-surface-2);height:90px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs--1);border-radius:12px;place-items:center;display:grid}.rush-card{max-width:640px;margin:0 auto}.rush{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;display:grid;position:relative}.rush.pad-left{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.rush.pad-left .pad{order:-1}@media (orientation:portrait),(width<=760px){.rush,.rush.pad-left{grid-template-columns:1fr}.rush.pad-left .pad{order:0}}.rush-main{gap:var(--space-3);text-align:center;display:grid}.thread{background:var(--c-surface-2);border:2px solid var(--c-border);border-radius:999px;height:18px;overflow:hidden}.thread>span{background:var(--c-info);height:100%;display:block}.thread.low>span{background:var(--c-warn)}.question{margin:var(--space-3) 0;font-variant-numeric:tabular-nums;font-size:clamp(48px,9vw,96px);font-weight:800}.question.miss{color:var(--c-info)}.slot{border-bottom:6px solid var(--c-accent);min-width:2.2ch;display:inline-block}.coat{flex-wrap:wrap;justify-content:center;gap:6px;min-height:30px;display:flex}.sewn{background:var(--c-accent);border-radius:50%;width:22px;height:22px}.pad{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.key{min-height:72px;font-size:var(--fs-3);-webkit-user-select:none;user-select:none;border-radius:16px;font-weight:700}.key.zero{grid-column:2}.overlay{background:var(--c-scrim);z-index:5;place-items:center;display:grid;position:absolute;inset:0}.results{gap:var(--space-3);max-width:760px;margin:0 auto;display:grid}.big-line{font-size:var(--fs-2);margin:0}.best{color:var(--c-good)}.stats{margin:0;padding-left:1.2em}.factgrid-wrap{margin:0;overflow-x:auto}.factgrid{text-align:center;font-variant-numeric:tabular-nums;gap:2px;min-width:340px;max-width:520px;font-size:11px;display:grid}.factgrid span{aspect-ratio:1;border-radius:3px;place-items:center;display:grid}.factgrid .h{color:var(--c-text-dim);font-weight:700}.factgrid .b1{background:#4a2a2a}.factgrid .b2{background:#5a4424}.factgrid .b3{background:#4b5320}.factgrid .b4{background:#2e5a3a}.factgrid .b5{color:#fff;background:#1f6f5a;font-weight:700}.settings{gap:var(--space-4);max-width:760px;margin:0 auto;display:grid}.file input{margin-top:var(--space-2)}.room-head{align-items:center;gap:var(--space-3);display:flex}.room-name{font-size:var(--fs-1);margin:0}.house-btn{align-items:center;gap:var(--space-2);font-weight:700;display:inline-flex}.house-glyph{clip-path:polygon(50% 0,100% 45%,86% 45%,86% 100%,14% 100%,14% 45%,0 45%);background:currentColor;flex:none;width:22px;height:20px}.room-toast{color:var(--c-good);margin:0}.pet-card .chip{min-width:7em}.envelope{z-index:120;background:linear-gradient(#fbf3df,#efe1bf);border:2px solid #b79a6a;border-radius:6px;width:64px;min-width:64px;height:46px;min-height:46px;padding:0;animation:.6s cubic-bezier(.34,1.56,.64,1) both envelope-in;position:absolute;box-shadow:0 4px 10px #28190a59}.envelope:before{content:"";position:absolute;inset:-12px}.envelope.on-floor{bottom:6%;left:50%;transform:translate(-50%)rotate(-6deg)}.envelope.on-garden{bottom:-10px;left:50%;transform:translate(-50%)rotate(4deg)}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#f2e4c2,#e4d0a3);border-bottom:1px solid #b79a6a;position:absolute;inset:0 0 40%}.envelope-key,.letter-key{background:radial-gradient(circle at 5px,#0000 0 2px,#c9a13f 2.5px 5px,#0000 5.5px),linear-gradient(#c9a13f,#c9a13f) 9px/15px 3px no-repeat,linear-gradient(#c9a13f,#c9a13f) 19px 6px/3px 4px no-repeat,linear-gradient(#c9a13f,#c9a13f) 23px 6px/2px 3px no-repeat;width:26px;height:10px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}@keyframes envelope-in{0%{opacity:0;translate:0 -24px}60%{opacity:1}}.letter-scrim{z-index:170;background:#140e0659;place-items:center;display:grid;position:absolute;inset:0}.house .letter-scrim{position:fixed}.letter-card{width:min(340px,90%);padding:var(--space-6) var(--space-5) var(--space-5);gap:var(--space-3);color:#3a2c18;background:linear-gradient(#fbf3df,#f1e3c2);border:2px solid #b79a6a;border-radius:14px;animation:.26s cubic-bezier(.33,1,.68,1) sky-card-in;display:grid;position:relative;box-shadow:0 14px 30px #00000073}.letter-card .letter-key{top:18px;transform:translate(-50%)rotate(-12deg)scale(1.3)}.letter-text{font-size:var(--fs-1);text-align:center;margin:0;line-height:1.35}.letter-actions{justify-content:center}.letter-card button:not(.primary){color:#3a2c18;background:#efe1bf;border-color:#b79a6a}.house-screen{gap:var(--space-5);grid-template-columns:minmax(0,3fr) minmax(240px,2fr);align-items:start;display:grid}@media (orientation:portrait),(width<=760px){.house-screen{grid-template-columns:1fr}}.house-stage{padding:var(--space-3) var(--space-2) var(--space-6);justify-items:center;display:grid}.house{flex-direction:column;width:100%;display:flex;position:relative;container-type:inline-size}.house-body,.house-roof-wrap,.house-garden-art,.house-garden{--bw:calc(100cqw / (var(--cols) + 2 * var(--wall-f) + (var(--cols) - 1) * var(--gap-f)));--beam:calc(var(--bw) * var(--beam-f));--gap:calc(var(--bw) * var(--gap-f));--wall:calc(var(--bw) * var(--wall-f));--plinth:calc(var(--bw) * var(--plinth-f));--radius:calc(var(--bw) * var(--radius-f))}.house-roof-wrap{z-index:2;margin-left:calc(var(--roof-col) * var(--bw) * (1 + var(--gap-f)));width:calc(100% - (var(--cols) - var(--roof-w)) * var(--bw) * (1 + var(--gap-f)));height:calc(var(--bw) * .45);margin-bottom:-2px;position:relative}.house-roof-wrap.art{--roof-art-w:calc((100% + var(--wall) * .5) / .865);height:auto;margin-bottom:calc(var(--bw) * -.012)}.house-roof-art{width:var(--roof-art-w);aspect-ratio:1536/461;margin-left:calc((100% - var(--roof-art-w)) / 2);filter:drop-shadow(0 3px 3px #28140559);display:block}.tinted-art.house-roof-art img{height:100%}.house-roof{filter:drop-shadow(0 3px 3px #0000004d);width:100%;height:100%;display:block;overflow:visible}.house-body{z-index:1;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--gap);padding:var(--wall) var(--wall) var(--plinth);border-radius:calc(var(--radius) * .5);background:repeating-linear-gradient(180deg, #f3d77e 0 calc(var(--bw) * .07), #d9b55a calc(var(--bw) * .07) calc(var(--bw) * .078));display:grid;position:relative;box-shadow:inset 3px 3px 2px #fff6d68c,inset -3px 0 3px #78501459,0 10px 22px #00000059}.house-body:after{content:"";z-index:-1;height:calc(var(--bw) * .18);background:inherit;background-position:0 calc(var(--bw) * -.1);position:absolute;top:calc(100% - 2px);left:0;right:0}.house-body>.house-tint{bottom:calc(var(--bw) * -.18);border-radius:inherit}.house.sided .house-body{background:var(--siding) 0 0 / calc(var(--bw) * 1.3) auto repeat}.house-siding{height:calc(var(--bw) / var(--aspect));position:relative}.house-cell{height:calc(var(--bw) / var(--aspect));padding:var(--beam);border-radius:var(--radius);box-shadow:inset calc(var(--beam) * .2) calc(var(--beam) * .2) calc(var(--beam) * .25) #ffe6b0cc, inset calc(var(--beam) * -.22) calc(var(--beam) * -.26) calc(var(--beam) * .3) #7036088c, inset 0 0 0 1px #96501499, 0 calc(var(--beam) * .16) calc(var(--beam) * .28) #46240680;background:repeating-linear-gradient(118deg,#ffecbe12 0 2px,#0000 2px 5px),repeating-linear-gradient(28deg,#783c0a0f 0 1px,#0000 1px 4px),linear-gradient(145deg,#f2b155 0%,#dc8f38 32%,#cb7a2b 68%,#ad6420 100%);position:relative}.house-cell:before{content:"";inset:calc(var(--beam) * .42);pointer-events:none;border:max(1.5px, calc(var(--bw) * .0065)) dashed #fff3daeb;border-radius:calc(var(--radius) * .6);filter:drop-shadow(0 1px #6e370a8c);position:absolute}.house-cell.outside{padding:var(--beam)}.house-door{z-index:5;left:50%;bottom:calc(var(--plinth) * -2.1);aspect-ratio:1;filter:drop-shadow(0 3px 3px #28140559);height:118%;position:absolute;transform:translate(-50%)}.house-door img{width:100%;height:100%}.tinted-art{pointer-events:none;display:block;position:relative}.tinted-art img{width:100%;height:auto;display:block}.art-tint{pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.house-garden-art{z-index:4;width:112%;margin:calc(var(--plinth) * -1 - var(--beam) * .5) -6% 0;filter:drop-shadow(0 8px 12px #0000004d)}.house-garden{background:radial-gradient(circle at 8% 40%,#f1c94f 0 4px,#0000 5px),radial-gradient(circle at 23% 62%,#f5f0e4 0 4px,#0000 5px),radial-gradient(circle at 41% 35%,#e58a63 0 4px,#0000 5px),radial-gradient(circle at 63% 58%,#f1c94f 0 4px,#0000 5px),radial-gradient(circle at 79% 38%,#f5f0e4 0 4px,#0000 5px),radial-gradient(circle at 93% 60%,#e58a63 0 4px,#0000 5px),linear-gradient(#8fb46b,#6e9650);border-radius:0 0 40px 40px/0 0 22px 22px;height:34px;margin:0 -6%;box-shadow:0 10px 20px #0000004d}.room-box{border-radius:calc(var(--radius,6px) * .45);transform-origin:50%;background:#3a2c18;border:0;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.box-recess{z-index:5;border-radius:inherit;box-shadow:inset 0 calc(var(--beam,8px) * .5) calc(var(--beam,8px) * .6) calc(var(--beam,8px) * -.15) #2d16058c, inset calc(var(--beam,8px) * .42) 0 calc(var(--beam,8px) * .55) calc(var(--beam,8px) * -.15) #2d16056b, inset calc(var(--beam,8px) * -.18) calc(var(--beam,8px) * -.14) calc(var(--beam,8px) * .3) calc(var(--beam,8px) * -.12) #2d160538, inset 0 0 0 1px #4622068c;inset:0}.room-box>span{pointer-events:none;position:absolute}.box-wall{inset:0}.box-window{overflow:visible}.box-sky{position:absolute;inset:9% 9% 15%;overflow:hidden}.sky.round,.box-frame.round{border-radius:50%}.box-frame{pointer-events:none;filter:drop-shadow(0 1px 1.5px #3c230a73);background:linear-gradient(#cf9658,#c48a4e) top/100% 10% no-repeat,linear-gradient(#b07a42,#a87239) bottom/100% 16% no-repeat,linear-gradient(90deg,#cf9658,#c48a4e) 0/10% 100% no-repeat,linear-gradient(90deg,#b5803f,#a87239) 100%/10% 100% no-repeat,linear-gradient(90deg,#c48a4e,#b07a42) 50%/6% 100% no-repeat,linear-gradient(#c48a4e,#b07a42) 50% 45%/100% 6% no-repeat;border-radius:3px;position:absolute;inset:0}.box-floor{background:linear-gradient(180deg, transparent 0 62%, #a9925f 62% 70%, #8a7246 70%), repeating-linear-gradient(90deg, var(--floor-a) 0 9%, var(--floor-b) 9% 18%);bottom:0;left:0;right:0;box-shadow:0 -2px 3px #3c230a40}.box-pets{justify-content:center;align-items:flex-end;gap:4%;height:52%;display:flex;left:0;right:0}.box-pet{object-fit:contain;filter:drop-shadow(0 3px 2px #1e140a59);width:auto;height:100%}.box-pet.code{aspect-ratio:1;color:#f4e8d0;background:#3b3340;border-radius:50% 50% 42% 42%;place-items:center;height:60%;font-weight:700;display:grid}.box-tint{inset:0}.box-label{color:#3a2c18;font-size:var(--fs--1);background:#fff8e8e0;border-radius:999px;padding:2px 10px;font-weight:700;top:9%;left:8px}.box-hint{color:#3a2c18;font-size:var(--fs--1);z-index:3;background:#fff8e8eb;border-radius:999px;padding:3px 10px;font-weight:700;bottom:8px;right:8px}.room-box:focus-visible{outline:var(--focus-ring);outline-offset:3px}.curtain{z-index:2;inset:0}.curtain-half{background:repeating-linear-gradient(90deg,#6a8f7c 0 7%,#5a7d6b 7% 11%,#77a08b 11% 16%),#6a8f7c;width:51%;position:absolute;top:0;bottom:0;box-shadow:inset 0 -10px 12px #0000002e}.curtain-half.left{transform-origin:0;border-radius:0 0 30%/0 0 8%;left:0}.curtain-half.right{transform-origin:100%;border-radius:0 0 0 30%/0 0 0 8%;right:0}.curtain-half:after{content:"";background:#b07d48;height:9%;position:absolute;top:0;left:0;right:0}.curtain.art .curtain-half{width:50%;box-shadow:none;background:var(--curtain-art) 0 0 / 200% 100% no-repeat;border-radius:0}.curtain.art .curtain-half.right{background-position:100% 0}.curtain.art .curtain-half:after{content:none}.curtain-keyhole{background:radial-gradient(circle at 50% 34%,#2a1d0e 0 4px,#0000 4.5px),linear-gradient(#2a1d0e,#2a1d0e) 50% 70%/4px 10px no-repeat,radial-gradient(#e2bd5a 0 60%,#a9822f 61% 70%,#0000 71%);width:22px;height:30px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.curtain.drawing .curtain-half{animation:curtain-open var(--curtain) cubic-bezier(.33, 1, .68, 1) var(--curtain-delay) both}.curtain.drawing .curtain-keyhole{animation:fade-out .24s ease var(--curtain-delay) both}@keyframes curtain-open{to{filter:brightness(.9);transform:scaleX(.14)}}@keyframes fade-out{to{opacity:0}}.room-box.moment{animation:box-bounce var(--bounce) cubic-bezier(.34, 1.56, .64, 1) calc(var(--curtain-delay) + var(--curtain) * .7) both;z-index:2}@keyframes box-bounce{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.room-box.moment:after{content:"";pointer-events:none;animation:glow-in .6s ease calc(var(--curtain-delay) + var(--curtain) * .6) both;border-radius:4px;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #f1c94f,0 0 22px 6px #f1c94fa6}@keyframes glow-in{0%{opacity:0}}.confetti{z-index:4;pointer-events:none;width:0;height:0;position:absolute;top:45%;left:50%}.confetti-bit{opacity:0;width:12px;height:12px;animation:pop-out .9s cubic-bezier(.22, 1, .36, 1) calc(var(--curtain-delay) + var(--curtain) * .75) both;background-clip:padding-box;border-radius:50%;margin:-6px;position:absolute;box-shadow:inset 0 0 0 2px #0000002e}.confetti-bit:after{content:"";background:#00000040;border-radius:50%;position:absolute;inset:35%}@keyframes pop-out{0%{opacity:1;transform:translate(0)scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * 3), calc(var(--dy) * 3)) scale(1)}}.room-box.zoom{animation:box-zoom var(--zoom) cubic-bezier(.65, 0, .35, 1) forwards;z-index:5}@keyframes box-zoom{to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.curtain.drawing .curtain-half{animation-name:fade-out}.room-box.moment,.confetti-bit,.envelope{animation:none}.confetti-bit{display:none}.room-box.zoom{animation-name:fade-out}}[data-reduced-motion] .curtain.drawing .curtain-half{animation-name:fade-out!important}[data-reduced-motion] .room-box.moment,[data-reduced-motion] .envelope{animation:none!important}[data-reduced-motion] .confetti-bit{display:none}[data-reduced-motion] .room-box.zoom{animation-name:fade-out!important}.house-side{gap:var(--space-4);align-content:start;display:grid;position:relative}.house-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.house-head h2{margin:0}.sky-btn{align-items:center;gap:var(--space-2);font-weight:700;display:inline-flex}.sky-btn-orb{border-radius:50%;flex:none;width:24px;height:24px}.sky-btn-orb.sun{background:radial-gradient(circle,#f7c64e 0 55%,#eea23a 56% 66%,#0000 67%)}.sky-btn-orb.moon{background:#f4e3a1;-webkit-mask-image:radial-gradient(circle at 72% 34%,#0000 0 46%,#000 47%);mask-image:radial-gradient(circle at 72% 34%,#0000 0 46%,#000 47%)}.sky-card.house-sky{z-index:20;width:100%;position:relative}.unlock-card,.hint-card{gap:var(--space-3);padding:var(--space-5);background:var(--c-surface);border:2px solid var(--c-border);border-radius:18px;display:grid}.unlock-card{border-color:#e4b343;animation:.42s cubic-bezier(.34,1.56,.64,1) both unlock-in;box-shadow:0 0 0 4px #e4b34333}.unlock-card p,.hint-card p{margin:0}.unlock-title{font-size:var(--fs-3);color:#f1c94f;font-weight:800;line-height:1.1}.unlock-line{font-size:var(--fs-1);line-height:1.35}@keyframes unlock-in{0%{opacity:0;transform:scale(.6)}}[data-reduced-motion] .unlock-card{animation:.2s both fade-in!important}@media (prefers-reduced-motion:reduce){.unlock-card{animation:none}}.hint-title{font-weight:700;font-size:var(--fs-1)}.stitches{gap:8px;display:flex}.stitches>span{border:2px dashed var(--c-text-dim);border-radius:999px;width:30px;height:10px}.stitches>span.done{border-style:solid;border-color:var(--c-good);background:var(--c-good)}.house-tip{margin:0}.house-tint{z-index:3;pointer-events:none;position:absolute;inset:0}.house-garden{position:relative;overflow:hidden}.box-label,.box-hint{z-index:6}.box-pets{padding-left:30%}.room-float{z-index:140;max-width:min(320px,70%);padding:var(--space-3);background:var(--c-surface);border:2px solid var(--c-border);animation:sky-card-in var(--dur-med,.22s) cubic-bezier(.33, 1, .68, 1);transform-origin:100% 0;border-radius:14px;margin:0;position:absolute;top:0;right:0;box-shadow:0 8px 20px #0006}.room-float.pet-away{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.room-float.room-toast{padding:var(--space-2) var(--space-4);color:var(--c-good);font-weight:700}.pet-card{gap:var(--space-2);display:grid}.pet-card-title{margin:0;font-weight:700}.pet-card-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.box-frame-art{object-fit:fill;pointer-events:none;filter:drop-shadow(0 1px 1.5px #3c230a73);width:100%;height:100%;position:absolute;inset:0}.envelope-seal,.letter-seal{background:radial-gradient(circle at 38% 38%,#3a0d12 0 1.4px,#0000 1.8px),radial-gradient(circle at 62% 38%,#3a0d12 0 1.4px,#0000 1.8px),radial-gradient(circle at 38% 62%,#3a0d12 0 1.4px,#0000 1.8px),radial-gradient(circle at 62% 62%,#3a0d12 0 1.4px,#0000 1.8px),radial-gradient(circle at 35% 30%,#d9545f,#a3222f 70%);border-radius:50%;width:20px;height:20px;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #8e1c27,0 0 0 3.5px #a3222f73,0 2px 3px #280a0a66}.letter-card .letter-seal{top:20px;transform:translate(-50%)scale(1.5)}.envelope.on-floor.second{left:32%}.envelope.on-garden.second{left:36%}.letter-card.friend{gap:var(--space-2);padding-top:56px}.letter-label{font-weight:700;font-size:var(--fs-0,1rem);margin-top:var(--space-2)}.letter-name{color:#3a2c18;background:#fffaf0;border-color:#b79a6a}.letter-hint{color:#7a4b1c;margin:0}.letter-card button.primary:disabled{opacity:.5}.pet-blob{pointer-events:none;display:block;position:absolute}.pet-blob>span{display:block;position:absolute}.pet-blob-body{background:radial-gradient(ellipse at 40% 30%, #ffffff73, transparent 60%), var(--body);border:2px dashed #78645059;border-radius:48% 48% 42% 42%/58% 58% 40% 40%;width:56%;height:42%;bottom:12.5%;left:22%;box-shadow:inset 0 -6px 10px #503c282e,0 2px 3px #1e140a40}.pet-blob-eyes{height:22%;position:absolute;top:32%;left:0;right:0}.pet-blob-eyes:before,.pet-blob-eyes:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#7a6a60 0 18%,#2b2420 24%);border-radius:50%;height:100%;position:absolute;top:0}.pet-blob-eyes:before{left:30%}.pet-blob-eyes:after{right:30%}.pet-blob-body:after{content:"";aspect-ratio:1.3;background:var(--ear);border-radius:50% 50% 60% 60%;width:9%;position:absolute;top:58%;left:50%;transform:translate(-50%)}.pet-blob-ear{background:var(--body);width:13%;height:18%;box-shadow:inset 0 0 0 4px var(--body), inset 0 0 0 30px var(--ear);border:2px dashed #78645059;bottom:48%}.pet-blob-ear.left{left:30%}.pet-blob-ear.right{right:30%}.ears-long .pet-blob-ear{border-radius:50% 50% 40% 40%/70% 70% 30% 30%;width:12%;height:34%}.ears-long .pet-blob-ear.left{transform-origin:50% 100%;left:33%;transform:rotate(-8deg)}.ears-long .pet-blob-ear.right{transform-origin:50% 100%;right:33%;transform:rotate(8deg)}.ears-pointy .pet-blob-ear{border-radius:10% 80% 0 0;height:16%}.ears-pointy .pet-blob-ear.right{border-radius:80% 10% 0 0}.ears-round .pet-blob-ear{border-radius:50%;width:14%;height:13%;bottom:46%}.pet-blob-tint{bottom:12.5%;left:22%;border-radius:48% 48% 42% 42%/58% 58% 40% 40%;width:56%;height:42%;inset:auto}.pet-blob.tiny{width:100%;height:100%;position:relative}.box-pet.code{aspect-ratio:1;background:0 0;border-radius:0;height:100%;display:block}.box-pets.has-giant .box-pet{height:70%}.box-pets.has-giant .box-pet.giant{height:140%}.iso-pet-art.chosen{filter:drop-shadow(0 0 2px var(--c-accent)) drop-shadow(0 0 2px var(--c-accent))}.giant-toggle.on{background:var(--c-accent);color:#2a1a05}.hop-in{animation:friend-hop var(--arrival,1.1s) cubic-bezier(.34, 1.4, .64, 1) both;transform-origin:50% 100%}.wiggle{transform-origin:50% 100%;animation:.52s ease-in-out .38s 2 both friend-wiggle}.grow{transform-origin:50% 100%;animation:.9s cubic-bezier(.34,1.56,.64,1) both friend-grow}@keyframes friend-hop{0%{opacity:0;transform:translateY(55%)scale(.25,.2)}35%{opacity:1;transform:translateY(-38%)scale(.85,1.15)}70%{transform:translateY(0)scale(1.15,.85)}85%{transform:translateY(-6%)scale(.97,1.03)}to{opacity:1;transform:none}}@keyframes friend-wiggle{0%,to{transform:none}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes friend-grow{0%{transform:scale(.5)}45%{transform:scale(1.12,.86)}70%{transform:scale(.94,1.08)}to{transform:none}}@media (prefers-reduced-motion:reduce){.hop-in,.wiggle,.grow{animation:none}}[data-reduced-motion] .hop-in,[data-reduced-motion] .wiggle,[data-reduced-motion] .grow{animation:none!important}