html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:radial-gradient(ellipse at 70% 0,#0b1630 0,transparent 48%),#070e23}.masthead{max-width:1680px}.reader-nav{display:flex;align-items:center;gap:28px}.reader-nav a{text-decoration:none;color:#e2d8c5;font-size:14px;letter-spacing:.35px;padding:12px 0;border-bottom:1px solid transparent}.reader-nav a:hover{color:var(--gold-light);border-color:var(--gold)}main{max-width:1764px;margin:auto}.intro{padding:40px 0 23px}.intro-note{text-align:right}.intro-note p{font-size:18px;line-height:1.6}.intro-note em{color:#e6d6b5}.reader-welcome{margin:0 0 28px;max-width:850px;color:#e2d8c5;line-height:1.8;font-size:16px}.reader-welcome a{display:inline-block;color:var(--gold-light);margin-left:8px;text-decoration-color:#bfa46b70;text-underline-offset:4px}.map-stage{height:clamp(460px,48vw,690px);max-height:none}.sidebar{max-height:calc(clamp(460px,48vw,690px) + 100px)}.map-caption{min-height:42px}.atlas{scroll-margin-top:18px}.lore-section{margin:82px 0 74px;scroll-margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.section-heading h2{font:42px/1.15 var(--serif);letter-spacing:-.7px;margin:12px 0 0}.section-heading>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 2px}.lore-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);margin-bottom:20px}.lore-filters{display:flex;gap:4px;overflow:auto}.lore-filters .filter{white-space:nowrap}.lore-toolbar>.secondary{white-space:nowrap;flex:none}.lore-toolbar>.secondary[aria-pressed=true]{border-color:var(--gold);color:var(--gold-light);background:#d7b56814}#saved-count{display:inline-block;margin-left:8px;color:var(--gold-light)}.lore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.lore-card{border:1px solid #d7b56838;background:linear-gradient(155deg,#0b1630,#0b1630);border-radius:5px;overflow:hidden;position:relative;box-shadow:0 8px 24px #0001;transition:transform .2s,border-color .2s}.lore-card:hover{transform:translateY(-4px);border-color:#d7b56890}.card-open{padding:0;width:100%;display:block;background:transparent;text-align:left}.card-art,.card-dialog-art{display:block;background-image:linear-gradient(0deg,#0b1630e8,transparent 75%),var(--view-art);background-size:auto,var(--view-size,280%);background-repeat:no-repeat;background-position:center,var(--crop-x) var(--crop-y);height:170px;position:relative;border-bottom:1px solid #d7b56832}.card-index{position:absolute;top:14px;left:17px;color:#ffedc6;background:#0b1630e8;border:1px solid #d1b67855;border-radius:2px;padding:5px 7px;font-size:12px;letter-spacing:1px}.card-category{position:absolute;bottom:17px;left:20px;color:#f1dec0;font-size:12px;letter-spacing:1.8px;text-transform:uppercase}.card-copy{display:block;padding:22px 20px 18px}.card-subtitle{display:block;color:var(--gold);font-size:12px;letter-spacing:1.15px;text-transform:uppercase;line-height:1.5;margin-bottom:11px}.card-title{display:block;font:25px/1.15 var(--serif);color:#f0eee5;min-height:58px}.card-lead{display:block;color:#e2d8c5;font-size:15px;line-height:1.75;margin-top:12px;min-height:43px}.card-read{display:flex;justify-content:space-between;margin-top:25px;font-size:13px;color:var(--gold-light);letter-spacing:.3px}.card-save{width:100%;padding:13px 20px;display:flex;justify-content:space-between;background:#0b163077;border-top:1px solid var(--line);font-size:13px;color:#e2d8c5}.card-save[aria-pressed=true]{color:var(--gold-light);background:#bb985f16}.collection-note{font-size:14px;line-height:1.7;color:#c6bca9;margin:22px 0 0}.lore-empty{grid-column:1/-1;text-align:center;padding:45px 20px;background:#0b1630;border:1px solid var(--line)}.lore-empty h3{font:30px var(--serif);margin:0 0 14px}.lore-empty p{color:var(--muted);font-size:16px;line-height:1.7}.lore-empty .secondary{margin-top:12px}.book-section{border-top:1px solid #d7b56835;border-bottom:1px solid #d7b56835;padding:65px 7%;display:grid;grid-template-columns:1fr 1.5fr;gap:8%;align-items:center;background:radial-gradient(ellipse at 25% 50%,#26395b33,transparent 60%);scroll-margin-top:20px}.book-ornament{font:180px var(--serif);color:var(--gold);text-align:center;text-shadow:0 0 85px #bb97694a;position:relative}.book-ornament:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #d7b56840;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.book-section h2{font:48px/1.08 var(--serif);margin:13px 0 19px;letter-spacing:-.8px}.book-section h2 em{font-weight:400;color:#e7d3aa}.book-byline{font-size:13px;letter-spacing:2.5px;color:var(--gold);margin-bottom:25px}.book-section p:not(.eyebrow):not(.book-byline){max-width:540px;font-size:16px;line-height:1.9;color:#e2d8c5}.book-section .book-note{font-style:italic;font-size:15px!important;color:#c6bca9!important}.text-link{display:inline-block;margin-top:17px;font-size:14px;color:var(--gold-light);text-underline-offset:5px}.text-link span{margin-left:10px}footer{align-items:center;padding:27px 0 35px}footer button{background:transparent;color:#e2d8c5;font-size:13px}.card-dialog{padding:0;width:540px;max-width:calc(100% - 28px);border-color:#d7b56865}.card-dialog-art{height:205px;background-size:auto,240%}.card-dialog-art .icon-button{position:absolute;right:14px;top:12px;width:36px;height:36px;display:grid;place-items:center;background:#0b1630ed;color:#fff2d2;border:1px solid #d5bb7e66}.card-dialog-body{padding:28px 30px 22px}.card-dialog-body h2{font-size:38px;line-height:1.12;margin:12px 0 21px}.card-dialog-body .card-body{font:17px/1.75 var(--serif);color:#f4eee2;margin-bottom:24px}.card-dialog-body .geo-box h3{font-size:12px;letter-spacing:1.4px;color:var(--gold);text-transform:uppercase;margin:0 0 10px}.card-dialog-actions{display:flex;gap:8px;margin-top:10px}.card-dialog-actions button{flex:1}.card-dialog-body .primary{margin-top:0;line-height:1.5}.card-status{font-size:14px!important;min-height:20px;margin:12px 0 0}.card-dialog-body label{font-size:14px;line-height:1.7;color:var(--muted)}#share-link{width:100%;background:#0b1630;border:1px solid var(--gold);color:var(--ink);padding:10px;margin:6px 0}.noscript{padding:20px;text-align:center;color:var(--gold-light)}[hidden]{display:none!important}#about-dialog h3{font-size:16px;color:var(--gold);margin-top:23px}.card-open:focus-visible{outline-offset:-4px}.reader-nav a:focus-visible{outline-offset:3px}
@media(min-width:1800px){.masthead{margin:auto}}
@media(max-width:1150px){.lore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading h2{font-size:36px}.section-heading>p{max-width:240px}.map-stage{height:570px}.sidebar{max-height:670px}.reader-nav{gap:20px}.book-section{padding:55px 5%;gap:6%}}
@media(max-width:800px){.masthead{height:auto;min-height:94px;align-items:flex-start;gap:14px;flex-direction:column;padding:19px 0 12px}.wordmark{gap:10px}.reader-nav{gap:24px;width:100%;justify-content:flex-start}.reader-nav a{font-size:14px;padding:5px 0}.intro{padding:28px 0 13px}.reader-welcome{font-size:15px;margin-bottom:23px;max-width:560px}.reader-welcome a{margin-left:0;display:block;margin-top:6px}.map-stage{height:58vw;min-height:340px;max-height:none}.sidebar{max-height:none}.lore-section{margin:55px 0}.section-heading{display:block}.section-heading h2{font-size:35px}.section-heading>p{max-width:none;margin-top:14px}.lore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.lore-toolbar{align-items:flex-start;flex-direction:column}.lore-filters{width:100%;padding-bottom:4px}.lore-toolbar>.secondary{padding:8px 11px}.book-section{grid-template-columns:1fr;gap:32px;padding:40px 25px}.book-ornament{font-size:90px;line-height:1.3}.book-ornament:after{width:100px;height:100px}.book-section h2{font-size:42px}.book-section>div:last-child{max-width:500px;margin:auto}footer{flex-wrap:wrap;gap:16px}footer>span:first-child{flex-basis:100%}footer>span:last-child{max-width:none;margin-left:auto}.card-title{font-size:24px}}
@media(max-width:450px){.lore-grid{grid-template-columns:1fr}.card-art{height:190px;background-size:auto,230%}.card-title{min-height:0;font-size:29px}.card-lead{min-height:0}.card-copy{padding:22px}.card-read{margin-top:20px}.section-heading h2{font-size:32px}.reader-nav{gap:22px}.reader-nav a{font-size:13px}.card-dialog-body{padding:23px}.card-dialog-body h2{font-size:33px}.card-dialog-art{height:165px}.book-section{padding:35px 20px}.book-section h2{font-size:37px}.map-stage{min-height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lore-card:hover{transform:none}}

/* Temple lore keeps the complete supplied sigil visible, without a banner crop. */
.card-dialog-with-art { width: 1000px; }
.card-dialog-heading {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 18px 12px 24px;
  background: var(--panel);
  border-bottom: 1px solid var(--line);
}
.card-dialog-heading .eyebrow { margin: 0; }
.card-dialog-heading .icon-button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  background: var(--navy);
  border: 1px solid #d7b56866;
  color: var(--gold-light);
}
.card-dialog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  align-items: start;
}
.card-dialog-figure {
  position: sticky;
  top: 88px;
  min-width: 0;
  margin: 24px 0 24px 24px;
}
.card-dialog-figure img {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(85svh - 120px);
  object-fit: contain;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--navy);
}
.card-dialog-with-art .card-dialog-body { min-width: 0; padding: 25px 28px 22px; }
.card-dialog-with-art .card-dialog-body h2 { font-size: clamp(32px, 3.6vw, 42px); }
@media(max-width:800px) {
  .card-dialog-layout { display: block; }
  .card-dialog-figure { position: static; max-width: 460px; margin: 22px auto 0; padding: 0 22px; }
  .card-dialog-figure img { max-height: 52svh; }
  .card-dialog-with-art .card-dialog-body { padding: 24px; }
}

