/* Quiet exterior details; overlays never intercept the 3D entrance. */
/* Rain is visible against the sky and the building, while keeping controls clear. */
.night-rain{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(12,22,36,.15),transparent 58%,rgba(7,16,27,.12));opacity:1}
.night-rain-layer,.night-rain-layer:after{display:none}
body:not(.store-outside) .night-rain,body.is-entering .night-rain,body.catalog-open .night-rain{display:none}
.window-pick{position:fixed;z-index:4;right:clamp(20px,4vw,72px);bottom:clamp(78px,12vh,140px);width:min(276px,25vw);padding:14px;background:linear-gradient(145deg,#3f3025ef,#241e19ed);border:1px solid #d3ac7280;box-shadow:0 12px 35px #0007,inset 0 0 0 4px #d3ac7214;border-radius:5px;color:#eeddbf}
.window-pick-label{font-size:9px;letter-spacing:.13em;color:#d2b581;display:block;margin-bottom:10px}.window-pick-card{display:flex;gap:12px;align-items:center;text-align:left;width:100%;min-height:72px;color:inherit;padding:0}.window-pick-card:disabled{opacity:1;cursor:default}.window-pick-image{flex:none;width:62px;height:76px;border:3px solid #bea178;background:#544333;display:grid;place-items:center;font-size:25px;box-shadow:3px 4px 0 #18130f}.window-pick-image img{width:100%;height:100%;object-fit:contain}.window-pick-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.window-pick-copy strong{font:17px/1.35 var(--serif);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.window-pick-copy span{color:#dfbd7a;font-size:13px;line-height:1.35}.window-pick-copy small{font-size:11px;color:#ccbaa0}.bell-toggle{position:fixed;z-index:5;right:4%;top:120px;min-height:44px;padding:8px 12px;color:#ead7b5;background:#2b251dc9;border:1px solid #d4bd8a50;border-radius:4px;font-size:12px}
body:not(.store-outside) .window-pick,body.is-entering .window-pick,body.catalog-open .window-pick,body.catalog-open .bell-toggle{display:none}
@media(max-width:700px){.night-rain{opacity:.85}.night-rain-layer{opacity:.55}.window-pick{left:16px;right:auto;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:min(230px,calc(100vw - 100px));padding:9px}.window-pick-label{font-size:9px;margin-bottom:6px}.window-pick-image{width:44px;height:54px}.window-pick-card{min-height:54px;gap:9px}.window-pick-copy strong{font-size:14px}.window-pick-copy span,.window-pick-copy small{font-size:10px}.store-outside .stats,.store-outside .sample-note{display:none}.bell-toggle{top:calc(118px + env(safe-area-inset-top,0px));right:12px;min-height:40px}}
@media(max-width:700px) and (max-height:650px){.window-pick{bottom:calc(73px + env(safe-area-inset-bottom,0px));padding:6px}.window-pick-image{width:36px;height:43px}.window-pick-card{min-height:43px}.window-pick-label{margin-bottom:2px}.window-pick-copy small{display:none}.store-outside .intro{top:calc(130px + env(safe-area-inset-top,0px))}.store-outside h1{font-size:25px;margin:7px 0}.store-outside h1 em{display:none}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:500px){.window-pick{left:auto;right:14px;bottom:76px;width:195px;padding:7px}.window-pick-image{width:35px;height:45px}.window-pick-card{min-height:45px}.window-pick-label{margin-bottom:3px}.window-pick-copy strong{font-size:13px}.window-pick-copy span,.window-pick-copy small{font-size:10px}.bell-toggle{top:60px;right:14px;min-height:38px}.store-outside .stats{display:none}}
@media(prefers-reduced-motion:reduce){.night-rain-layer,.night-rain-layer:after{animation:none}}

/* A painted distant street sits behind the interactive 3D shop. */