/* Quiet after-hours shelves: maker goes home; product photographs stay true. */
body[data-scene-light=night] .room-canvas .kaitlyn-shopkeeper,
.room-canvas .kaitlyn-shopkeeper[hidden]{display:none!important}
body[data-scene-light=night] .room-art{filter:brightness(.64) saturate(.78) sepia(.12)}
body[data-scene-light=night] .room-canvas:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 49% 35%,#ffe5af26,transparent 42%),radial-gradient(ellipse at 77% 63%,#ffd08c13,transparent 27%)}
body[data-scene-light=night] .placed-soap{z-index:1;filter:drop-shadow(0 1px 5px #ffcf7933) drop-shadow(2px 5px 3px #100804a0)}
body[data-scene-light=night] .placed-soap:hover,body[data-scene-light=night] .placed-soap:focus-visible{filter:drop-shadow(0 0 8px #ffdc98)}
/* Pale worn timber and charcoal lettering, not generic dark rectangles. */
.scene-body .scene-tools button,.scene-body .scene-tools>a,
.scene-body .scene-filters button,.scene-body .dialog-close,
.scene-body #emptyReset,.scene-body .soap-detail .button{
 color:#352c23;background-color:#dbc29a;
 background-image:repeating-linear-gradient(2deg,transparent 0 8px,#805e3720 9px,transparent 11px),linear-gradient(94deg,#c9a977,#eedbb7 38%,#d5b98d 79%,#c2a171);
 border:1px solid #8c6b43;border-bottom:3px solid #715234;
 border-radius:8px 4px 9px 5px/4px 7px 5px 8px;
 box-shadow:inset 0 1px #fff2ce,inset 0 0 0 3px #f7dfae44,0 3px 5px #160e0933;
 font-family:Kalam,Georgia,serif;font-size:16px;line-height:1.25;
 text-shadow:0 1px #fff1d466;min-height:44px;padding:9px 15px;
}
.scene-body #browseOpen{font-size:18px;transform:rotate(-.7deg)}
.scene-body .scene-tools button:hover,.scene-body .scene-tools>a:hover,.scene-body .scene-filters button:hover{background-color:#ead2a7;box-shadow:inset 0 0 0 2px #70552d55,0 3px 7px #160e0944}
.scene-body .scene-filters button[aria-pressed=true]{color:#292b22;border-bottom-color:#48604b;box-shadow:inset 0 -4px #48604b,inset 0 0 0 1px #48604b}
.scene-body .scene-tools :focus-visible,.scene-body .scene-filters button:focus-visible,.scene-body .dialog-close:focus-visible,.scene-body #emptyReset:focus-visible{outline:3px solid #527b70;outline-offset:3px}
#browseDialog{background:#f4ebd9;border:1px solid #a78b61;border-radius:12px 8px 14px 7px}
#browseDialog h2{display:table;max-width:100%;margin:6px auto 22px;padding:17px 25px;color:#352c23;font-family:Kalam,Georgia,serif;font-size:clamp(24px,4vw,34px);line-height:1.25;text-align:center;background:repeating-linear-gradient(1deg,transparent 0 13px,#805e371c 14px,transparent 16px),linear-gradient(95deg,#cfb286,#ecd7b1,#d5b78a);border:2px solid #9a784c;border-radius:7px 4px 8px 5px;box-shadow:inset 0 0 0 4px #f3dfb950,2px 4px 7px #55371829;transform:rotate(-.5deg)}
#browseDialog .shelf-row{border-radius:7px 4px 8px 5px;border-color:#b39467;font-family:Kalam,Georgia,serif;color:#352c23;box-shadow:0 2px 3px #50381714}
@media(max-width:760px){.scene-body .scene-tools button,.scene-body .scene-tools>a{padding:7px 6px;font-size:13px}.scene-body #browseOpen{font-size:14px}.scene-body .scene-filters button{font-size:14px;padding:9px 12px}#browseDialog h2{padding:14px 15px}}
@media(prefers-reduced-motion:reduce){.scene-body #browseOpen,#browseDialog h2{transform:none}}