.pin.selected .pin-label,.pin.compared .pin-label{display:block}.map-label-repair{position:absolute;z-index:1;pointer-events:none;background:#eee0b9;border:1px solid #b7a373;color:#0b1630;text-align:center;padding:4px 3px;font:600 18px/1.15 Georgia,serif;box-shadow:0 0 8px 5px #eee0b9}.map-label-repair small{display:block;font-size:17px;line-height:1.3;margin-top:5px;font-weight:400;font-style:italic}.map-label-fate{left:69.5%;top:37.7%;width:10.1%;min-height:5.5%}.map-label-volvumna{left:82.9%;top:53.5%;width:7.7%;min-height:5.1%}.map-label-turms{left:14.7%;top:55.4%;width:6.6%;min-height:6.2%}.viewing-notice{color:var(--muted);font-size:14px;line-height:1.7;margin:20px 0 0}.art-attribution{font-size:14px;line-height:1.6;color:var(--muted)}[data-art-error=true]{background:#0b1630}img[data-art-error=true]{min-height:80px}

.atlas-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:13px;color:var(--muted);padding-top:22px;line-height:1.8}.atlas-breadcrumbs a{color:var(--gold);text-decoration:none}

.atlas-publisher{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;line-height:1.8}.atlas-publisher img{width:56px;height:56px;object-fit:contain;flex:none}@media(max-width:800px){footer>.atlas-publisher{flex-basis:100%}}