/* Solaria: an atmospheric fantasy layer, with readability and original art preserved. */
:root{--arc-midnight:#080E1A;--arc-violet:#9382B9;--arc-silver:#C5CDDC;--arc-antique-gold:#D6BB8C}
body{background:#080E1A}
#world,#people,#bonds,#archive,#resonance{position:relative;isolation:isolate}
#world::before,#people::before,#bonds::before,#archive::before,#resonance::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 52% 36% at 84% 13%,rgba(114,91,159,.12),transparent 76%),radial-gradient(ellipse 46% 38% at 5% 73%,rgba(59,105,130,.11),transparent 76%)}
#world>.wrap,#people>.wrap,#bonds>.wrap,#archive>.wrap,#resonance>.wrap{position:relative;z-index:1}
#top.hero-reimagined:before{background:radial-gradient(ellipse 48% 48% at 52% 43%,rgba(25,26,45,.48),rgba(7,11,23,.81) 88%),radial-gradient(ellipse 90% 35% at 50% 0%,rgba(114,83,149,.19),transparent 73%),linear-gradient(180deg,rgba(8,13,24,.35),transparent 27%,rgba(7,11,20,.18) 65%,#080E1A)}
#top .hero-kicker{color:#D8C39B;letter-spacing:.24em}
#top .hero-rule{opacity:.75}
#top.hero-reimagined h1{text-shadow:0 0 42px rgba(209,176,108,.15)}
#top.hero-reimagined .lead{color:#F2EADD;text-shadow:0 3px 16px rgba(0,0,0,.85)}
#top .hero-below a{border-bottom-color:rgba(223,197,155,.7)}
#world .sh h2,#people .sh h2,#bonds .sh h2,#archive .sh h2,#resonance .sh h2{color:#F4E7D4;text-shadow:0 0 32px rgba(175,149,197,.12)}
#world .sh .orn,#people .sh .orn,#bonds .sh .orn,#archive .sh .orn,#resonance .sh .orn{color:#C9B28F;opacity:.83}
#world .sh p,#people .sh p,#bonds .sh p,#archive .sh p,#resonance .sh p{color:#C8CDD5}
#world .pl{background:linear-gradient(148deg,rgba(30,32,53,.78),rgba(15,22,35,.9));border-color:rgba(201,183,158,.22)}
#world .pl h3{color:#F3E7D8}
#world .report{transform:rotate(-.5deg);box-shadow:0 16px 54px rgba(0,0,0,.4),inset 0 0 45px rgba(128,86,52,.13)}
#regions .rinfo{border-color:rgba(213,190,160,.3);background:#0F1728}
#regions .rinfo .story,#regions .region-now{background:#151F2D}
#people .people-section-break i{color:#C8B292}
#people .secret{background:linear-gradient(125deg,#1D1D30,#121B29);border-left-color:rgba(217,176,151,.6)}
#archive .lib-nav a{background:linear-gradient(150deg,#1A2132,#101725)}
#archive .lib-seal{border-color:rgba(212,187,152,.27)}
#archive .lib-fragment{background:linear-gradient(125deg,#1C2635,#111B29)}
#resonance .res-panel{border-color:rgba(198,177,159,.29)}
#resonance .res-right{background:linear-gradient(145deg,#1B2235,#121B29)}
#resonance .res-overline,#archive .arc-overline,#people .people-chapter,#bonds .bonds-chapter{color:#D1B990}
@media(prefers-reduced-motion:reduce){#world .report{transform:none}}


/* SOLARIA / Stage 1: Northern atmosphere and the imperial chronicle. */
@media (prefers-reduced-motion:no-preference){
  #top.hero-reimagined .bg{
    animation:sol-northern-breath 42s ease-in-out infinite alternate;
    transform-origin:57% 45%;
    will-change:transform;
  }
  @keyframes sol-northern-breath{
    from{transform:scale(1.015) translate3d(0,0,0)}
    to{transform:scale(1.075) translate3d(-.8%,.4%,0)}
  }
  #top.hero-reimagined .bg::before{
    animation:sol-snow-near 25s linear infinite;
  }
  #top.hero-reimagined .bg::after{
    animation:sol-snow-far 39s linear infinite;
  }
  @keyframes sol-snow-near{
    from{background-position:0 0,0 0;transform:translate3d(0,-2%,0)}
    to{background-position:160px 520px,-120px 680px;transform:translate3d(-2%,2%,0)}
  }
  @keyframes sol-snow-far{
    from{background-position:0 0}
    to{background-position:-130px 430px}
  }
  #world .world-chapter.animate-in .world-chapter-image{
    animation:sol-record-reveal 1.05s cubic-bezier(.2,.72,.2,1) both;
  }
  #world .world-chapter.animate-in .world-chapter-content{
    animation:sol-record-reveal 1.05s .13s cubic-bezier(.2,.72,.2,1) both;
  }
  @keyframes sol-record-reveal{
    from{opacity:0;transform:translateY(22px)}
    to{opacity:1;transform:translateY(0)}
  }
}
#top.hero-reimagined{
  background-color:#080e1b;
}
#top.hero-reimagined .bg{
  overflow:hidden;
  backface-visibility:hidden;
}
#top.hero-reimagined .bg::before,
#top.hero-reimagined .bg::after{
  content:"";
  position:absolute;
  inset:-14%;
  pointer-events:none;
  z-index:1;
}
#top.hero-reimagined .bg::before{
  opacity:.38;
  background-image:
    radial-gradient(1.5px 1.5px at 22px 18px,rgba(235,244,255,.8) 93%,transparent),
    radial-gradient(1px 1px at 110px 82px,rgba(226,240,255,.55) 93%,transparent);
  background-size:173px 189px,237px 231px;
}
#top.hero-reimagined .bg::after{
  opacity:.23;
  background-image:radial-gradient(1px 1px at 51px 37px,rgba(244,249,255,.75) 90%,transparent);
  background-size:127px 149px;
}
#top.hero-reimagined:before{
  background:
    linear-gradient(0deg,#080e1a 0%,rgba(8,14,26,.70) 8%,rgba(8,14,26,.04) 35%),
    linear-gradient(90deg,rgba(6,12,24,.30),transparent 75%),
    radial-gradient(ellipse 53% 56% at 55% 40%,rgba(148,174,198,.11),transparent 80%);
}
#top.hero-reimagined .hero-kicker-dot{
  box-shadow:0 0 18px rgba(218,185,121,.24);
}
#top.hero-reimagined .hero-rule{
  opacity:.84;
}
#top.hero-reimagined h1{
  text-shadow:0 4px 28px rgba(0,0,0,.45),0 0 48px rgba(219,193,143,.15);
}
#top.hero-reimagined .hero-copy{
  position:relative;
}
#top.hero-reimagined .hero-copy:before{
  content:"";
  position:absolute;
  left:-24px;
  top:15%;
  bottom:12%;
  width:1px;
  background:linear-gradient(transparent,rgba(210,185,145,.34) 25%,rgba(194,175,221,.15) 75%,transparent);
  pointer-events:none;
}
#world.sec.world{
  background:
    radial-gradient(ellipse 65% 18% at 50% 0%,rgba(81,105,140,.14),transparent 83%),
    radial-gradient(ellipse 51% 20% at 92% 61%,rgba(100,84,136,.08),transparent 83%),
    #090F19;
}
#world .world-prologue{
  position:relative;
}
#world .world-prologue:before{
  content:"✧";
  display:block;
  color:rgba(211,184,139,.68);
  font:28px var(--disp);
  margin-bottom:13px;
}
#world .world-prologue-line{
  background:linear-gradient(to bottom,rgba(214,186,145,.7),rgba(172,156,194,.42),transparent);
}
#world .world-chapter-image{
  border:1px solid rgba(229,202,160,.28);
  box-shadow:0 26px 62px rgba(1,7,16,.36),0 0 35px rgba(150,119,169,.05);
}
#world .world-chapter-image:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(244,230,204,.07);
  box-shadow:inset 0 0 55px rgba(5,11,25,.25);
}
#world .world-chapter-image:after{
  background:linear-gradient(to top,rgba(5,9,18,.42),transparent 48%),linear-gradient(to right,rgba(12,18,34,.11),transparent 70%);
}
#world .world-chapter-head{
  letter-spacing:.14em;
}
#world .world-chapter-sub{
  text-shadow:0 0 18px rgba(197,168,125,.09);
}
#world .world-chapter-link{
  text-underline-offset:5px;
}
@media(max-width:760px){
  #top.hero-reimagined .bg::before{opacity:.21}
  #top.hero-reimagined .bg::after{opacity:.13}
  #top.hero-reimagined .hero-copy:before{left:-12px;opacity:.45}
  #world .world-prologue:before{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  #top.hero-reimagined .bg{animation:none!important;transform:none!important}
  #top.hero-reimagined .bg::before,#top.hero-reimagined .bg::after{animation:none!important}
}

