@font-face{font-family:Store Jakarta;src:url('/assets/store-details/PlusJakartaSans.ttf') format('truetype');font-weight:100 900;font-display:swap}
/* Percentages belong to the existing store art; camera and bench geometry stay fixed. */
#store-building .store-notice-board{position:absolute;left:75.8%;top:42.7%;width:8.1%;aspect-ratio:660/850;opacity:1;z-index:4;pointer-events:none;right:auto;bottom:auto;height:auto;padding:0;border:0;border-radius:3%;background:none;backdrop-filter:none;transform:none;filter:drop-shadow(0 1px 2px #17231d66);container-type:inline-size}
.notice-board-art{position:absolute;inset:0;overflow:hidden;border-radius:3%}
.notice-board-art img{position:absolute;inset:0;width:100%;height:100%}
.notice-board-wording{position:absolute;inset:16% 12%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;opacity:.75}
.notice-board-wording>span{font-family:Maragsa,Georgia,serif;font-weight:400;font-size:20cqw;font-size-adjust:none!important;line-height:1.32;white-space:nowrap}
.notice-board-wording small{font-family:Store Jakarta,sans-serif;font-weight:500;font-size:9cqw;font-size-adjust:none!important;line-height:1.4;margin-top:14%;white-space:nowrap;letter-spacing:-.025em}
[data-time=night] .notice-board-wording{color:#fff}
.at-store #store-building .store-notice-board{pointer-events:auto;cursor:pointer}
#store-building .store-notice-board:focus-visible{outline:2px solid var(--paper-ink);outline-offset:3px}

/* The notice-board hotspot owns its dialog; the cabinet keeps its preview. */
:root #store-updates{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));height:fit-content;max-height:min(610px,calc(100dvh - 32px));padding:0;overflow:hidden;border:1px solid var(--paper-line);border-radius:22px;background:var(--paper-grain),var(--paper);color:var(--paper-ink);box-shadow:var(--paper-shadow);font:16px/1.5 'Alegreya Sans',system-ui,sans-serif;backdrop-filter:none}
#store-updates[open]{display:flex;flex-direction:column}
#store-updates header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:22px 24px 16px;border-bottom:1px dashed var(--paper-line)}
#store-updates h1{margin:0;font:400 30px/1.15 Maragsa,Georgia,serif}
:root #store-updates .updates-close{position:static;display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid var(--paper-line);border-radius:50%;background:transparent;color:inherit;opacity:1;backdrop-filter:none;font:24px/1 'Alegreya Sans',system-ui,sans-serif;cursor:pointer}
#store-updates .updates-close:focus-visible{outline:2px solid var(--paper-ink);outline-offset:3px}
.store-updates-body{min-height:0;padding:18px 24px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.store-updates-body::-webkit-scrollbar{display:none}
.store-updates-body section+section{margin-top:20px;padding-top:18px;border-top:1px dashed var(--paper-line)}
#store-updates h2{margin:0 0 6px;font:400 22px/1.2 Maragsa,Georgia,serif}
#store-updates p{margin:0;font:400 14px/1.55 'Alegreya Sans',system-ui,sans-serif}
#store-updates::backdrop{background:var(--paper-dim);backdrop-filter:none}
@media(max-width:600px){:root #store-updates{max-height:min(610px,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px))}#store-updates header{padding:18px 18px 14px}.store-updates-body{padding:16px 18px 20px}}

/* The store-front sign and Bawal Utang cardboard are put away for now; admins place them as Edit lantay assets. */
#store-building .store-sign,#store-building .store-notice-board{display:none!important}