/* Materials from the supplied ATT2 pack. Keep texture off long reading areas. */
:root { --dark:#201c17; --gold:#d5ba7f; --line:#a487514d; --paper:#eee4cc; }
.masthead {
  background:linear-gradient(#21180adb,#21180af0),url('./assets/att2/dark_oak_planks.png') center/128px;
  border-bottom:3px solid #8d7248;
  box-shadow:0 3px 0 #100c08,0 7px 16px #0005;
}
.brand img { filter:sepia(.4) brightness(1.25); }
.room-heading h1 { color:#f5e7c9; text-shadow:2px 3px #17110f; }
/* Frame the room's visible width, without a hidden strip behind the catalogue. */
#scene { right:0; }
.scene-vignette {
  background:linear-gradient(180deg,#15120e38,transparent 32%,transparent 66%,#1c1814db 100%),linear-gradient(90deg,#17130e30,transparent 45%);
}
.aisles button,.room-position,.area-card,.plan-toggle,.motion,.armory-link {
  border-color:#a28555;
  border-radius:0;
  background:linear-gradient(#241a10c9,#1d140bed),url('./assets/att2/dark_oak_planks.png') center/128px;
  box-shadow:inset 0 0 0 2px #231b12,inset 0 0 0 3px #95714255,2px 3px 0 #0c0909a8;
  backdrop-filter:none;
}
.aisles button:hover,.aisles button.active {
  border-color:#dfc18a;
  background:linear-gradient(#755628a6,#382414c9),url('./assets/att2/spruce_planks.png') center/128px;
}
.aisles strong { color:#f5e5c5; }
.aisles small,.room-hint { color:#d0bea0; }
.register {
  background:linear-gradient(100deg,#f3ead6,#e9dbc0);
  border:6px solid #684523;
  border-image: url('./assets/att2/spruce_planks.png') 5 / 6px / 0 round;
  box-shadow:0 12px 40px #0007,3px 3px 0 #2a1b10;
}
.register .quest-row:hover,.register .quest-row:focus-visible { background:#c3a47533; }
.register .quest-number { color:#78532c; }
.colophon { background:#171410; border-top:2px solid #685235; }
#archive-plan,#reader { border:3px solid #997547; border-radius:0; }
.reader-bar { background:linear-gradient(#2d1f12da,#23180eee),url('./assets/att2/dark_oak_planks.png') center/128px; color:#f3e1bd; }
.reader-bar button { color:#f3e1bd; }
@media(max-width:800px) {
  .masthead { border-bottom-width:2px; }
  .aisles button { min-height:64px; }
  .register { border-width:4px; }
}
@media(prefers-reduced-motion:reduce) {
  .aisles button { transition:none; }
}