/* Stage 1 refinement: visible imperial metalwork, without changing layout widths. */
@media (hover:hover) and (pointer:fine){
  html{scrollbar-color:#a98b56 #080e1a}
  ::-webkit-scrollbar-track{background:#080e1a;box-shadow:inset 1px 0 rgba(211,185,139,.10)}
  ::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#715834,#c2a46b 48%,#937346);border:1px solid #111a28;border-radius:5px;box-shadow:inset 0 1px rgba(255,237,187,.28)}
  ::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#9a7946,#e0c18a 48%,#b18c54)}
  ::-webkit-scrollbar-corner{background:#080e1a}
  @supports selector(::-webkit-scrollbar){html{scrollbar-color:auto}}
}
#regions .region-now{
  position:relative;
  margin-top:23px;
  padding:24px 25px 23px;
  border:1px solid rgba(207,174,112,.42);
  border-left:1px solid rgba(207,174,112,.42);
  background:radial-gradient(ellipse at 0 0,rgba(171,129,59,.13),transparent 68%),linear-gradient(135deg,#151b25,#0b1421);
  box-shadow:inset 0 0 0 4px rgba(9,16,27,.75),inset 0 0 0 5px rgba(207,174,112,.10),0 12px 25px rgba(0,0,0,.17);
}
#regions .region-now:before,#regions .region-now:after{content:"";position:absolute;width:17px;height:17px;pointer-events:none;border-color:#d3b575;border-style:solid}
#regions .region-now:before{top:5px;left:5px;border-width:1px 0 0 1px}
#regions .region-now:after{bottom:5px;right:5px;border-width:0 1px 1px 0}
#regions .region-now>b{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(207,174,112,.25);color:#eed6a4;font:700 18px/1.5 var(--disp);letter-spacing:.09em}
#regions .region-now>b:before{content:"✦";font-size:17px;color:#c9a460;text-shadow:0 0 13px rgba(212,175,106,.24)}
#regions .region-now ul{gap:13px}
#regions .region-now li{padding-left:0;color:#e0ded7;font-size:14px;line-height:1.85}
#regions .region-now li:before{content:none}
#regions .region-now li+li{border-top:1px solid rgba(207,174,112,.12);padding-top:12px}
#world .world-prologue:before{
  width:50px;height:50px;display:grid;place-items:center;margin:0 auto 23px;
  border:3px double rgba(214,183,125,.68);border-radius:50%;color:#e0c18a;font-size:30px;
  background:radial-gradient(circle,rgba(191,150,74,.15),transparent 72%);
  box-shadow:0 0 28px rgba(202,161,96,.13),inset 0 0 12px rgba(202,161,96,.10);
}
#world .world-kicker{color:#d9be8d;letter-spacing:.22em}
#world .world-prologue-line{width:2px;background:linear-gradient(#d8bb84,rgba(180,162,200,.55),transparent)}
#world .world-chapter-image{border-color:rgba(225,194,141,.48);box-shadow:0 24px 55px rgba(0,0,0,.46),0 0 0 5px rgba(191,160,105,.04)}
#world .world-chapter-image:before{border:0;box-shadow:inset 0 0 65px rgba(3,10,23,.48),inset 0 1px rgba(238,220,179,.2)}
#world .world-chapter-image:after{background:linear-gradient(0deg,rgba(4,10,22,.55),transparent 58%),linear-gradient(120deg,rgba(192,164,109,.13),transparent 45%,rgba(5,14,30,.23))}
#world .world-chapter-north .world-chapter-image:after{background:linear-gradient(0deg,rgba(4,12,26,.59),transparent 64%),linear-gradient(130deg,rgba(161,196,224,.18),transparent 50%,rgba(5,12,28,.30))}
#world .world-chapter-image img{filter:saturate(.78) contrast(1.09)}
#top.hero-reimagined .bg::before{opacity:.62}
#top.hero-reimagined .bg::after{opacity:.36}
#top.hero-reimagined:before{background:linear-gradient(0deg,#080e1a 0%,rgba(8,14,26,.78) 8%,transparent 38%),linear-gradient(90deg,rgba(6,12,24,.42),transparent 75%),radial-gradient(ellipse 44% 60% at 76% 24%,rgba(210,179,111,.23),transparent 78%)}
#top.hero-reimagined .hero-rule{filter:drop-shadow(0 0 5px rgba(220,180,106,.32))}
@media (prefers-reduced-motion:no-preference){
  #world .world-chapter.reveal-ready:not(.animate-in) .world-chapter-image,
  #world .world-chapter.reveal-ready:not(.animate-in) .world-chapter-content{opacity:0;transform:translateY(24px)}
}
@media(max-width:760px){
  #regions .region-now{padding:20px 18px}
  #regions .region-now>b{font-size:17px}
  #regions .region-now li{font-size:14px;line-height:1.8}
  #world .world-prologue:before{width:44px;height:44px;font-size:27px}
  #top.hero-reimagined .bg::before{opacity:.40}
  #top.hero-reimagined .bg::after{opacity:.24}
  #top.hero-reimagined:before{background:linear-gradient(0deg,#080e1a,rgba(8,14,26,.36) 30%,transparent 62%),radial-gradient(ellipse at 80% 18%,rgba(210,179,111,.18),transparent 62%)}
}
@media(prefers-reduced-motion:reduce){
  #world .world-chapter-image img{transform:none!important}
  #world .world-chapter-image,#world .world-chapter-content{animation:none!important;opacity:1;transform:none}
}