@font-face{font-family:Woodland;src:url('assets/woodland-serif.otf') format('opentype');font-display:swap}
@font-face{font-family:Woodland;src:url('assets/woodland-serif-italic.otf') format('opentype');font-style:italic;font-display:swap}
:root{color-scheme:dark;--cream:#fff2d4;--gold:#e6c783;--muted:#e1d1b0;--olive:#3e522e;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;background:#241d15}
body{color:var(--cream)}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible{outline:3px solid #fff4ce;outline-offset:6px}
.home{position:relative;isolation:isolate;min-height:760px;height:100svh;overflow:hidden;background:#312c1e}
.room,.shade,.twilight{position:absolute;inset:0;pointer-events:none}
.room{z-index:-5;background:url('assets/woodland-room-lossless.webp') center center/cover no-repeat;transition:filter 1.5s ease}
.shade{z-index:-4;background:linear-gradient(90deg,rgba(17,19,13,.61) 0%,rgba(21,22,15,.3) 35%,transparent 64%),linear-gradient(0deg,rgba(19,21,14,.92),transparent 25%,transparent 75%,rgba(21,24,15,.35))}
.twilight{z-index:-3;background:linear-gradient(90deg,rgba(14,25,36,.46),rgba(14,27,48,.25));mix-blend-mode:multiply;opacity:0;transition:opacity 1.5s ease}
.masthead{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:43px 5.4vw}
.wordmark{position:relative;font-family:Woodland,Palatino,'Palatino Linotype',Georgia,serif;font-size:42px;font-style:italic;line-height:1;letter-spacing:-1px}
.wordmark-star{font-family:Georgia,serif;font-size:9px;color:var(--gold);display:inline-block;transform:translateY(1px);font-style:normal;letter-spacing:0;margin:0 .5px}
.home-label{display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:2px;font-weight:400;font-style:normal;margin-top:13px;color:var(--muted)}
.room-controls{position:relative;display:flex;gap:12px;align-items:center;margin-left:auto}
.time-switch{min-height:44px;padding:12px 15px;display:flex;align-items:center;gap:10px;background:rgba(27,35,22,.72);border:1px solid rgba(245,228,184,.27);border-radius:30px;font-size:13px;backdrop-filter:blur(8px);box-shadow:0 3px 15px #10200d16;transition:background .2s,border-color .2s}
.time-switch:hover{background:rgba(45,55,31,.92);border-color:rgba(245,228,184,.6)}
.sound-toggle{width:44px;height:44px;padding:12px;flex:0 0 44px;justify-content:center}
.sound-toggle:disabled{cursor:wait;opacity:1}
.sound-on{display:none}
.sound-toggle[aria-pressed="true"] .sound-on{display:block}
.sound-toggle[aria-pressed="true"] .sound-off{display:none}
.sound-notice{position:absolute;right:0;top:calc(100% + 12px);width:260px;max-width:calc(100vw - 50px);font-size:14px;line-height:1.5;margin:0;padding:12px 15px;background:#27321f;border:1px solid #e3ce9966;border-radius:8px;color:var(--cream)}
.lighting-control{position:relative;cursor:pointer;gap:9px}
.phase-select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;line-height:1.4;cursor:pointer;padding:0 15px 0 0;max-width:160px}
.phase-select option{background:#27321f;color:#fff2d4}
.phase-select:focus{outline:none;box-shadow:none}
.phase-select:focus-visible{outline:1px solid #f2dda899;outline-offset:3px;border-radius:1px}
.phase-select:focus:not(:focus-visible){outline:none;box-shadow:none}
.phase-select,.lighting-control{-webkit-tap-highlight-color:transparent}
:root[data-input="pointer"] .phase-select:focus{outline:none;box-shadow:none}
.phase-chevron{position:absolute;right:14px;pointer-events:none}
.moon-icon{display:none}
.welcome{position:relative;z-index:4;width:min(47%,590px);padding-top:clamp(145px,19vh,225px);margin-left:7.5vw;padding-bottom:130px}
.eyebrow{margin:0 0 27px;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2px;font-weight:500;line-height:1.6;color:#e6d3a7}
.eyebrow span{display:block;flex-shrink:0;width:25px;height:1px;background:#d8be7e}
h1{font-family:Woodland,Palatino,'Palatino Linotype',Georgia,serif;font-size:clamp(62px,6.6vw,100px);font-weight:400;line-height:1.02;letter-spacing:-2.5px;margin:0 0 23px;text-shadow:0 3px 26px #22190c4d}
h1 em{font-size:.72em;line-height:1.18;font-weight:400;letter-spacing:-1.5px;color:#f2ddb0}
.title-stop{color:var(--gold)}
.invitation{font-family:Woodland,Palatino,Georgia,serif;font-size:clamp(18px,1.5vw,22px);letter-spacing:.1px;line-height:1.55;margin:0 0 31px;max-width:350px;color:#f1dfba}
.greeting{max-width:330px;padding-left:18px;border-left:1px solid #d9c18b6b;margin-top:32px;transition:opacity .2s;min-height:73px}
.greeting-text{font-family:Woodland,Palatino,Georgia,serif;font-size:17px;font-style:italic;line-height:1.5;letter-spacing:.05px;color:#ead9b8;margin:0 0 5px}
.greeting-sizer{display:none}
.greeting-signature{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;color:#d7bf8c}
.greeting.changing{opacity:0}
.lilla-presence{position:absolute;z-index:2;height:clamp(500px,76vh,880px);width:clamp(333.333px,50.6667vh,586.667px);aspect-ratio:2/3;right:9%;bottom:10%;padding:0;border:0;background:none;appearance:none;-webkit-appearance:none;touch-action:manipulation}
.character-target:disabled{cursor:default;opacity:1;color:inherit}
.room-hotspot{position:absolute;z-index:3;visibility:hidden;min-width:44px;min-height:44px;padding:0;border:0;border-radius:2px;background:none;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:manipulation}
.room-hotspot:focus-visible{outline:2px solid #f4dfab;outline-offset:2px}
@media(hover:hover){.room-hotspot:hover{box-shadow:0 0 9px 1px #efd89b1c}}
.notes-dialog{width:min(540px,calc(100vw - 36px));max-height:calc(100svh - 40px);overflow:auto;padding:40px 42px 36px;border:1px solid #ad956d;border-radius:5px;background-color:#d9c39d;background-image:linear-gradient(110deg,#fff3 0%,#e2ccab00 48%,#8e704414 100%),repeating-linear-gradient(0deg,#51412506 0px,#51412506 1px,transparent 1px,transparent 4px);color:#343b28;box-shadow:0 24px 90px #0a140d66}
.notes-dialog::backdrop{background:#112015a8;backdrop-filter:blur(3px)}
.notes-close{position:absolute;right:16px;top:15px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:#4e5539}
.notes-close:hover{background:#5d482c12;color:#38422e}
.notes-dialog button:focus-visible{outline-color:#586b3b}
.notes-kicker{margin:0 0 16px;font-size:12px;letter-spacing:2px;color:#484d32}
.notes-dialog h2{font-family:Woodland,Palatino,Georgia,serif;font-size:42px;line-height:1.12;font-weight:400;letter-spacing:-.7px;margin:0 0 12px}
.notes-intro{font-family:Woodland,Palatino,Georgia,serif;font-size:18px;line-height:1.5;color:#444a31;margin:0 0 25px}
.lilla{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(44,29,10,.25));user-select:none;transition:filter 1.5s}
.portrait-halo{position:absolute;z-index:-1;inset:5% 20% 5%;border-radius:50%;background:radial-gradient(ellipse,rgba(252,222,144,.15),transparent 67%);filter:blur(15px)}
.lilla-presence::after{content:"";position:absolute;z-index:-1;left:34%;right:20%;bottom:1.3%;height:2.3%;border-radius:50%;background:rgba(26,30,15,.3);filter:blur(7px)}
.room-footer{position:absolute;z-index:5;bottom:0;left:5.4vw;right:5.4vw;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #dfc68b38;padding:24px 0 27px}
.room-footer p{display:flex;align-items:center;gap:11px;font-family:Woodland,Palatino,Georgia,serif;font-size:15px;letter-spacing:.15px;margin:0;line-height:1.5;color:#e5d6b6}
.footer-spark{font-family:Georgia,serif;font-size:21px;color:var(--gold)}
.motes{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.motes i{position:absolute;width:3px;height:3px;background:#ffeab2;border-radius:50%;box-shadow:0 0 12px 3px #ffe09950;opacity:0;animation:drift 11s ease-in-out infinite}
.motes i:nth-child(1){left:56%;top:32%;animation-delay:-2s}.motes i:nth-child(2){left:87%;top:28%;animation-delay:-5s}.motes i:nth-child(3){left:66%;top:76%;animation-delay:-8s}.motes i:nth-child(4){left:47%;top:64%;animation-delay:-4s}.motes i:nth-child(5){left:91%;top:69%;animation-delay:-9s}.motes i:nth-child(6){left:24%;top:21%;animation-delay:-6s;width:2px;height:2px}.motes i:nth-child(7){left:54%;top:52%;animation-delay:-1s;width:2px;height:2px}.motes i:nth-child(8){left:38%;top:85%;animation-delay:-7s;width:2px;height:2px}
[data-time="morning"] .room{filter:brightness(.97) saturate(.81) hue-rotate(-5deg)}
[data-time="morning"] .twilight{opacity:1;background:linear-gradient(90deg,#ecd5ba0d,#bfdce222);mix-blend-mode:soft-light}
[data-time="midday"] .room{filter:brightness(1.06) saturate(1.03)}
[data-time="midday"] .twilight{opacity:0}
[data-time="evening"] .room{filter:brightness(.68) saturate(.88) hue-rotate(-8deg)}
[data-time="evening"] .twilight{opacity:1;background:linear-gradient(90deg,#522e2526,#ad61463b);mix-blend-mode:multiply}
[data-time="evening"] .lilla{filter:brightness(.94) saturate(.97) drop-shadow(0 8px 12px #3c26194d)}
[data-time="night"] .room{filter:brightness(.36) saturate(.57) hue-rotate(12deg)}
[data-time="night"] .twilight{opacity:1;background:linear-gradient(90deg,#101e344f,#132e4e6b);mix-blend-mode:multiply}
[data-time="night"] .lilla{filter:brightness(.8) saturate(.84) drop-shadow(0 12px 25px #14252390)}
[data-time="night"] .portrait-halo{background:radial-gradient(ellipse,rgba(250,188,89,.26),transparent 67%)}
[data-time="night"] .sun-icon{display:none}[data-time="night"] .moon-icon{display:block}
@keyframes drift{0%,100%{opacity:0;transform:translate(0,0)}30%,70%{opacity:.65}80%{transform:translate(16px,-42px)}}
@media(min-width:1700px){.lilla-presence{right:14%;bottom:11%}.welcome{margin-left:11vw}.home{max-height:1300px}.room-footer,.masthead{padding-left:0;padding-right:0;left:6vw;right:6vw}}
@media(max-height:800px) and (min-width:901px){.home{min-height:760px}.welcome{padding-top:145px}.eyebrow{margin-bottom:20px}h1{font-size:clamp(60px,5.5vw,84px);margin-bottom:15px}.invitation{margin-bottom:23px}.greeting{margin-top:24px}.lilla-presence{height:570px;width:380px;bottom:10%}}
@media(max-width:1050px) and (min-width:901px){.welcome{margin-left:6vw;width:48%}.lilla-presence{right:0}.eyebrow{font-size:12px;letter-spacing:1px}.greeting{max-width:285px}.home-label{font-size:12px;letter-spacing:1px}}
@media(max-width:900px){
  .home{height:auto;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;padding-bottom:0}
  .room{background-position:center top;background-size:auto var(--scene-height,100%);background-attachment:scroll}
  .shade{background:linear-gradient(180deg,#171e16b8 0%,#1c20175c 36%,transparent 55%,#17201340 69%,#141e15f5 94%)}
  .masthead{position:relative;grid-row:1;left:auto;right:auto;padding:25px 25px 0;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;align-content:start;min-height:101px;column-gap:8px;row-gap:0}
  .wordmark{font-size:32px}.wordmark-star{font-size:7px;transform:translateY(1px)}.home-label{position:absolute;left:0;top:calc(100% + 11px);width:max-content;max-width:none;white-space:nowrap;font-size:12px;line-height:1.3;letter-spacing:.5px;margin-top:0}
  .room-controls{gap:6px;justify-self:end;min-width:0}
  .time-switch{padding:10px 12px;font-size:12px;gap:8px;min-height:44px}
  .lighting-control{width:116px;min-width:116px;height:44px;padding:0 10px;gap:6px;flex:0 0 116px}
  .lighting-control .sun-icon,.lighting-control .moon-icon{pointer-events:none}
  .phase-select{position:absolute;inset:0;font-size:14px;width:100%;max-width:none;min-width:0;height:100%;padding:0 23px 0 35px}
  .phase-chevron{right:11px}
  .welcome{display:contents;text-align:center}
  .eyebrow{display:none}
  h1{grid-row:2;z-index:4;font-size:55px;line-height:.96;letter-spacing:-1.4px;margin:26px 20px 15px;text-align:center}
  .invitation{grid-row:3;z-index:4;font-size:18px;line-height:1.4;margin:0 27px 17px;max-width:none;text-align:center}
  .greeting{grid-row:6;z-index:4;position:relative;justify-self:center;display:grid;grid-template-columns:minmax(0,1fr);width:min(310px,calc(100% - 50px));max-width:none;min-width:0;border-left:0;padding:0;margin:3px 25px 20px;min-height:55px;text-align:center}
  .greeting-text,.greeting-sizer{grid-area:1/1;font-family:Woodland,Palatino,Georgia,serif;font-size:16px;font-style:italic;line-height:1.5;letter-spacing:.05px;min-width:0;max-width:100%;overflow-wrap:anywhere;margin:0 0 4px}
  .greeting-sizer{display:block;visibility:hidden;pointer-events:none}.greeting-signature{grid-area:2/1;font-size:12px}
  .lilla-presence{grid-row:5;position:relative;justify-self:center;right:auto;bottom:auto;width:clamp(260px,35.3333svh,340px);height:clamp(390px,53svh,510px);max-width:100%;margin-top:14px;margin-bottom:0;z-index:2}
  .room-footer{grid-row:7;position:relative;left:auto;right:auto;margin:0 25px;padding:16px 0 18px;justify-content:center;flex-direction:column;gap:12px;text-align:center}
  .room-footer p{font-size:13px;gap:7px;justify-content:center}
  .notes-dialog{padding:32px 25px 28px}.notes-dialog h2{font-size:37px}.notes-close{right:10px;top:10px}
}
@media(max-width:380px){.masthead{padding:22px 19px 0}h1{font-size:49px}.invitation{font-size:17px}.time-switch{padding:10px}.room-footer{margin:0 18px}.room-footer p{font-size:12px}.lilla-presence{height:410px;width:273.333px;margin-top:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.motes i{opacity:.4}.lilla-presence{transform:none!important}}

/* A fieldbook rather than a feed. */
.room-paths{display:flex;align-items:center;justify-content:center;gap:22px;flex-shrink:0}
.room-paths button{border:0;background:none;padding:12px 0;min-height:44px;font-family:Woodland,Palatino,Georgia,serif;font-size:16px;line-height:1.2;color:#f0debb;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.room-paths button:hover{color:#fff4d6;border-bottom-color:#c7b08088}
.fieldbook-dialog{width:min(900px,calc(100vw - 48px));padding:40px 44px 26px;color:#353b2b}
.book-heading{padding-right:40px;border-bottom:1px solid #887a563d;margin-bottom:31px}
.book-heading .notes-intro{margin-bottom:24px}
.book-spread{display:grid;grid-template-columns:190px minmax(0,1fr);gap:38px}
.book-contents{padding-right:24px;border-right:1px solid #887a5633}
.contents-label{font-size:10px;letter-spacing:1.5px;margin:3px 0 17px;color:#655f43}
.book-contents button{display:block;width:100%;min-height:50px;border:0;background:none;text-align:left;padding:10px 0;font-family:Woodland,Palatino,Georgia,serif;font-size:16px;line-height:1.35;color:#555b3b}
.book-contents button span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:1px;margin-bottom:4px;color:#7b7155}
.book-contents button[aria-current="page"]{color:#25351f;font-style:italic}
.book-contents button[aria-current="page"] span::after{content:" —"}
.book-contents button:hover{color:#25351f;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.book-leaf{min-width:0;min-height:348px}
.leaf-detail{font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5;letter-spacing:1.1px;text-transform:uppercase;color:#676046;margin:0 0 12px}
.book-leaf h3{font-family:Woodland,Palatino,Georgia,serif;font-size:32px;line-height:1.14;letter-spacing:-.5px;font-weight:400;margin:0 0 22px;color:#303a26}
.leaf-prose p{font-family:Woodland,Palatino,Georgia,serif;font-size:19px;line-height:1.56;letter-spacing:.02px;margin:0 0 17px}
.margin-note{font-family:Woodland,Palatino,Georgia,serif;font-size:16px;line-height:1.45;font-style:italic;color:#5c603e;margin:26px 0 0;padding-left:16px;border-left:1px solid #7d825360}
.book-signature{font-family:Woodland,Palatino,Georgia,serif;font-size:26px;font-style:italic;color:#4b5537;margin:19px 0 5px}
.leaf-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #887a563d;margin-top:28px;padding-top:12px}
.leaf-navigation button{min-height:44px;background:none;border:0;padding:10px 0;font-family:Woodland,Palatino,Georgia,serif;font-size:15px;color:#3e4a2e}
.leaf-navigation button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}
.leaf-navigation button:disabled{opacity:.35;cursor:default}
.leaf-navigation span{font-size:10px;letter-spacing:2px;color:#74694b}
.window-dialog{width:min(620px,calc(100vw - 40px));padding:58px 52px 40px}
.window-dialog h2{font-size:39px;margin:28px 0 27px}
.window-verse{white-space:pre-line;font-family:Woodland,Palatino,Georgia,serif;font-size:25px;line-height:1.55;letter-spacing:-.1px;color:#38472e;margin:0 0 45px}
.window-footnote{font-size:11px;line-height:1.4;letter-spacing:1px;color:#6b684d;padding-top:20px;border-top:1px solid #8b805a3b;margin:0}
.window-mark{position:absolute;right:45px;bottom:31px;font-family:Georgia,serif;font-size:28px;color:#778055}
.colophon-dialog{width:min(560px,calc(100vw - 40px));padding:50px 44px 35px}
.colophon-dialog>p:not(.notes-kicker){font-family:Woodland,Palatino,Georgia,serif;font-size:19px;line-height:1.6}
.colophon-dialog .colophon-lead{font-style:italic;font-size:24px!important;line-height:1.35!important;margin:25px 0 22px}
.colophon-dialog .colophon-signature{font-size:28px!important;font-style:italic;margin:25px 0 33px}
.colophon-signature span{display:block;font:10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.6px;text-transform:uppercase;margin-top:6px;color:#606143}
.sound-credits{border-top:1px solid #887a563d;padding-top:13px;font-size:13px;line-height:1.6;color:#545a3f}
.sound-credits summary{cursor:pointer;min-height:44px;padding:10px 0;list-style-position:inside}
.sound-credits summary:focus-visible{outline:2px solid #586b3b;outline-offset:3px}
.sound-credits a{color:inherit;text-underline-offset:3px}.sound-credits a:focus-visible{outline:2px solid #586b3b;outline-offset:3px}
.sound-credits ul{padding-left:18px;margin:10px 0 5px}
@media(min-width:901px) and (max-width:1050px){.room-footer{gap:10px}.room-footer p{max-width:40%;font-size:13px}.room-paths{gap:15px}.room-paths button{font-size:15px}}
@media(max-width:900px){
  h1 em{font-size:.69em;letter-spacing:-.8px;line-height:1.3}
  .room-paths{gap:22px;width:100%;justify-content:center;flex-wrap:wrap}
  .room-paths button{font-size:15px;padding:10px 0}
  .fieldbook-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px);padding:32px 23px 17px}
  .book-heading{padding-right:25px;margin-bottom:19px}.book-heading .notes-kicker{font-size:10px;letter-spacing:1.3px}
  .book-heading h2{font-size:37px}.book-heading .notes-intro{font-size:17px;margin-bottom:19px}
  .book-spread{grid-template-columns:minmax(0,1fr);gap:25px}
  .book-contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;border-right:0;border-bottom:1px solid #887a5633;padding:0 0 17px}
  .contents-label{grid-column:1/-1;margin:0 0 5px;font-size:9px}
  .book-contents button{font-size:15px;min-height:56px;padding:7px 0}.book-contents button span{font-size:9px;margin-bottom:3px}
  .book-leaf{min-height:0}.book-leaf h3{font-size:29px;margin-bottom:19px}.leaf-detail{font-size:10px}.leaf-prose p{font-size:18px;line-height:1.57}
  .margin-note{font-size:16px;margin-top:22px}.leaf-navigation{margin-top:21px}.leaf-navigation button{font-size:14px}
  .window-dialog,.colophon-dialog{padding:39px 28px 29px}.window-dialog h2{font-size:34px;margin-top:26px}.window-verse{font-size:23px;margin-bottom:35px}.window-mark{right:25px;bottom:25px}.window-footnote{padding-right:30px;font-size:10px}
  .colophon-dialog>p:not(.notes-kicker){font-size:18px}.colophon-dialog .colophon-lead{font-size:22px!important}
}
@media(max-width:380px){.room-paths{gap:17px}.room-paths button{font-size:14px}.fieldbook-dialog{padding-left:20px;padding-right:20px}.book-contents{gap:3px 14px}.book-contents button{font-size:14px}}
/* Transparent copy must not cover a discoverable object behind its box. */
.welcome{pointer-events:none}
@media(max-width:900px){.window-hotspot{z-index:1}}

/* Hit-test only the illustrated body; keep all artwork and pose bounds unchanged. */
.lilla-presence{pointer-events:none}
.character-target{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;padding:0;background:none;appearance:none;-webkit-appearance:none;pointer-events:auto;touch-action:manipulation;clip-path:polygon(32.71% 1.04%,32.71% 6.25%,26.56% 6.25%,26.56% 12.50%,21.88% 12.50%,21.88% 18.75%,22.95% 18.75%,22.95% 25.00%,25.68% 25.00%,25.68% 31.25%,23.54% 31.25%,23.54% 37.50%,24.32% 37.50%,24.32% 43.75%,31.15% 43.75%,31.15% 50.00%,24.80% 50.00%,24.80% 56.25%,25.10% 56.25%,25.10% 62.50%,33.50% 62.50%,33.50% 68.75%,35.55% 68.75%,35.55% 75.00%,35.55% 75.00%,35.55% 81.25%,35.64% 81.25%,35.64% 87.50%,35.55% 87.50%,35.55% 93.75%,38.87% 93.75%,38.87% 98.24%,79.69% 98.24%,79.69% 93.75%,79.59% 93.75%,79.59% 87.50%,75.29% 87.50%,75.29% 81.25%,73.44% 81.25%,73.44% 75.00%,69.43% 75.00%,69.43% 68.75%,74.02% 68.75%,74.02% 62.50%,77.34% 62.50%,77.34% 56.25%,77.44% 56.25%,77.44% 50.00%,76.17% 50.00%,76.17% 43.75%,73.24% 43.75%,73.24% 37.50%,72.27% 37.50%,72.27% 31.25%,71.48% 31.25%,71.48% 25.00%,78.42% 25.00%,78.42% 18.75%,78.61% 18.75%,78.61% 12.50%,77.15% 12.50%,77.15% 6.25%,70.80% 6.25%,70.80% 1.04%);}
.character-target:focus-visible{outline:none}
:root[data-input="keyboard"] .lilla-presence:focus-within::before{content:"";position:absolute;z-index:3;inset:0 19% 0 20%;border:2px solid #fff2c8;border-radius:45% 45% 15% 15%;pointer-events:none}

.contact-note{margin:18px 0 8px}
.contact-reveal{min-height:44px;border:0;border-bottom:1px solid #6b755044;padding:8px 0;background:none;font-family:Woodland,Palatino,Georgia,serif;font-size:18px;color:#3e4a2e}
.contact-reveal:hover{border-bottom-color:#6b7550}
.contact-details{display:grid;gap:8px;margin-top:10px}
.contact-details[hidden]{display:none}
.contact-address{box-sizing:border-box;width:100%;max-width:300px;min-width:0;padding:9px 11px;border:1px solid #887a5666;border-radius:3px;background:#fff7df55;color:#343b28;font:16px/1.5 Arial,Helvetica,sans-serif}
.contact-address:focus-visible,.contact-action:focus-visible{outline:2px solid #586b3b;outline-offset:3px}
.contact-actions{display:flex;flex-wrap:wrap;gap:16px}
.contact-action{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;border:0;background:none;font-family:Woodland,Palatino,Georgia,serif;font-size:16px;color:#3e4a2e;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.contact-action:disabled{cursor:wait}
.colophon-dialog .contact-feedback{min-height:1.4em;margin:0;font:13px/1.4 Arial,Helvetica,sans-serif;color:#4e5539}

[data-time^="halloween-"] .room{background-image:url('assets/woodland-halloween.webp');filter:none}
[data-time^="halloween-"] .twilight{opacity:1;background:linear-gradient(90deg,#23142726,#8a431019);mix-blend-mode:soft-light}
[data-time^="halloween-"] .lilla{filter:brightness(.97) drop-shadow(0 10px 17px #31112c66);transform:scale(1.1);transform-origin:50% 97.85%}
[data-time^="halloween-"] .portrait-halo{background:radial-gradient(ellipse,#e7a74924,transparent 68%)}
[data-time^="halloween-"] .motes i{background:#ffd99b;box-shadow:0 0 10px 3px #f3b35666}
[data-time^="halloween-"] .time-switch{background:#302237cf;border-color:#dca96255}
[data-time^="halloween-"] .phase-select{max-width:220px}
[data-time^="halloween-"] .lighting-control .sun-icon,[data-time^="halloween-"] .lighting-control .moon-icon{display:none}
[data-time="halloween-morning"] .room{filter:brightness(1.1) saturate(.8)}
[data-time="halloween-morning"] .twilight{background:linear-gradient(90deg,#f4d6a818,#c6dce534);mix-blend-mode:soft-light}
[data-time="halloween-morning"] .lilla{filter:brightness(1.02) saturate(.95) drop-shadow(0 10px 17px #31112c44)}
[data-time="halloween-midday"] .room{filter:brightness(1.2) saturate(1.02)}
[data-time="halloween-midday"] .twilight{opacity:0}
[data-time="halloween-evening"] .room{filter:brightness(.9) saturate(1.04)}
[data-time="halloween-evening"] .twilight{background:linear-gradient(90deg,#62332528,#bc652a30);mix-blend-mode:multiply}
[data-time="halloween-night"] .room{filter:brightness(.5) saturate(.72) hue-rotate(8deg)}
[data-time="halloween-night"] .twilight{background:linear-gradient(90deg,#14192e40,#21234050);mix-blend-mode:multiply}
[data-time="halloween-night"] .lilla{filter:brightness(.8) saturate(.88) drop-shadow(0 12px 25px #17112f90)}
[data-time="halloween-night"] .portrait-halo{background:radial-gradient(ellipse,#ffc16c38,transparent 68%)}
@media(max-width:900px){[data-time^="halloween-"] .phase-select{font-size:12px;padding-left:12px}}

/* An anchored menu avoids native selected-item positioning above Safari's viewport. */
.lighting-trigger{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}
.lighting-trigger[hidden]{display:none}
.lighting-menu{position:fixed;z-index:100;margin:0;padding:4px;border:1px solid #d9c18b66;border-radius:10px;background:#283022f5;color:var(--cream);box-shadow:0 12px 35px #080e0866;backdrop-filter:blur(14px);overflow-y:auto;overscroll-behavior:contain;scroll-padding:4px}
.lighting-menu[hidden]{display:none}
.lighting-option{display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;align-items:center;width:100%;min-height:32px;border:0;border-radius:6px;padding:5px 8px;background:none;font:14px/1.4 Arial,Helvetica,sans-serif;text-align:left;color:inherit}
.lighting-option:hover,.lighting-option:focus{background:#eee0b91c;outline:none}
.lighting-option:focus-visible{box-shadow:inset 0 0 0 1px #eed39a}
.lighting-option[aria-checked="true"]{background:#ead19a25}
[data-time^="halloween-"] .lighting-menu{background:#302637f5}

@media(pointer:coarse){.lighting-option{min-height:44px;padding-top:10px;padding-bottom:10px}}