/* Museum V2: scoped to the separate preview; the original museum is untouched. */
:root[data-museum-design="v2"] {
  --earth:#82715d; --earth-hi:#a5937c; --earth-lo:#51483d;
  --tadelakt-hi:#77736b; --tadelakt:#514f48; --tadelakt-lo:#302f2a;
  --floor-near:#44433c; --floor-far:#67645a;
  --accent:#987747; --accent-2:#b29971; --brass:#aa9166;
  --ink:#f3eee4; --ink-soft:#c3b9a7; --panel:#242620;
  --line:rgba(205,194,174,.25); --mat:#f4f0e7; --frame-a:#383830; --frame-b:#1e211d;
}
:root[data-museum-design="v2"][data-theme="day"] {
  --earth:#c1b39a; --earth-hi:#e4dac5; --earth-lo:#a0947f;
  --tadelakt-hi:#f1eee5; --tadelakt:#ded9cd; --tadelakt-lo:#b6b1a5;
  --floor-near:#b6af9e; --floor-far:#e2dbcb;
  --ink:#30382e; --ink-soft:#686b5f; --panel:#f5f2e9;
  --line:rgba(76,78,62,.22); --accent:#756443; --accent-2:#a48b5e; --indigo:#616c67;
}
[data-museum-design="v2"] button:focus-visible,
[data-museum-design="v2"] a:focus-visible {outline:3px solid #ab8850;outline-offset:5px;}
[data-museum-design="v2"] .hud-tl {top:28px;left:30px;gap:14px;}
[data-museum-design="v2"] .hud-tl .wm {font:400 20px Fraunces,Georgia,serif;letter-spacing:-.025em;text-transform:none;}
[data-museum-design="v2"] .hud-tl .wm span {color:var(--ink-soft);}
[data-museum-design="v2"] .hud-tr {top:24px;right:30px;gap:8px;}
[data-museum-design="v2"] .hud-tr .rm {font-size:11px;letter-spacing:.03em;text-transform:none;margin-right:10px;}
[data-museum-design="v2"] .icon-btn {width:42px;height:42px;border-radius:50%;background:var(--panel);border:1px solid var(--line);box-shadow:0 3px 9px #00000008;}
[data-museum-design="v2"] .bars.top {height:110px;background:linear-gradient(var(--panel),transparent);}
[data-museum-design="v2"] .bars.bot {height:100px;background:linear-gradient(transparent,var(--panel));}
[data-museum-design="v2"] .bars {z-index:24;}
[data-museum-design="v2"] .hud-tl .wm {text-shadow:none;}
[data-museum-design="v2"] .preview-flag {top:auto;bottom:9px;left:30px;right:auto;transform:none;font-size:9px;letter-spacing:.04em;background:transparent;border:0;opacity:.65;}
[data-museum-design="v2"] .preview-flag a {display:none;}
[data-museum-design="v2"] .navhelp {bottom:30px;gap:9px;}
[data-museum-design="v2"] .navhelp button {min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--panel);border-radius:50%;box-shadow:none;}
[data-museum-design="v2"] .navhelp .mid {border-radius:24px;padding:0 22px;text-transform:none;letter-spacing:.03em;}
[data-museum-design="v2"] .zoomctl {right:30px;top:auto;transform:none;bottom:30px;border-radius:25px;overflow:hidden;background:var(--panel);}
[data-museum-design="v2"] .zoomctl button {min-width:44px;min-height:38px;}
[data-museum-design="v2"] .minimap {right:30px;bottom:140px;border-radius:3px;background:var(--panel);opacity:.92;}
[data-museum-design="v2"] .gv {left:30px;bottom:90px;max-width:360px;}
[data-museum-design="v2"] .gv .av {display:none;}
[data-museum-design="v2"] .gv .bub {border-radius:3px;padding:16px 20px;font-size:15px;box-shadow:0 10px 25px #00000010;}
[data-museum-design="v2"] .cartel {border-radius:4px;border:1px solid #d8d4c9;box-shadow:0 20px 70px #0003;background:#f7f5ee;color:#35402f;}
[data-museum-design="v2"] .cartel h3 {font-family:Fraunces,Georgia,serif;font-weight:400;}
[data-museum-design="v2"] .cartel .cta {background:#344634;color:#fff;border-radius:2px;}
[data-museum-design="v2"] .guide {border-radius:3px;border-color:var(--line);background:var(--panel);}
.v2-tools-toggle,.v2-rooms-toggle {pointer-events:auto;border:1px solid var(--line);border-radius:24px;min-height:42px;padding:0 18px;background:var(--panel);color:var(--ink);font:500 11px Archivo,system-ui,sans-serif;cursor:pointer;}
.v2-tools {position:absolute;right:30px;top:78px;display:flex;flex-wrap:wrap;gap:9px;max-width:310px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:5px;pointer-events:auto;box-shadow:0 12px 25px #0002;}
.v2-tools[hidden] {display:none;}
.v2-tools button {font-size:13px;}
.v2-collections {width:min(700px,calc(100vw - 36px));max-height:85svh;box-sizing:border-box;border:1px solid #d5cebe;border-radius:4px;background:#f5f2e9;color:#303a30;padding:36px;box-shadow:0 24px 80px #0005;touch-action:pan-y;}
.v2-collections::backdrop {background:#16201799;backdrop-filter:blur(5px);}
.v2-collections h2 {font:400 32px Fraunces,Georgia,serif;margin:10px 0;}
.v2-collections>p {font:400 13px/1.7 Archivo,system-ui,sans-serif;color:#6b6d61;max-width:44ch;}
.v2-close {position:absolute;right:16px;top:12px;border:0;background:none;font-size:26px;cursor:pointer;color:#39432f;min-width:44px;min-height:44px;}
.v2-room-list {display:grid;gap:8px;margin-top:24px;}
.v2-room-link {display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:15px;padding:18px 12px;border:1px solid #ded8ca;border-radius:2px;background:#fbf9f3;color:#303a30;text-align:left;cursor:pointer;}
.v2-room-link:hover {background:#e7e9dd;border-color:#9aab8f;}
.v2-room-link b {font:400 19px Fraunces,Georgia,serif;display:block;}
.v2-room-link small {font:400 11px Archivo,system-ui,sans-serif;color:#727466;display:block;margin-top:6px;}
.v2-room-num {font:400 20px Fraunces,Georgia,serif;color:#8d7a54;}
.v2-room-link:disabled {opacity:.55;cursor:not-allowed;}
@media(max-width:850px) {
  [data-museum-design="v2"] .hud-tl .wm {display:none;}
}
@media(max-width:600px) {
  [data-museum-design="v2"] .hud-tl {left:15px;top:22px;}
  [data-museum-design="v2"] .hud-tr {right:15px;top:14px;gap:5px;}
  [data-museum-design="v2"] .hud-tr .rm {display:none;}
  .v2-tools-toggle,.v2-rooms-toggle {min-height:44px;padding:0 12px;font-size:10px;}
  .v2-tools {right:15px;top:66px;max-width:270px;}
  [data-museum-design="v2"] .minimap {right:15px;bottom:115px;}
  [data-museum-design="v2"] .gv {left:15px;bottom:115px;max-width:calc(100vw - 145px);}
  [data-museum-design="v2"] .gv .bub {padding:12px;font-size:12px;}
  [data-museum-design="v2"] .zoomctl {right:15px;bottom:24px;}
  [data-museum-design="v2"] .navhelp {bottom:28px;}
  [data-museum-design="v2"] .preview-flag {left:15px;bottom:7px;font-size:8px;}
  .v2-collections {padding:26px 20px;}
  .v2-collections h2 {font-size:27px;}
  .v2-room-link {padding:14px 10px;gap:8px;grid-template-columns:28px 1fr auto;}
  .v2-room-link b {font-size:17px;}
}
@media(max-height:550px) and (min-width:601px) {
}
@media(prefers-reduced-motion:reduce) {
  [data-museum-design="v2"] *,[data-museum-design="v2"] *::before,[data-museum-design="v2"] *::after {scroll-behavior:auto;animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/* Restore the cinematic arrival; make the original invitation visible until the door appears. */
[data-museum-design="v2"] .portal {color:#f4e9d6;}
[data-museum-design="v2"] .portal .p-welcome {text-shadow:0 2px 18px #000;}
[data-museum-design="v2"] .portal .p-welcome .p-typed {color:#f0e8d9;}
[data-museum-design="v2"] .portal .p-enter {background:#775332;border-color:#ac895d;color:white;}
[data-museum-design="v2"] .portal .p-tour {color:#fff1dc;border-color:#c2a57a;}

/* 2026-09-26: labelled Options menu + "now playing" (title/artist), aligned with the V2 top bar. */
[data-museum-design="v2"] .opt-btn {height:42px;padding:0 18px 0 15px;border-radius:24px;background:var(--panel);font:500 11px Archivo,system-ui,sans-serif;letter-spacing:.04em;text-transform:none;}
[data-museum-design="v2"] .opt-btn[aria-expanded="true"] {background:var(--accent);color:#fff;}
[data-museum-design="v2"] .optpanel {top:78px;right:30px;border-radius:8px;}
[data-museum-design="v2"] .nowplay {top:78px;right:30px;background:var(--panel);border-radius:8px;box-shadow:0 8px 20px #0002;}
@media(max-width:600px) {
  [data-museum-design="v2"] .opt-btn {height:44px;padding:0 12px;font-size:10px;}
  [data-museum-design="v2"] .optpanel,[data-museum-design="v2"] .nowplay {top:66px;right:15px;max-width:calc(100vw - 30px);}
}
@media(max-width:400px) {
  .opt-btn .opt-txt {display:none;}
  [data-museum-design="v2"] .opt-btn {padding:0 14px;}
}
/* the V2 .icon-btn background was hiding the "on" state of the music button */
[data-museum-design="v2"] .icon-btn.on {background:var(--accent);color:#fff;border-color:transparent;}
