/* Page surround is black; room lighting and product materials are untouched. */
:root,body,#stage{background:#000}
#mobile-menu-toggle{display:none}
@media(max-width:900px){
 #stage{background:#000}
 #global{display:none}
 #stage:not([data-state=idle]) #brand,
 #stage:not([data-state=idle]):has(#panel[data-side=left]) #brand{
  left:10px;right:auto;top:4%;width:24%;transform:none;
 }
 #mobile-menu-toggle{
  display:grid;place-content:center;gap:5px;position:absolute;
  top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));
  width:48px;height:48px;z-index:9;padding:10px;border:0;border-radius:3px;
  background:#000b;color:#f9e6c1;box-shadow:0 1px 8px #0006;
 }
 #mobile-menu-toggle span{display:block;width:25px;height:3px;background:currentColor;border-radius:1px}
 #mobile-menu-toggle:hover{background:#000e}
 #utility[data-section=navigation]{
  position:fixed;inset:10px 10px auto auto;margin:0;width:min(340px,calc(100% - 20px));
  max-height:calc(100dvh - 20px);border:1px solid #f9e6c138;border-radius:3px;
  background:#090807;color:#f9e6c1;box-shadow:0 12px 40px #0009;overflow:hidden;
 }
 #utility[data-section=navigation]::backdrop{background:#0008;backdrop-filter:none}
 #utility[data-section=navigation]>.metal-surface,
 #utility[data-section=navigation]>.hardware-screw,
 #utility[data-section=navigation] .utility-eyebrow,
 #utility[data-section=navigation] #utility-intro,
 #utility[data-section=navigation] .utility-footer{display:none}
 #utility[data-section=navigation] .utility-surface{
  border:0;background:none;box-shadow:none;max-height:calc(100dvh - 22px);padding:20px 24px 24px;
 }
 #utility[data-section=navigation] #utility-title{
  margin:0 58px 20px 0;min-height:40px;font:600 20px/40px 'Oswald',sans-serif;letter-spacing:.08em;
 }
 #utility[data-section=navigation] #utility-close{top:0;right:0;width:48px;height:48px}
 .mobile-navigation{display:flex;flex-direction:column;gap:0}
 .mobile-navigation button{
  display:block;width:100%;min-height:56px;padding:12px 0;text-align:left;
  border:0;border-top:1px solid #f9e6c12a;background:none;color:#f9e6c1;
  font:700 30px/1.15 'Dirty Robber Menu','Oswald',sans-serif;
  letter-spacing:.025em;text-shadow:1px 2px #8d2c1a;
 }
 .mobile-navigation button:hover,.mobile-navigation button:focus-visible{color:#fff3dc}
}

/* The selected name is already in the panel; retain its live announcement without an empty row. */
@media(max-width:900px){
 #stage[data-state=hold] #status,
 #stage[data-state=hold]:has(#panel[data-side=left]) #status{
  position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;
 }
}