/* Manor metrics are in the background's 1920 × 819 coordinate system. */
.manor-home{--manor-ink:#474c3c;--manor-muted:#767a67;--manor-paper:#f7f5ed;--manor-line:rgba(94,101,73,.2);--manor-highlight:rgba(253,244,194,.65);--manor-duration:1050ms;--manor-ease:cubic-bezier(.2,.7,.2,1);--manor-inset:clamp(22px,3vw,48px);--manor-label-size:12px;--manor-control:44px;--manor-pan-x:0px;--manor-pan-y:0px;--manor-zoom:1}
.manor-page{background:var(--manor-paper);color:var(--manor-ink);background-image:none;display:flex;flex-direction:column;overflow:hidden}
.manor-page::before{display:none}
.manor-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(24px,4vh,44px) var(--manor-inset) 20px;flex:none}
.manor-eyebrow{font:10px/1.5 var(--font-en),serif;letter-spacing:.19em;color:var(--manor-muted)}
.manor-header h1{font:400 clamp(24px,2.2vw,36px)/1.3 var(--font-cn),serif;margin:7px 0 0;letter-spacing:.05em}
.manor-header-actions{display:flex;align-items:center;gap:28px}.manor-home .menu-days{gap:8px}.manor-home .menu-days .num{font-size:24px;color:var(--manor-ink)}.manor-home .menu-days .lab{font:11px var(--font-cn);letter-spacing:0;color:var(--manor-muted)}
.manor-header button,.manor-tools header button,.manor-quick-links button{background:transparent;color:var(--manor-ink);border:1px solid var(--manor-line);min-height:var(--manor-control);font:12px var(--font-cn);cursor:pointer;border-radius:24px;padding:10px 18px}.manor-header button span{margin-left:14px}
.manor-viewport{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--manor-paper);isolation:isolate}
.manor-world{position:relative;flex:none;aspect-ratio:1920 / 819;width:var(--manor-world-width,100%);transform:translate(var(--manor-pan-x),var(--manor-pan-y)) scale(var(--manor-zoom));transform-origin:50.5% 66%;transition:transform var(--manor-duration) var(--manor-ease);will-change:transform}
.manor-world.tracking{transition:transform 300ms ease-out}.manor-background{display:block;width:100%;height:100%;pointer-events:none;user-select:none}
.manor-crop{position:absolute;inset:0;overflow:hidden;display:block;pointer-events:none}.manor-crop img{position:absolute;max-width:none;pointer-events:none;user-select:none}
.manor-object,.manor-door-target{position:absolute;border:0;padding:0;background:transparent;cursor:pointer;color:var(--manor-ink);overflow:visible;transition:filter 200ms ease;touch-action:pan-x}
.manor-object{filter:drop-shadow(0 4px 4px rgba(42,48,26,.16))}.manor-object:hover,.manor-object:focus-visible{filter:drop-shadow(0 0 7px var(--manor-highlight)) brightness(1.055)}
.manor-label{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;white-space:nowrap;font:var(--manor-label-size)/1.5 var(--font-cn),serif;padding:5px 10px;border:1px solid rgba(255,255,245,.65);border-radius:22px;background:rgba(250,248,230,.88);box-shadow:0 2px 10px rgba(40,43,29,.12);pointer-events:none;transition:background 180ms ease}.manor-label i{font-style:normal;color:#879172}.manor-object:hover .manor-label,.manor-door-target:hover .manor-label{background:#fff9df}
.manor-doorway{position:absolute;perspective:350px;pointer-events:none}.manor-backplate{background:#20180e}.manor-leaf{position:absolute;top:0;width:50.1%;height:100%;transition:transform 950ms var(--manor-ease);transform-style:preserve-3d;backface-visibility:hidden}.manor-leaf-left{left:0;transform-origin:0 50%}.manor-leaf-right{right:0;transform-origin:100% 50%}.door-open .manor-leaf-left{transform:rotateY(-104deg)}.door-open .manor-leaf-right{transform:rotateY(104deg)}
.manor-door-target{min-width:var(--manor-control);min-height:var(--manor-control)}.manor-door-target:hover{box-shadow:0 0 14px var(--manor-highlight)}.manor-door-target .manor-label{bottom:-28px}.manor-mailbox .manor-label{bottom:-18px}
.manor-home button:focus-visible,.manor-home a:focus-visible{outline:2px solid #6c8061;outline-offset:4px}.manor-home[data-manor-phase="opening"] [data-manor-action],.manor-home[data-manor-phase="closing"] [data-manor-action]{pointer-events:none}
.manor-outward{position:absolute;left:48%;top:92%;min-height:44px;min-width:70px;border:0;background:transparent;cursor:pointer;color:var(--manor-ink);opacity:0;transition:opacity 180ms ease;text-shadow:0 1px 5px #fff}.manor-outward span{font:26px/1 serif;display:block}.manor-outward small{font:10px var(--font-cn)}.manor-outward:hover,.manor-outward:focus-visible{opacity:1}
.manor-footer{flex:none;padding:22px var(--manor-inset) calc(25px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:20px}.manor-footer p{font:12px/1.8 var(--font-cn);color:var(--manor-muted);margin:7px 0 0}.manor-quick-links{display:flex;gap:8px}.manor-quick-links button{border-color:transparent}.manor-quick-links button:hover{border-color:var(--manor-line);background:#efeee2}.manor-pan-note{display:none}
.manor-tools{position:absolute;right:var(--manor-inset);top:100px;bottom:100px;width:min(620px,calc(100% - 2 * var(--manor-inset)));z-index:5;border:1px solid var(--manor-line);border-radius:22px;background:rgba(250,249,242,.98);box-shadow:0 18px 55px rgba(40,48,29,.18);display:flex;flex-direction:column;overflow:hidden}.manor-tools[hidden]{display:none}.manor-tools>header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--manor-line)}.manor-tools h2{font:400 20px var(--font-cn);margin:0}.manor-tools .menu-scroll{padding:20px 24px;display:block}.manor-tools .wb-home-links{margin:0;padding:0;border:0;background:none;box-shadow:none}.manor-tools .wb-home-links>p{display:none}.manor-status{position:absolute;bottom:98px;left:50%;transform:translateX(-50%);margin:0;max-width:90%;font:12px/1.7 var(--font-cn);background:var(--manor-paper);padding:10px 18px;border-radius:22px;box-shadow:0 4px 20px #0002;z-index:6}.manor-status:empty{display:none}
.manor-entry-copy{font:14px/1.9 var(--font-cn);color:var(--text-soft)}.manor-entry-room{display:block;text-decoration:none;color:var(--text);padding:22px;border:1px solid var(--hairline);border-radius:16px;background:var(--card-bg)}.manor-entry-room strong,.manor-entry-room small{display:block}.manor-entry-room small{margin-top:7px;color:var(--text-soft)}
@media(min-width:1000px){.manor-page{left:var(--ys-nav-offset,0px)}}
@media(max-width:999px){.manor-page{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.manor-header{padding-top:calc(22px + env(safe-area-inset-top))}.manor-header-actions{gap:10px}.manor-home .menu-days{display:none}.manor-viewport{overflow-x:auto;justify-content:flex-start;overscroll-behavior-x:contain;scrollbar-width:none}.manor-viewport::-webkit-scrollbar{display:none}.manor-world{--manor-zoom:1!important}.manor-footer{flex-direction:column;align-items:flex-start;padding-top:20px;padding-bottom:20px;gap:10px}.manor-quick-links{width:100%;justify-content:space-between}.manor-quick-links button{border-color:var(--manor-line);flex:1;padding-inline:8px}.manor-pan-note{display:block;font:10px/1.7 var(--font-cn);color:var(--manor-muted);margin-top:9px}.manor-tools{top:94px;bottom:calc(80px + env(safe-area-inset-bottom))}.manor-footer .manor-eyebrow{font-size:9px}.manor-label{font-size:11px}.manor-mailbox .manor-label{left:115%;bottom:-26px}.manor-door-target .manor-label{bottom:-42px}.manor-status{bottom:160px}.manor-object{min-width:24px}}
@media(prefers-reduced-motion:reduce){.manor-home{--manor-duration:1ms}.manor-world,.manor-leaf{transition-duration:1ms!important}}

/* Preserve the legacy home mounting anchor inside the functional drawer. */
.manor-host-anchor{display:none}

/* Fullscreen exterior and a deliberate two-step porch interaction. */
.manor-page{left:0!important;padding:0!important;height:100dvh;min-height:100%;background:var(--manor-paper)}
.manor-viewport{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x}.manor-viewport::-webkit-scrollbar{display:none}
.manor-world{transform-origin:53.2% 66%;--manor-zoom:inherit!important}.manor-world.tracking{transition:transform 300ms ease-out}
.manor-header{position:absolute;left:0;right:0;top:0;z-index:4;align-items:center;padding:calc(20px + env(safe-area-inset-top)) clamp(18px,3vw,42px);pointer-events:none;gap:16px}.manor-header>div:first-of-type{margin-right:auto}.manor-header button{pointer-events:auto;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #fff7;background:#f8f5e9bb;backdrop-filter:blur(12px);border-radius:50%;font-size:18px;box-shadow:0 3px 14px #2931220b}.manor-header h1{font-size:22px;margin:4px 0 0;text-shadow:0 1px 12px #fff}.manor-header .manor-eyebrow{color:#5f6856;text-shadow:0 1px 8px #fff}.manor-header .menu-days{display:none}.manor-header-actions{gap:10px}.manor-header button span{margin:0}.manor-header button:disabled{opacity:.55;cursor:default}
.manor-label,.manor-quick-links{display:none!important}.manor-footer{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));padding:0 20px!important;display:block;text-align:center;pointer-events:none}.manor-footer .manor-eyebrow,.manor-footer p{display:none}.manor-pan-note{display:none}.manor-pan-controls{display:none}.manor-object,.manor-door-target{touch-action:pan-x;min-height:44px;min-width:44px}.manor-door-target:hover,.manor-door-target:focus-visible{box-shadow:0 0 12px #f9efb670}.manor-object:hover{filter:drop-shadow(0 0 5px #fff3c080) brightness(1.035)}
.manor-porch-back{position:absolute;top:calc(92px + env(safe-area-inset-top));left:clamp(18px,3vw,42px);z-index:4;min-height:44px;padding:10px 16px;border:1px solid #ffffff66;border-radius:24px;background:#f7f3e8db;color:var(--manor-ink);font:12px var(--font-cn);cursor:pointer;backdrop-filter:blur(12px)}.manor-porch-back[hidden],.manor-porch-note[hidden]{display:none}.manor-porch-note{position:absolute;top:calc(94px + env(safe-area-inset-top));right:clamp(18px,3vw,42px);z-index:4;padding:10px 16px;margin:0;background:#f7f3e8c9;border-radius:24px;color:var(--manor-ink);font:12px/1.6 var(--font-cn);pointer-events:none;backdrop-filter:blur(12px)}
.manor-home[data-manor-phase="approaching"] [data-manor-action]{pointer-events:none}.manor-home[data-manor-phase="porch"] .manor-spring,.manor-home[data-manor-phase="porch"] .manor-garden{pointer-events:none}
.ys-manor-visible .ys-global-nav{transform:translateX(-110%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.ys-manor-visible.manor-nav-open .ys-global-nav{transform:none;opacity:1;pointer-events:auto;z-index:230}.ys-manor-visible .ys-nav-toggle{display:none!important}.ys-manor-visible .ys-mobile-more{z-index:231}
.manor-night-background{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 2200ms ease}.manor-background{transition:opacity 2200ms ease}.manor-night .manor-night-background{opacity:1}.manor-night .manor-background{opacity:0}.manor-night .manor-header h1,.manor-night .manor-header .manor-eyebrow{color:#f5ecda;text-shadow:0 1px 12px #1b263b}
.manor-tools{top:84px;bottom:24px}.manor-tools .wb-grid button{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:100px}.manor-tools .manor-function-icon{font:34px/1.4 serif;color:#89947c;margin-bottom:8px}.manor-tools .ys-home-section{margin-bottom:22px}.manor-outward{z-index:3;top:90%;height:44px}.manor-status{bottom:60px}
@media(max-width:999px){.ys-manor-visible .ys-global-nav{transform:translateY(120%)}.ys-manor-visible.manor-nav-open .ys-global-nav{transform:none}.manor-header{gap:10px}.manor-header h1{font-size:18px}.manor-header .manor-eyebrow{font-size:8px}.manor-header-actions{gap:8px}.manor-pan-note{display:block;padding:6px 10px;width:max-content;margin:0 auto;background:#f7f3e8b8;border-radius:20px;color:var(--manor-ink);font:11px var(--font-cn)}.manor-pan-controls{position:absolute;left:18px;right:18px;bottom:0;display:flex;justify-content:space-between}.manor-pan-controls button{pointer-events:auto;height:44px;width:44px;border:1px solid #fff8;border-radius:50%;background:#f7f3e8bf;color:var(--manor-ink);font:25px serif;cursor:pointer}.manor-porch-note{top:auto;bottom:calc(76px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);font-size:11px}.manor-tools{left:14px;right:14px;width:auto;top:86px;bottom:18px}.manor-header #manor-time-toggle{width:38px;min-width:38px;height:38px;min-height:38px}.manor-viewport{padding-bottom:0}}

.ys-manor-visible .wb-panel{left:0!important;right:0!important;width:auto!important}.ys-manor-visible.manor-nav-open .manor-header{z-index:240}

/* Porch controls stay away from the physical door and mailbox on short screens. */
.manor-home:is([data-manor-phase="approaching"],[data-manor-phase="porch"],[data-manor-phase="opening"],[data-manor-phase="inside"]) .manor-viewport{overflow-x:hidden;touch-action:none}
.manor-home:is([data-manor-phase="approaching"],[data-manor-phase="porch"],[data-manor-phase="opening"],[data-manor-phase="inside"]) .manor-pan-controls,.manor-home:is([data-manor-phase="approaching"],[data-manor-phase="porch"],[data-manor-phase="opening"],[data-manor-phase="inside"]) .manor-pan-note{visibility:hidden}
@media(max-width:999px) and (max-height:500px) and (orientation:landscape){.manor-porch-note{top:94px;bottom:auto;left:auto;right:18px;transform:none;max-width:50%;font-size:10px;padding:8px 12px}}

/* Matching night artwork fades over an opaque day layer; PNG bytes stay unchanged. */
.manor-background{position:relative;z-index:0;opacity:1!important}.manor-night-background{z-index:1}.manor-object,.manor-doorway,.manor-door-target{z-index:2}
.manor-spring,.manor-garden,.manor-mailbox,.manor-doorway{transition:filter 2200ms ease}
.manor-night .manor-spring,.manor-night .manor-garden{filter:brightness(.62) saturate(.8) drop-shadow(0 4px 4px #0d17294d)}.manor-night .manor-mailbox{filter:brightness(.78) saturate(.8)}.manor-night .manor-doorway{filter:brightness(.86) saturate(.88)}
.manor-night .manor-object:hover,.manor-night .manor-object:focus-visible{filter:brightness(.84) saturate(.85) drop-shadow(0 0 7px #f6dc9166)}
@media(max-width:999px){.manor-header #manor-time-toggle{width:44px;min-width:44px;height:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.manor-night-background,.manor-background,.manor-spring,.manor-garden,.manor-mailbox,.manor-doorway{transition-duration:1ms!important}}

/* Prevent dragged/tapped scene images from receiving browser selection tint. */
.manor-world,.manor-header,.manor-home button{user-select:none;-webkit-user-select:none}.manor-home button{-webkit-tap-highlight-color:transparent}

/* One scene-lighting timeline drives artwork, tint, steam and contact shadows. */
@property --manor-lighting-progress{syntax:'<number>';inherits:true;initial-value:0}
.manor-home{--manor-lighting-progress:0;transition:transform .38s var(--ease-soft),opacity .28s ease,--manor-lighting-progress 2200ms ease}
.manor-home.manor-night{--manor-lighting-progress:1}
.manor-home .manor-night-background{opacity:var(--manor-lighting-progress);transition:none}
.manor-home .manor-object,.manor-home .manor-doorway{transition:none}
.manor-home .manor-spring,.manor-home .manor-garden{
 --manor-scenery-filter:brightness(calc(.98 - .61 * var(--manor-lighting-progress))) saturate(calc(.94 - .44 * var(--manor-lighting-progress))) sepia(calc(.52 * var(--manor-lighting-progress))) hue-rotate(calc(175deg * var(--manor-lighting-progress))) blur(.18px) drop-shadow(0 1px 2px #07152c26);
 filter:var(--manor-scenery-filter)
}
.manor-home .manor-mailbox{filter:brightness(calc(.94 - .28 * var(--manor-lighting-progress))) saturate(calc(.86 - .14 * var(--manor-lighting-progress))) blur(.22px)}
.manor-home .manor-doorway{filter:brightness(calc(1 - .14 * var(--manor-lighting-progress))) saturate(calc(1 - .12 * var(--manor-lighting-progress)))}
.manor-home.manor-night .manor-spring:hover,.manor-home.manor-night .manor-spring:focus-visible,.manor-home.manor-night .manor-garden:hover,.manor-home.manor-night .manor-garden:focus-visible,.manor-home .manor-spring:hover,.manor-home .manor-garden:hover{filter:var(--manor-scenery-filter)}
.manor-home.manor-night .manor-mailbox:hover,.manor-home.manor-night .manor-mailbox:focus-visible{filter:brightness(calc(.94 - .28 * var(--manor-lighting-progress))) saturate(calc(.86 - .14 * var(--manor-lighting-progress))) blur(.22px)}
/* Alpha remains intact; this duplicate of the supplied steam lifts only the upper mist. */
.manor-spring .manor-crop::after{content:'';position:absolute;inset:0;background:url('../../../assets/manor/v2/hot-spring-steam-v2.png') center/100% 100% no-repeat;mask-image:linear-gradient(to bottom,#000 0%,#000 34%,transparent 58%);opacity:var(--manor-lighting-progress);filter:brightness(calc(1 + 1.08 * var(--manor-lighting-progress)));pointer-events:none}
/* Soft ground ellipses, not rectangular underlays or altered PNG pixels. */
.manor-spring::before,.manor-garden::before,.manor-mailbox::before{content:'';position:absolute;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,#10151c70 0%,#10151c35 32%,transparent 70%);opacity:calc(.45 + .25 * var(--manor-lighting-progress));filter:blur(2px)}
.manor-spring::before{left:5%;width:90%;height:10%;bottom:6.5%}
.manor-garden::before{left:5%;width:90%;height:9%;bottom:3.8%}
.manor-mailbox .manor-crop{left:50%;right:auto;transform:translateX(-50%);width:var(--manor-mailbox-art-width);height:100%}
.manor-mailbox::before{left:25%;width:77%;height:9%;bottom:-2%;transform:skewX(-24deg) rotate(-8deg);filter:blur(.8px);opacity:calc(.56 + .2 * var(--manor-lighting-progress))}
@media(prefers-reduced-motion:reduce){.manor-home{transition-duration:1ms!important}}
/* The original foreground shrubs occlude the rear-set pool, in world coordinates. */
.manor-spring-foreground{position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:polygon(14% 74%,17% 74.5%,18% 73.8%,21% 74.4%,23% 75%,25% 74.1%,27% 75.1%,30% 74.6%,34% 75.5%,35% 100%,14% 100%);mask-image:linear-gradient(to bottom,transparent 73%,#000 75.3%)}
.manor-spring-foreground img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}
.manor-spring-foreground .manor-foreground-night{opacity:var(--manor-lighting-progress)}

/* Preserve artwork hues under moonlight; interaction light follows the PNG alpha. */
.manor-home .manor-object,.manor-home .manor-doorway{--manor-interaction-lift:0}
.manor-home .manor-spring,.manor-home .manor-garden,.manor-home.manor-night .manor-spring:is(:hover,:focus-visible),.manor-home.manor-night .manor-garden:is(:hover,:focus-visible),.manor-home .manor-spring:is(:hover,:focus-visible),.manor-home .manor-garden:is(:hover,:focus-visible){filter:brightness(calc(.98 - .45 * var(--manor-lighting-progress) + .1 * var(--manor-interaction-lift))) saturate(calc(.98 + .04 * var(--manor-lighting-progress))) hue-rotate(calc(8deg * var(--manor-lighting-progress))) blur(.18px) drop-shadow(0 1px 2px #07152c26) drop-shadow(0 0 5px rgb(187 231 233 / calc(.7 * var(--manor-interaction-lift))))}
.manor-home .manor-mailbox,.manor-home.manor-night .manor-mailbox:is(:hover,:focus-visible),.manor-home .manor-mailbox:is(:hover,:focus-visible){filter:brightness(calc(.94 - .28 * var(--manor-lighting-progress) + .12 * var(--manor-interaction-lift))) saturate(calc(.96 - .04 * var(--manor-lighting-progress))) blur(.22px) drop-shadow(0 0 4px rgb(255 224 160 / calc(.75 * var(--manor-interaction-lift))))}
.manor-home .manor-doorway{filter:brightness(calc(1 - .14 * var(--manor-lighting-progress) + .14 * var(--manor-interaction-lift))) saturate(calc(1 - .04 * var(--manor-lighting-progress))) drop-shadow(0 0 5px rgb(255 221 148 / calc(.7 * var(--manor-interaction-lift))))}
.manor-home .manor-door-target:is(:hover,:focus-visible){box-shadow:none}
.manor-home .manor-object:focus-visible,.manor-home:has(.manor-door-target:focus-visible) .manor-doorway{--manor-interaction-lift:1}
.manor-home .manor-object:focus-visible,.manor-home .manor-door-target:focus-visible{outline:2px solid #c7e9dc;outline-offset:3px;border-radius:8px}
@media(hover:hover) and (pointer:fine){.manor-home .manor-object:hover,.manor-home:has(.manor-door-target:hover) .manor-doorway{--manor-interaction-lift:1}}
/* Keep mist legible without whitening the pool or its plants. */
.manor-home .manor-spring .manor-crop::after{filter:brightness(calc(1 + .35 * var(--manor-lighting-progress)))}
/* Explicit dragging stops where the user releases; no native fling or snap conflict. */
@media(max-width:999px){.manor-home[data-manor-phase="outside"] .manor-viewport,.manor-home[data-manor-phase="outside"] .manor-object,.manor-home[data-manor-phase="outside"] .manor-door-target,.manor-home[data-manor-phase="outside"] .manor-outward{touch-action:none}.manor-home[data-manor-phase="outside"] .manor-viewport{cursor:grab}.manor-home[data-manor-phase="outside"] .manor-viewport:active{cursor:grabbing}.manor-pan-controls{gap:12px}.manor-pan-controls #manor-pan-center{font-size:24px}.manor-pan-note{margin-bottom:50px}}
/* The new pool is cropped to its visible body; steam remains a separate reusable layer. */
.manor-home .manor-spring .manor-crop::after{content:none}
.manor-steam{position:absolute;inset:0;pointer-events:none}
.manor-steam i{position:absolute;bottom:22%;width:10%;height:65%;border-radius:50%;background:radial-gradient(ellipse,#eff9f5b8,transparent 68%);filter:blur(2px);opacity:0;animation:manor-mist 5.8s ease-in-out infinite}
.manor-steam i:nth-child(1){left:20%;animation-delay:-1s}.manor-steam i:nth-child(2){left:43%;animation-delay:-3.5s}.manor-steam i:nth-child(3){left:65%;animation-delay:-5s}
@keyframes manor-mist{0%{transform:translate(0,3px) scale(.85);opacity:0}35%{opacity:.48}75%{opacity:.16}100%{transform:translate(4px,-10px) scale(1.15);opacity:0}}
/* A softly sprayed mark on the outgoing stone path; the town still shows its existing pending message. */
.manor-home .manor-outward{left:48%;top:83%;width:80px;height:82px;opacity:1;color:#fffdf4;text-shadow:0 1px 4px #24362999;display:flex;align-items:center;flex-direction:column;gap:0;animation:manor-town-guide 3.2s ease-in-out infinite;filter:drop-shadow(0 1px 3px #1b302f88)}
.manor-town-arrow{display:block;width:54px;height:54px;overflow:visible}.manor-home .manor-outward small{font-size:10px;letter-spacing:.08em}
@keyframes manor-town-guide{0%,100%{transform:translateY(0);opacity:.88}50%{transform:translateY(5px);opacity:1}}
.manor-home:is([data-manor-phase="approaching"],[data-manor-phase="porch"],[data-manor-phase="opening"],[data-manor-phase="inside"]) .manor-outward{visibility:hidden}
@media(prefers-reduced-motion:reduce){.manor-steam i{animation:none;opacity:.18;transform:none}.manor-home .manor-outward{animation:none;opacity:1}}
@media(max-width:999px){.manor-home .manor-outward{top:calc(100% - 145px);width:64px;height:62px}.manor-town-arrow{width:44px;height:44px}}
@media(max-width:999px) and (max-height:500px) and (orientation:landscape){.manor-home .manor-outward{left:62%;top:76%;width:60px;height:52px}.manor-town-arrow{width:36px;height:36px}}
/* Keep the low pool aspect ratio while retaining a 44px minimum touch target. */
.manor-home .manor-spring .manor-crop{top:0;bottom:auto;height:var(--manor-spring-art-height)}
.manor-home .manor-steam{bottom:auto;height:var(--manor-spring-art-height)}

.manor-home .manor-outward small{white-space:nowrap;font-size:9px}

/* Screen-fixed spray arrows reuse the outgoing-path mark, with no flat round plates. */
.manor-home .manor-pan-controls{display:flex;position:absolute;left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);bottom:0;justify-content:space-between;align-items:center;gap:12px}
.manor-home .manor-pan-controls .manor-spray-control{display:grid;place-items:center;pointer-events:auto;min-width:52px;width:52px;min-height:48px;height:48px;padding:0;border:0;background:transparent;border-radius:10px;box-shadow:none;color:#fffdf4;cursor:pointer;filter:drop-shadow(0 1px 3px #20332a99)}
.manor-pan-arrow{width:48px;height:48px;display:block;pointer-events:none;transform:rotate(var(--manor-arrow-angle));animation:manor-pan-guide 3.4s ease-in-out infinite}
@keyframes manor-pan-guide{0%,100%{opacity:.86;transform:translateX(0) rotate(var(--manor-arrow-angle))}50%{opacity:1;transform:translateX(var(--manor-arrow-nudge)) rotate(var(--manor-arrow-angle))}}
.manor-home .manor-pan-controls .manor-spray-control:disabled{opacity:.32;cursor:default;filter:drop-shadow(0 1px 1px #20332a66)}
.manor-spray-control:disabled .manor-pan-arrow{animation:none}
.manor-home .manor-pan-note{background:none;box-shadow:none;text-shadow:0 1px 4px #ffffff80;color:#5f695b;margin-bottom:50px}
.manor-home.manor-night .manor-pan-note{color:#eeeadd;text-shadow:0 1px 4px #10243e}
@media(prefers-reduced-motion:reduce){.manor-pan-arrow{animation:none}.manor-home .manor-relief-control,body.ys-manor-visible #ysWorkbench .wb-header>button,.manor-home #manor-tools .wb-grid button{transition:none}}
.manor-home .manor-pan-controls button{pointer-events:auto}
.manor-home .manor-pan-note{display:none!important}
/* White graphic controls: transparent hit areas, no plates, borders or panel frames. */
.manor-home .manor-glyph-control,.manor-home .manor-glyph-control:is(:hover,:active,:focus-visible),.manor-home #manor-pan-center[data-centered],.manor-home #manor-pan-center:is(:hover,:active,:focus-visible),body.ys-manor-visible #ysWorkbench .wb-header>button,body.ys-manor-visible #ysWorkbench .wb-header>button:is(:hover,:active,:focus-visible),.manor-home #manor-tools .wb-grid button,.manor-home #manor-tools .wb-grid button:is(:hover,:active,:focus-visible){background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:#fffdf4;text-shadow:0 1px 3px #17352db3;transform:none;outline:none}
.manor-home .manor-glyph-control,body.ys-manor-visible #ysWorkbench .wb-header>button{position:relative;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;cursor:pointer}
.manor-home .manor-header .manor-glyph-control,.manor-home #manor-tools-close,.manor-home #manor-pan-center,.manor-home .manor-porch-back,body.ys-manor-visible #ysWorkbench .wb-header>button{width:44px;height:44px}
.manor-home .manor-control-icon,body.ys-manor-visible #ysWorkbench .manor-control-icon{width:25px;height:25px;stroke-width:2.2;filter:url(#manor-spray) drop-shadow(0 0 1px #183c32b3) drop-shadow(0 1px 2px #122a25b3);transition:filter 160ms ease,transform 160ms ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){.manor-home .manor-glyph-control:hover .manor-control-icon,body.ys-manor-visible #ysWorkbench .wb-header>button:hover .manor-control-icon{filter:url(#manor-spray) drop-shadow(0 1px 2px #122a2599) drop-shadow(0 0 3px #ffffff99);transform:translateY(-1px)}}
.manor-home .manor-glyph-control:active .manor-control-icon,body.ys-manor-visible #ysWorkbench .wb-header>button:active .manor-control-icon{transform:translateY(1px) scale(.94);filter:url(#manor-spray) drop-shadow(0 1px 1px #122a25b3)}
.manor-home .manor-glyph-control:focus-visible .manor-control-icon,.manor-home .manor-spray-control:focus-visible .manor-pan-arrow,body.ys-manor-visible #ysWorkbench .wb-header>button:focus-visible .manor-control-icon{filter:url(#manor-spray) drop-shadow(0 0 2px #17352d) drop-shadow(0 0 4px #ffffff)}
.manor-home .manor-glyph-control:focus-visible::after,.manor-home .manor-spray-control:focus-visible::after,body.ys-manor-visible #ysWorkbench .wb-header>button:focus-visible::after{content:'';position:absolute;left:calc(50% - 5px);bottom:3px;width:10px;height:2px;background:#fffdf4;border-radius:1px;filter:drop-shadow(0 1px 1px #122a25);pointer-events:none}
.manor-home .manor-spray-control:focus-visible{outline:none}
.manor-home .manor-spray-control{position:relative}
.manor-home .manor-tools{background:transparent;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;color:#fffdf4}
.manor-home .manor-tools>header{border-bottom:0}.manor-home .manor-tools h2,.manor-home #manor-tools .ys-home-section h3{color:#fffdf4;text-shadow:0 1px 3px #122a25}
.manor-home #manor-tools .manor-function-icon{color:#fffdf4;filter:brightness(0) invert(1) drop-shadow(0 1px 2px #122a25)}
.manor-home .manor-porch-note,.manor-home .manor-status{background:transparent;box-shadow:none;border:0;border-radius:0;backdrop-filter:none;color:#fffdf4;text-shadow:0 1px 3px #122a25}
@media(prefers-reduced-motion:reduce){.manor-home .manor-control-icon,body.ys-manor-visible #ysWorkbench .manor-control-icon{transition:none}}

.manor-home #manor-tools :is(button,a),.manor-home #manor-tools :is(button,a):is(:hover,:active,:focus-visible){background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none;color:#fffdf4;text-shadow:0 1px 3px #122a25}
.manor-home #manor-tools .ys-home-residents span{background:transparent;border:0;border-radius:0;box-shadow:none;color:#fffdf4;text-shadow:0 1px 3px #122a25}
.manor-home #manor-tools :is(small,strong){color:#fffdf4;text-shadow:0 1px 3px #122a25}
.manor-home .manor-glyph-control[hidden],body.ys-manor-visible #ysWorkbench .wb-header>button[hidden]{display:none}

/* Actual day/night PNGs follow the same background-lighting timeline. */
.manor-home :is(.manor-spring,.manor-garden) .manor-art-day{opacity:calc(1 - var(--manor-lighting-progress))}
.manor-home :is(.manor-spring,.manor-garden) .manor-art-night{opacity:var(--manor-lighting-progress)}
.manor-home .manor-spring,.manor-home .manor-garden,.manor-home.manor-night .manor-spring:is(:hover,:focus-visible),.manor-home.manor-night .manor-garden:is(:hover,:focus-visible),.manor-home .manor-spring:is(:hover,:focus-visible),.manor-home .manor-garden:is(:hover,:focus-visible){filter:brightness(calc(1 + .1 * var(--manor-interaction-lift))) drop-shadow(0 0 4px rgb(187 231 233 / calc(.55 * var(--manor-interaction-lift))))}
.manor-home .manor-garden,.manor-home .manor-garden:hover{--manor-interaction-lift:var(--manor-alpha-hover,0)}
.manor-home .manor-garden:focus-visible{--manor-interaction-lift:1}
.manor-home .manor-spring .manor-crop{overflow:visible}
.manor-home .manor-steam{opacity:calc(1 - .85 * var(--manor-lighting-progress))}
.manor-arch-foreground{position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:polygon(88.8% 74.8%,98.3% 74.8%,98.3% 100%,88.8% 100%);mask-image:linear-gradient(to bottom,transparent 74.8%,#000 76.2%)}
.manor-arch-foreground img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}
.manor-arch-foreground .manor-foreground-night{opacity:var(--manor-lighting-progress)}
.manor-home #manor-pan-center{position:absolute;left:calc(50% - 22px)}

/* Art boxes use scene percentages only; minimum touch areas cannot stretch PNGs. */
.manor-home .manor-object{min-width:0;min-height:0}
.manor-home .manor-object::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%);background:transparent}
.manor-home .manor-mailbox .manor-crop{inset:0;width:100%;height:100%;transform:none}
.manor-home .manor-spring .manor-crop{height:100%}
.manor-home .manor-mailbox,.manor-home .manor-mailbox:hover{--manor-interaction-lift:var(--manor-alpha-hover,0)}
.manor-home .manor-mailbox:focus-visible{--manor-interaction-lift:1}
.manor-home .manor-door-target{min-width:0;min-height:0}
.manor-home .manor-door-target::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
.manor-arch-foreground{clip-path:polygon(88.8% 79.1%,98.3% 79.1%,98.3% 100%,88.8% 100%);mask-image:linear-gradient(to bottom,transparent 79.1%,#000 80.6%)}

/* Rose mailbox rests on the road: compact shadow at its physical foot, in the same scene. */
.manor-home .manor-mailbox::before{left:43%;width:55%;height:3%;bottom:-.5%;transform:none;filter:blur(calc(var(--manor-mailbox-art-width) * .008));background:radial-gradient(ellipse,#1b231b85 0%,#1b231b3d 34%,transparent 72%);opacity:calc(.62 + .12 * var(--manor-lighting-progress))}