
.hall-links{display:flex;justify-content:center;gap:28px;padding:18px 20px;background:#100d0a;border-bottom:1px solid #6e502e;font-family:Georgia,serif;flex-wrap:wrap}.hall-links a{color:#e7c88b;text-decoration:none;font-size:16px}.hall-links a:hover,.hall-links a[aria-current=page]{color:#fff0ce;text-decoration:underline;text-underline-offset:6px}.archive-page{background:#100e0c;color:#e9dfcb}.archive-hero{padding:100px 24px 90px;text-align:center;position:relative;background:linear-gradient(0deg,#100e0c 0%,#100e0ca8 45%,#100e0ca8 100%),url('assets/page1-realistic-scene.png') center 43%/cover}.archive-hero h1{font:clamp(36px,6vw,72px)/1.1 Georgia,serif;color:#f0d5a0;max-width:1000px;margin:20px auto}.archive-hero>p:not(.eyebrow){font:20px/1.7 Georgia,serif;max-width:650px;margin:20px auto 30px;color:#e2d7c2}.archive-return{color:#d6b67b;text-underline-offset:5px}.archive-content{max-width:1180px;margin:auto;padding:30px 30px 70px}.archive-intro{display:flex;align-items:end;justify-content:space-between;gap:24px}.archive-intro h2{font:32px Georgia,serif;margin:10px 0}.archive-search{display:grid;gap:8px;min-width:260px;font-size:14px;color:#c2b496}.archive-search input,.memory-compose textarea{width:100%;box-sizing:border-box;background:#17130f;border:1px solid #7b5c35;color:#f1e4cb;padding:13px;border-radius:3px;font:16px/1.5 Georgia,serif}.archive-filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.archive-filters button{padding:10px 20px;color:#d7c49f;border:1px solid #705331;background:#1b1610;cursor:pointer}.archive-filters button[aria-pressed=true]{background:#513c24;color:#fff0ce}.archive-banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:32px;justify-content:center;margin:35px 0}.archive-banner{display:flex;flex-direction:column;align-items:center;background:linear-gradient(#241d15aa,#100d09);border:1px solid #655033;padding:22px 16px;color:#eee0c5;cursor:pointer;max-width:320px;min-height:350px;width:100%;justify-self:center}.archive-banner:focus-visible,.hall-links a:focus-visible{outline:3px solid #f8d68b;outline-offset:5px}.archive-cloth{position:relative;width:165px;height:235px;display:flex;align-items:center;justify-content:center;isolation:isolate}.archive-cloth img{position:absolute;width:100%;height:100%;object-fit:fill;z-index:-1}.archive-cloth span{font:22px/1.3 Georgia,serif;color:#f1d49a;text-shadow:1px 2px 2px #000;max-width:115px;overflow-wrap:anywhere;text-align:center}.archive-banner strong{font:20px Georgia,serif;margin:20px 0 6px}.archive-banner small{color:#bca77f;line-height:1.6}.archive-empty{padding:50px 25px;text-align:center;border:1px solid #59452c;background:#1b1611;color:#cbbd9e;line-height:1.7}.archive-footnote,.archive-footer{color:#ab9b7d;text-align:center;line-height:1.7}.archive-footer{border-top:1px solid #4d3b26;padding:30px}.archive-preview-note{padding:15px 24px;background:#46351d;color:#ffe1a2;text-align:center;line-height:1.6}.archive-page [hidden]{display:none!important}.archive-dialog{width:min(790px,calc(100vw - 30px));box-sizing:border-box;max-height:90dvh;overflow:auto;background:#17130f;color:#eadfc9;border:1px solid #9e7945;padding:40px}.archive-dialog header{text-align:center;border-bottom:1px solid #58432a;padding:15px 15px 25px}.archive-dialog h2{font:36px Georgia,serif;margin:14px 0;color:#efd39e}.archive-close{position:absolute;right:14px;top:12px}.archive-tribute{font:19px/1.85 Georgia,serif;white-space:pre-wrap;margin:30px 0}.archive-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #493a26;padding:20px 0}.archive-facts dt{color:#b5a17c;font-size:13px;margin-bottom:8px}.archive-facts dd{margin:0}.archive-dialog h3{font:23px Georgia,serif;color:#e3c58e}.archive-game{border-left:2px solid #9d743b;padding:4px 18px;margin:16px 0;line-height:1.6}.archive-game p{color:#bcad91;margin:4px 0}.memory-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #6e502f;margin-top:35px;padding-top:24px}.memory-heading h3{margin-top:10px}.memory-entry{padding:22px 0;border-bottom:1px solid #493a26}.memory-entry header{padding:0;text-align:left;border:0;color:#cfb47d;font-size:14px}.memory-entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.memory-compose{background:#211a12;padding:24px;margin-top:30px;border:1px solid #62492b}.memory-compose label{display:grid;gap:12px}.archive-muted,#memory-login-note{color:#bcae92;line-height:1.7}.archive-login{color:#c0ab86}.archive-login[aria-disabled=true]{opacity:.65}.memory-compose button{margin-top:12px}.memory-pending-item{border:1px dashed #9a7846;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px}.archive-preview-controls{padding:20px;text-align:center;background:#241c12}.archive-preview-controls button{margin:5px;padding:10px 16px;background:#4d3922;color:#ffe4b4;border:1px solid #9c7948;cursor:pointer}@media(max-width:620px){.archive-intro{display:block}.archive-search{margin-top:20px}.archive-content{padding:25px 18px}.archive-dialog{padding:28px 20px}.archive-facts{grid-template-columns:1fr}.archive-hero{padding:65px 20px}.hall-links{gap:18px}.archive-banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-banner{padding:15px 5px;min-height:290px}.archive-cloth{width:125px;height:185px}.archive-cloth span{font-size:18px;max-width:90px}.archive-banner strong{font-size:17px}}

.archive-page[data-hall="former"] .archive-cloth img{filter:saturate(.4) brightness(.72) contrast(1.08)}

.chamber-heading{text-align:center;padding:30px 20px 24px;background:radial-gradient(ellipse at top,#34271b,#100e0c 75%)}.chamber-heading h1{font:clamp(32px,4vw,55px)/1.2 Georgia,serif;color:#f0d5a0;margin:14px 0}.chamber-heading>p:last-child{font:18px/1.7 Georgia,serif;color:#c8b99d}.chamber-section{max-width:1800px;margin:auto;border-block:1px solid #71532e;background:#090807}.chamber-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#8d6a3d #17120d}.chamber-stage{position:relative;width:100%;min-width:950px;line-height:0}.chamber-stage>img{display:block;width:100%;height:auto}.chamber-hotspot{position:absolute;transform:translate(-50%,-50%);width:13%;min-height:38px;padding:8px 5px;border:1px solid #b8965c99;border-radius:2px;background:linear-gradient(#1d1b17e8,#0b0a08ed);box-shadow:0 2px 12px #000b;color:#efd8a1;font:clamp(13px,1.4vw,22px)/1.2 Georgia,serif;cursor:pointer;text-shadow:1px 2px 2px #000;text-align:center}.chamber-hotspot:hover{background:#443423ed;border-color:#ffe1a2;color:#fff3d5;box-shadow:0 0 24px #e5b45766}.chamber-hotspot:focus-visible{outline:3px solid #ffe0a0;outline-offset:6px}.archive-page[data-hall="former"] .chamber-hotspot{width:8%;font:clamp(12px,1.1vw,18px)/1.2 Georgia,serif;background:#100d09d9;border-color:#8d6d3b99}.chamber-instruction{text-align:center;font-size:14px;line-height:1.6;color:#cfb27e;padding:8px 20px}.chamber-scroll-hint{display:none}.archive-banners{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:24px 0}.archive-banner{min-height:0;max-width:none;padding:18px 12px;border-color:#4e3b24;background:#1d1711}.archive-banner strong{margin-top:10px;font-size:18px}.archive-directory-mark{color:#bd9658;font-size:26px}.hall-destinations{padding:38px 4%;max-width:1500px;margin:auto}.hall-destinations h2{font:32px Georgia,serif;color:#e8cc97}.hall-destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hall-destination{position:relative;display:block;min-height:290px;overflow:hidden;border:1px solid #9a7440;color:#f3deb2;text-decoration:none;background:#17120e}.hall-destination img{width:100%;height:340px;object-fit:cover;display:block;transition:transform .4s}.hall-destination:hover img{transform:scale(1.025)}.hall-destination span{position:absolute;inset:auto 0 0;padding:65px 24px 24px;background:linear-gradient(transparent,#0d0a07f5 50%);display:grid;gap:10px}.hall-destination small{font-size:11px;letter-spacing:2px;color:#d2b478}.hall-destination strong{font:clamp(22px,2vw,31px)/1.2 Georgia,serif}.hall-destination em{font:15px/1.5 Georgia,serif;color:#d6c5a4}.hall-destination:focus-visible{outline:3px solid #ffe0a0;outline-offset:4px}@media(max-width:950px){.chamber-scroll-hint{display:inline}.chamber-hotspot{font-size:15px}.archive-page[data-hall="former"] .chamber-hotspot{font-size:13px}}@media(max-width:650px){.hall-destination-grid{grid-template-columns:1fr}.hall-destination img{height:310px}.chamber-heading{padding:24px 18px 18px}}@media(prefers-reduced-motion:reduce){.hall-destination img{transition:none}}

/* Lettering sits on the physical blank plaques/cloth; generous transparent hit areas cover the monuments. */
.archive-page[data-hall="fallen"] .chamber-hotspot{width:11.2%;min-height:46px;background:transparent;border-color:transparent;box-shadow:none;color:#e9ce91;text-shadow:0 1px 1px #000,0 -1px 1px #5e4b2d;font-variant:small-caps;font-size:clamp(14px,1.55vw,24px);letter-spacing:.4px}
.chamber-hotspot::before{content:"";position:absolute;left:-20%;right:-20%;bottom:-45%;height:700%;background:transparent}
.archive-page[data-hall="fallen"] .chamber-hotspot:hover{border-color:#e7c17d88;background:#a785401c;color:#fff0c8}
.archive-page[data-hall="former"] .chamber-hotspot{background:transparent;border-color:transparent;box-shadow:none;color:#dfbf7a;text-shadow:0 2px 2px #000;font-variant:small-caps;overflow-wrap:anywhere;min-height:55px}
.archive-page[data-hall="former"] .chamber-hotspot::before{left:-10%;right:-10%;bottom:-200%;height:650%}
.archive-page[data-hall="former"] .chamber-hotspot[data-slot="4"],.archive-page[data-hall="former"] .chamber-hotspot[data-slot="6"]{width:4.6%;font-size:clamp(10px,.8vw,14px);padding:3px}
.archive-page[data-hall="former"] .chamber-hotspot:hover{background:#bb994e1a;border-color:#c7a26088;color:#fff0c8}

/* Names are engraved/stitched into the generated art beneath the material and webs. */
.chamber-hotspot.chamber-engraved{color:transparent!important;text-shadow:none!important;font-size:0!important}.chamber-hotspot.chamber-engraved:hover{border-color:#e7c17d88;background:#b2924a18!important}.archive-page[data-hall="fallen"] .chamber-hotspot::before{height:1000%}

/* Hover follows the original artwork: white engraved glyphs or the whole cloth silhouette. */
.archive-page .chamber-hotspot.chamber-engraved,
.archive-page .chamber-hotspot.chamber-engraved:hover,
.archive-page .chamber-hotspot.chamber-engraved:focus-visible{transform:none;min-height:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;border-radius:0}
.archive-page .chamber-hotspot.chamber-engraved::before{display:none}
.chamber-art-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .22s;overflow:visible}
.memorial-name-glow{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #dcecff);}
.forsaken-banner-glow polygon{fill:#f5dfb814;stroke:#f1ddba;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #ead3a8)}
.chamber-stage:has(.chamber-engraved[data-slot="1"]:is(:hover,:focus-visible)) .chamber-art-glow[data-slot="1"]{opacity:1}
.chamber-stage:has(.chamber-engraved[data-slot="2"]:is(:hover,:focus-visible)) .chamber-art-glow[data-slot="2"]{opacity:1}
.chamber-stage:has(.chamber-engraved[data-slot="3"]:is(:hover,:focus-visible)) .chamber-art-glow[data-slot="3"]{opacity:1}
.chamber-stage:has(.chamber-engraved[data-slot="4"]:is(:hover,:focus-visible)) .chamber-art-glow[data-slot="4"]{opacity:1}
.chamber-stage:has(.chamber-engraved[data-slot="5"]:is(:hover,:focus-visible)) .chamber-art-glow[data-slot="5"]{opacity:1}
.chamber-stage:has(.chamber-engraved[data-slot="6"]:is(:hover,:focus-visible)) .chamber-art-glow[data-slot="6"]{opacity:1}
.chamber-stage:has(.chamber-engraved[data-slot="7"]:is(:hover,:focus-visible)) .chamber-art-glow[data-slot="7"]{opacity:1}
.chamber-stage:has(.chamber-engraved[data-slot="8"]:is(:hover,:focus-visible)) .chamber-art-glow[data-slot="8"]{opacity:1}
.chamber-stage:has(.chamber-engraved[data-slot="9"]:is(:hover,:focus-visible)) .chamber-art-glow[data-slot="9"]{opacity:1}
@media(prefers-reduced-motion:reduce){.chamber-art-glow{transition:none}}
