@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#070b11;--muted:#9caab7;--ink:#eaf2f6;--cyan:#76e9ed;--line:#26313c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}header{position:absolute;z-index:5;top:0;width:100%;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;letter-spacing:5px;font-weight:600}.brand-mark{color:var(--cyan);font-size:25px;margin-left:18px}nav{display:flex;gap:38px;font-size:14px}nav a:hover{color:var(--cyan)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;color:var(--cyan);border:1px solid #3a9ca3;padding:8px 23px;font-size:14px;white-space:nowrap}.hero{min-height:830px;height:100svh;max-height:1100px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#050b13 1%,#050b13e6 25%,#050b1345 62%,#050b1320),linear-gradient(0deg,#070b11,transparent 35%),url('assets/0057.webp') right 38%/auto 125% no-repeat;background-color:#060e1d;animation:arrive 1.6s ease-out}.hero-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#050b130e 4px);pointer-events:none}.hero-content{position:relative;padding:95px 7% 110px;width:100%}.eyebrow,.section-label,.hero-pre,.small,.subtitle,.world-foot{font-size:12px;letter-spacing:2.2px;font-weight:500}.eyebrow{color:var(--cyan);display:flex;align-items:center;gap:15px}.line{width:35px;height:1px;background:var(--cyan)}.hero-pre{margin-top:54px;color:#b0c5d7;letter-spacing:4px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(100px,14.5vw,220px);line-height:.9;font-weight:500;letter-spacing:.035em;margin:15px 0 25px;text-shadow:0 0 60px #55a4bc30}.hero-tagline{font-size:clamp(24px,2.7vw,38px);line-height:1.35;font-weight:500;margin:0 0 25px;letter-spacing:-1px}em{font-style:normal;color:var(--cyan)}.hero-description{font-size:16px;color:#a6b9c8;line-height:1.8}.button{display:inline-block;background:var(--cyan);color:#07161b;padding:14px 25px;font-size:14px;font-weight:600;margin-top:22px;border:1px solid var(--cyan);transition:background .2s,transform .2s}.button:hover{background:#b2ffff;transform:translateY(-2px)}.hero-bottom{position:absolute;bottom:32px;left:7%;right:5%;display:flex;justify-content:center;align-items:end;font-size:12px;letter-spacing:2px}.hero-bottom small{font-size:10px;color:#a4b2c3;letter-spacing:1.5px}.scroll{display:flex;gap:22px;align-items:center;font-size:12px;color:#9aabba}.hero-bottom .scroll{margin:0 auto}.hero-bottom .scroll span{font-size:30px;color:var(--cyan)}.scroll span{font-size:28px;color:var(--cyan)}.coordinates{text-align:right}.ribbon{display:flex;align-items:center;justify-content:space-evenly;padding:26px 6%;border-block:1px solid var(--line);font-size:12px;letter-spacing:3px;color:#90a3b5}.ribbon i{font-style:normal;color:#385466}.ribbon-question{color:var(--cyan)}.section{padding:110px 8%;max-width:1600px;margin:auto}.section-label{color:var(--cyan);margin-bottom:35px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:500;font-size:clamp(40px,4.5vw,68px);line-height:1.06;letter-spacing:-.5px;margin:0 0 35px}h2 span{color:#8d9dac}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%}.story-copy{padding-top:5px;color:var(--muted)}.story-copy p{margin:0 0 23px}.story-copy .lead{font-size:21px;color:#e0e9ef;line-height:1.6}.story-photo{height:300px;position:relative;overflow:hidden;margin-top:40px}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.75}.story-photo:after{display:none!important}.story-photo span{position:absolute;z-index:1;bottom:15px;left:20px;font-size:10px;letter-spacing:2px}blockquote{border-left:2px solid var(--cyan);padding:8px 0 8px 24px;margin:35px 0 0;color:var(--cyan);font-size:23px;line-height:1.5}.worlds{padding-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-heading h2{margin:0}.section-heading p{font-size:14px;color:var(--muted)}.world-tabs{display:flex;border-bottom:1px solid var(--line);gap:32px}.world-tabs button{border:0;border-bottom:2px solid transparent;color:#94a0ae;background:none;padding:16px 0;font-size:13px;letter-spacing:2px}.world-tabs button[aria-selected=true]{border-color:var(--cyan);color:var(--cyan)}.world-panel{height:530px;position:relative;overflow:hidden;margin-top:25px;background:#06131c}.world-panel>img{position:absolute;right:0;width:65%;height:100%;object-fit:cover;object-position:center 40%}.world-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071019 12%,#071019e8 33%,#07101918 80%)}.world-content{position:relative;z-index:1;padding:80px 5%;max-width:520px}.world-content h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:80px;font-weight:500;line-height:1;margin:20px 0}.world-content>p:not(.eyebrow){color:#afbdc7}.world-foot{display:block;color:#92b9c5;font-size:10px;margin-top:35px}.sophia{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:20px}.portrait{height:610px;position:relative}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 24%}.portrait:after{content:'';position:absolute;inset:0;border:1px solid #73dbe329;box-shadow:inset 0 -70px 60px -45px #070b11}.sophia-copy>p{color:var(--muted)}.sophia-copy .character{color:white;font-size:21px;letter-spacing:4px;margin:30px 0}.character span{font-size:10px;letter-spacing:2px;color:var(--cyan);margin-left:20px}.character-rule{height:1px;width:60px;background:var(--cyan);margin:35px 0}.sophia-copy .small{font-size:11px;color:#7f9ba9}.archive{border-top:1px solid var(--line)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.gallery button{background:none;border:0;color:inherit;text-align:left;padding:0;overflow:hidden}.gallery img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:filter .4s,transform .6s;filter:saturate(.8)}.gallery button:hover img{filter:saturate(1.15);transform:scale(1.025)}.gallery button>span{display:flex;align-items:center;gap:14px;padding:18px 0;font-size:11px;color:#6f8796;border-bottom:1px solid var(--line)}.gallery strong{font-size:14px;color:#c2d1db;font-weight:400}.gallery b{margin-left:auto;font-size:20px;color:var(--cyan);font-weight:400}.book{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;background:radial-gradient(ellipse at 25% 50%,#102735,transparent 65%);border-top:1px solid var(--line)}.book-art{text-align:center;perspective:1000px;position:relative;isolation:isolate;animation:bookFloat 6s ease-in-out infinite}.book-art:before{content:'';position:absolute;z-index:-1;left:18%;right:18%;bottom:4%;height:28%;border-radius:50%;background:#76e9ed26;filter:blur(30px);transform:rotateX(72deg);opacity:.75}.book-art img{width:70%;max-width:340px;box-shadow:16px 20px 45px #000;transform:rotateY(6deg) rotateZ(-1.5deg);border-left:5px solid #243646;will-change:transform;animation:bookTilt 6s ease-in-out infinite;transition:filter .35s ease}.book-art:hover img{filter:brightness(1.08) drop-shadow(0 0 18px #76e9ed22)}.book h2{font-size:84px;margin-bottom:15px}.book h2 span{color:var(--cyan)}.subtitle{font-size:12px;letter-spacing:2px}.author{font-size:14px;letter-spacing:3px;margin:26px 0;color:var(--cyan)}.book p:not(.subtitle):not(.author){max-width:380px;color:var(--muted)}.secondary{background:transparent;color:var(--cyan)}.secondary:hover{color:#07161b}.book-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.book-actions .button{margin-top:22px;padding:10px 16px;font-size:12px}.book-synopsis{display:inline-block;margin-top:18px;font-size:12px;letter-spacing:1.5px;color:#8fa3b0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.book-synopsis:hover{color:var(--cyan);border-color:var(--cyan)}@media(max-width:800px){.book-actions{align-items:stretch}.book-actions .button{margin-top:12px}}@media(max-width:540px){.book-actions{flex-direction:column;align-items:center}.book-actions .button{width:100%;margin-top:8px}}.closing{text-align:center;padding:100px 20px 110px;background:radial-gradient(ellipse at bottom,#112c38,transparent 65%)}.closing>p{font-size:11px;letter-spacing:4px;color:#95aebc}.closing h2{font-size:clamp(50px,6vw,85px);margin:30px 0}.closing a{display:inline-block;margin-top:20px;font-size:11px;letter-spacing:2px;border-bottom:1px solid #48606b;padding-bottom:10px}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>span{font-size:10px;letter-spacing:1.5px;color:#718592}dialog{border:1px solid #40535d;background:#080e15;color:white;max-width:95vw;max-height:95svh;padding:35px 30px 10px}dialog::backdrop{background:#01040bea;backdrop-filter:blur(10px)}dialog img{display:block;max-width:80vw;max-height:76svh;margin:auto;object-fit:contain}dialog p{text-align:center;font-size:14px;color:#bfced8}.close{position:absolute;right:4px;top:0;border:0;background:none;color:white;font-size:30px;width:40px;height:40px}@keyframes arrive{from{transform:scale(1.05);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes bookFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bookTilt{0%,100%{transform:rotateY(10deg) rotateZ(-3deg)}50%{transform:rotateY(8deg) rotateZ(-1deg)}}@media(min-width:1600px){.hero-content{padding-left:10%}}@media(max-width:800px){header{padding:20px 6%}.brand{font-size:25px}nav{gap:18px}nav a{font-size:12px}.brand-mark{display:none}.nav-cta{padding:6px 12px;font-size:12px}.hero{min-height:790px;max-height:1000px}.hero-art{background-position:center,center,65% center;background-size:auto,auto,auto 110%}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050b13d9,#050b1330)}.hero-content{padding:100px 7%}.hero h1{font-size:clamp(96px,19vw,150px)}.hero-tagline{font-size:28px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-bottom .scroll{display:none}.ribbon{padding:23px 4%;font-size:9px;letter-spacing:1.5px}.section{padding:70px 7%}.story-layout{gap:40px}.story-copy .lead{font-size:18px}.story-photo{height:270px}h2{font-size:45px}.section-heading{display:block}.section-heading p{margin-top:25px}.sophia{gap:7%}.portrait{height:520px}.sophia h2{font-size:38px}.gallery{gap:18px;grid-template-columns:repeat(2,1fr)}.world-content{max-width:420px}.book{gap:7%}.book h2{font-size:65px}.book-art img{width:85%}footer>span{display:none}}@media(max-width:540px){nav{gap:16px}nav a:nth-child(3){display:none}.nav-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.hero-pre{margin-top:55px;font-size:11px}.hero-description{font-size:14px}.ribbon{font-size:8px;letter-spacing:1px}.ribbon i{font-size:9px}.section-label{font-size:10px;margin-bottom:25px}.story-layout,.sophia,.book{grid-template-columns:1fr}.story-photo{height:230px}.story-copy{padding-top:10px}.story-copy .lead{font-size:20px}.section{padding:65px 7%}.world-panel{height:560px}.world-panel>img{width:100%;object-position:50% 30%}.world-panel:after{background:linear-gradient(0deg,#071019 3%,#071019db 40%,#07101905 100%)}.world-content{padding:255px 7% 25px;max-width:none}.world-content h3{font-size:58px;margin:14px 0}.world-content p{font-size:14px}.world-foot{font-size:8px;margin-top:20px}.portrait{height:470px}.sophia-copy{margin-top:30px}.sophia h2{font-size:44px}.gallery{gap:14px}.gallery strong{font-size:12px}.gallery button>span{gap:7px}.gallery b{font-size:17px}.book{gap:60px}.book-art img{max-width:240px}.book>div:last-child{text-align:center}.book p{margin-left:auto;margin-right:auto}.book h2{font-size:70px}.closing{padding:60px 15px 80px}.closing h2{font-size:48px}footer{flex-direction:column;gap:8px}footer p{font-size:9px}.section-heading p{font-size:14px}dialog{padding:35px 10px 5px}dialog img{max-width:86vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.language-switch{display:flex;align-items:center;gap:10px;margin-left:20px;font-size:12px;flex-shrink:0;color:#526571;text-transform:uppercase;letter-spacing:.8px}.language-switch a{color:#a0b0bc;padding:6px 2px;text-decoration:none;font-weight:600;white-space:nowrap}.language-switch a[aria-current=page]{color:var(--cyan);border-bottom:1px solid var(--cyan)}.language-switch span{color:#526571}
@media(max-width:800px){header{gap:14px}nav{gap:15px}.language-switch{margin-left:0;gap:8px}.nav-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}}
@media(max-width:540px){header{flex-wrap:wrap;gap:8px}.language-switch{margin-left:auto}header nav{order:3;width:100%;justify-content:center;gap:25px}header nav a:nth-child(3){display:block}.hero-content{padding-top:130px}.hero .eyebrow{max-width:290px;line-height:1.6}.hero-tagline{max-width:340px}.hero-bottom{gap:12px}.hero-bottom>span:first-child{max-width:75%}}

/* Official MYSTES identity, shared by both languages and the Archive. */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1} .brand-logo{display:block;width:120px;height:auto;filter:none!important;image-rendering:auto}header{padding-top:14px;padding-bottom:14px}footer .brand-logo{width:130px}@media(max-width:540px){ .brand-logo{width:104px;filter:none!important}header{padding-top:10px;padding-bottom:10px}}

/* Book purchase page */
.buy-page{background:radial-gradient(ellipse at 50% 10%,#102735 0%,#070b11 45%);min-height:100vh}
.buy-page header{position:relative}
.buy-hero{padding-top:110px;padding-bottom:55px;text-align:center}
.buy-hero .section-label{margin-bottom:20px}
.buy-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,8vw,110px);font-weight:500;line-height:.92;margin:0 0 25px}
.buy-hero h1 span{color:var(--cyan)}
.buy-hero>p:last-child{max-width:650px;margin:0 auto;color:var(--muted)}
.buy-options{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:40px}
.buy-card{border:1px solid var(--line);background:#09131be6;padding:35px;min-height:380px;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.buy-card:hover{border-color:#48616d}
.buy-card-number{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;color:var(--cyan);line-height:1}
.buy-card-type{font-size:10px;letter-spacing:2.5px;color:#7f96a5;margin-top:22px}
.buy-card h2{font-size:58px;margin:12px 0 15px}
.buy-card p{color:var(--muted);max-width:420px;margin:0 0 25px}
.buy-card .button{margin-top:auto;padding:10px 16px;font-size:12px}
.buy-card small{display:block;color:#647986;font-size:10px;line-height:1.5;margin-top:14px}
.teaser-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:30px}
.teaser-panel h2{margin-bottom:15px}
.teaser-panel p{color:var(--muted);max-width:550px;margin:0}
.teaser-link{white-space:nowrap;color:var(--cyan);border-bottom-color:var(--cyan)}
.buy-footer{display:flex;justify-content:center;gap:45px;padding-top:45px;padding-bottom:80px}
@media(max-width:900px){.buy-options{grid-template-columns:1fr 1fr}.buy-card:last-child{grid-column:1/-1}.teaser-panel{display:block}.teaser-link{display:inline-block;margin-top:25px}}
@media(max-width:540px){.buy-hero{padding-top:80px}.buy-options{grid-template-columns:1fr;padding-top:20px}.buy-card:last-child{grid-column:auto}.buy-card{min-height:340px;padding:28px}.buy-card h2{font-size:52px}.teaser-panel{margin-top:10px}.buy-footer{flex-direction:column;align-items:center;gap:22px}}

/* Mobile-first visual composition: prioritize header, Sophia, title and CTA. */
@media(max-width:540px){
  body{overflow-x:hidden}
  header{position:absolute;z-index:10;background:linear-gradient(#050b13e8,transparent);border-bottom:0;padding:12px 6% 22px}
  header .brand-logo{width:82px}
  header nav{display:flex;order:3;width:100%;justify-content:center;gap:22px;margin-top:4px}
  header nav a{font-size:11px;letter-spacing:.3px}
  header nav a:nth-child(3){display:none}
  .language-switch{font-size:12px;gap:7px}
  .hero{
    min-height:0;height:auto;max-height:none;display:block;overflow:hidden;
    background:#050b13;
  }
  .hero-art{
    position:relative;inset:auto;width:100%;height:54vh;min-height:430px;max-height:560px;
    background:
      linear-gradient(0deg,#050b13 0%,#050b1340 38%,#050b1310 72%),
      linear-gradient(90deg,#050b1360 0%,transparent 55%,#050b1360 100%),
      url('assets/0056.webp') center 18%/cover no-repeat;
    animation:none;
  }
  .hero-art:after{display:none}
  .hero-grid{position:absolute;inset:0;height:54vh;min-height:430px;max-height:560px}
  .hero-content{
    position:relative;padding:25px 8% 65px;width:100%;
    background:linear-gradient(#050b13,#070b11);
  }
  .hero-content .eyebrow{
    font-size:9px;letter-spacing:1.5px;line-height:1.6;gap:10px;
    margin:0 0 22px;
  }
  .hero-content .line{width:24px;flex:0 0 24px}
  .hero-pre{
    margin:0 0 10px;font-size:9px;letter-spacing:2.5px;color:#91a8b8;
  }
  .hero h1{
    font-size:clamp(72px,24vw,112px);line-height:.84;
    letter-spacing:.01em;margin:0 0 22px;
  }
  .hero-tagline{
    font-size:clamp(23px,6.8vw,31px);line-height:1.16;
    letter-spacing:-.6px;margin:0 0 20px;max-width:360px;
  }
  .hero-description{
    font-size:14px;line-height:1.65;color:#9eafbd;
    margin:0 0 26px;max-width:330px;
  }
  .hero-content .button{
    margin-top:0;padding:11px 19px;font-size:12px;
  }
  .hero-bottom{display:none}
  .ribbon{display:none}
  .worlds{padding-top:55px}
  .sophia{display:none}
  .book-actions{flex-direction:column;align-items:center}
  .book-actions .button{width:100%;margin-top:8px}
}

/* Hero cinematic slideshow */
.hero-art,.hero-art-next{
  --hero-image:url('assets/0057.webp');
  background-image:linear-gradient(90deg,#050b13 1%,#050b13e6 25%,#050b1345 62%,#050b1320 100%),linear-gradient(0deg,#070b11,transparent 35%),var(--hero-image);
  background-position:center,right 38%,right 38%;
  background-size:cover,cover,auto 125%;
  background-repeat:no-repeat;
  transition:opacity 1.8s ease-in-out;
}
.hero-art{z-index:0}
.hero-art-next{position:absolute;inset:0;z-index:0;opacity:0;animation:none;pointer-events:none}
@media(max-width:540px){
  .hero-art,.hero-art-next{
    height:54vh;min-height:430px;max-height:560px;
    background-image:linear-gradient(0deg,#050b13 0%,#050b1340 38%,#050b1310 72%),linear-gradient(90deg,#050b1360 0%,transparent 55%,#050b1360 100%),var(--hero-image);
    background-position:center,center,center 18%;
    background-size:cover,cover,cover;
  }
  .hero-art-next{height:54vh;min-height:430px;max-height:560px}
}
@media(prefers-reduced-motion:reduce){
  .hero-art,.hero-art-next{transition:none}
}
/* Universe / World Building / Characters pages */
.universe-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0 55px}
.universe-card{border:1px solid var(--line);background:#09131be8;padding:34px;min-height:280px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,background .25s}
.universe-card:hover{transform:translateY(-4px);border-color:#4b6875;background:#0b1821}
.universe-card-index{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;color:var(--cyan);line-height:1}
.universe-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;font-weight:500;line-height:1.02;margin:18px 0 14px}
.universe-card p{color:var(--muted);max-width:520px;margin:0 0 25px}
.universe-card strong{margin-top:auto;font-size:10px;letter-spacing:2px;color:var(--cyan)}
.universe-preview{margin-top:0}
.universe-page-links{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1100px;margin:0 auto 70px;padding:0 8%}
.universe-page-links a{border:1px solid var(--line);padding:22px 25px;background:#09131be8;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}
.universe-page-links a:hover{border-color:#4b6875}
.universe-page-links span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;color:var(--cyan);grid-row:span 2}
.universe-page-links strong{font-size:12px;letter-spacing:2px}
.universe-page-links small{color:var(--muted);margin-top:4px}
.lore-page,.characters-page{background:#070b11}
.lore-page header,.characters-page header{position:absolute;z-index:10}
.lore-hero,.characters-hero{max-width:1240px;min-height:540px;margin:55px auto 0;padding:85px 38px 70px;display:flex;align-items:center;position:relative;overflow:hidden;border:1px solid #26313c;background:linear-gradient(90deg,#070b11e8 0%,#070b11b8 38%,#070b1140 68%,#070b1180 100%),radial-gradient(ellipse at 78% 45%,#12303a 0%,transparent 48%),#09131b}.characters-hero-copy{position:relative;z-index:2;max-width:760px}.characters-hero-art{position:absolute;inset:0;z-index:0;display:flex;justify-content:flex-end;overflow:hidden}.characters-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070b11 0%,#070b1155 38%,transparent 75%),linear-gradient(0deg,#070b11 0%,transparent 30%,#070b1130 100%)}.characters-hero-art img{width:58%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.9) contrast(1.05);opacity:.82}.characters-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(90px,11vw,155px);line-height:.82;font-weight:500;margin:18px 0 28px}.characters-hero>p{max-width:700px;color:var(--muted);font-size:18px}.characters-hero .character-nav{position:relative;z-index:3}.characters-hero+.character-section{margin-top:55px}@media(max-width:800px){.characters-hero{margin:20px 7% 0;min-height:650px;padding:70px 28px 50px;align-items:flex-start}.characters-hero-art img{width:100%;opacity:.45}.characters-hero-copy{margin-top:20px}.characters-hero h1{font-size:clamp(78px,17vw,125px)}}.character-nav{display:flex;gap:30px;margin-top:55px;flex-wrap:wrap}
.character-nav a{font-size:10px;letter-spacing:2px;color:#8ea3b0;border-bottom:1px solid var(--line);padding-bottom:10px}
.character-nav a:hover{color:var(--cyan);border-color:var(--cyan)}
.character-section{padding:100px 8%;max-width:1700px;margin:auto}
.character-section.dark-panel{max-width:none}
.character-section .section-heading{margin-bottom:45px}
.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.character-card{border:1px solid var(--line);background:#09131b;display:flex;flex-direction:column;min-height:510px;overflow:hidden}
.character-image{height:270px;background:#0b1720;overflow:hidden;display:flex;align-items:center;justify-content:center}
.character-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.character-placeholder{background:linear-gradient(135deg,#0a141c,#111f28);border-bottom:1px solid var(--line)}
.character-placeholder span{font-size:9px;letter-spacing:2px;color:#5e7480;text-align:center}
.character-copy{padding:23px}
.character-number{font-family:'Barlow Condensed',Impact,sans-serif;color:var(--cyan);font-size:28px}
.character-copy h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:500;line-height:1;margin:12px 0 7px}
.character-role{font-size:8px;letter-spacing:1.8px;color:#718996}
.character-copy p{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0 0}
.character-footer{text-align:center;padding:120px 20px 140px;background:radial-gradient(ellipse at bottom,#112c38,transparent 65%)}
.character-footer h2{font-size:clamp(50px,6vw,90px);margin:20px 0}
@media(max-width:1000px){.hierarchy{grid-template-columns:repeat(4,1fr)}.character-grid{grid-template-columns:repeat(2,1fr)}.location-grid{grid-template-columns:repeat(2,1fr)}.sector-cards{grid-template-columns:repeat(2,1fr)}}

.desktop-story-group{position:relative}.desktop-story-group>button{background:none;border:0;color:inherit;font:inherit;padding:0;display:flex;align-items:center;gap:7px}.desktop-story-group>button span{color:var(--cyan);font-size:12px}.desktop-story-submenu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);display:none;min-width:150px;padding:14px 0;background:#071018;border:1px solid #26313c;box-shadow:0 12px 30px #0008}.desktop-story-group:hover .desktop-story-submenu,.desktop-story-group:focus-within .desktop-story-submenu{display:flex;flex-direction:column}.desktop-story-submenu a{padding:8px 18px;white-space:nowrap}.desktop-story-submenu a:hover{color:var(--cyan)}
@media(max-width:700px){.universe-hub,.universe-page-links,.lore-grid,.lore-feature{grid-template-columns:1fr}.lore-hero{min-height:650px;padding-top:145px;grid-template-columns:1fr}.lore-stat{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.lore-stat span{align-self:end}.sector-cards,.location-grid,.character-grid{grid-template-columns:1fr}.hierarchy{grid-template-columns:repeat(2,1fr)}.characters-hero{padding-top:145px;min-height:620px}.character-section{padding:75px 7%}.character-card{min-height:0}.character-image{height:330px}.universe-card h3{font-size:40px}}
@media(max-width:540px){.lore-hero h1,.characters-hero h1{font-size:24vw}.lore-section{padding:70px 7%}.lore-grid article h2{font-size:40px}.lore-feature h2{font-size:44px}.lore-stat strong{font-size:50px}.hierarchy{grid-template-columns:1fr 1fr}.character-nav{gap:15px}.character-nav a{font-size:8px}.character-image{height:360px}}



/* Final story layout: image and synopsis side by side */
#historia .story-layout{display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important;column-gap:7% !important;row-gap:0 !important;align-items:start !important;width:100%}
#historia .story-layout>div:first-child{display:block !important;min-width:0 !important}
#historia .story-copy{display:block !important;min-width:0 !important;padding-top:5px !important}
#historia .story-photo{height:620px !important;margin-top:40px !important;overflow:hidden !important}
#historia .story-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
#historia .story-book-cta{display:inline-flex;align-items:center;margin-top:28px}
@media(max-width:800px){#historia .story-layout{grid-template-columns:1fr !important;row-gap:40px !important}#historia .story-photo{height:500px !important}}
@media(max-width:540px){#historia .story-photo{height:440px !important}}


/* Story image: no dark overlay */
#historia .story-photo:after{display:none!important;opacity:0!important;background:none!important}
#historia .story-photo img{opacity:1!important;filter:none!important}


/* Story CTA — high-impact book button */
#historia .story-book-cta{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:30px;
  padding:15px 18px 15px 24px;
  min-width:225px;
  border:1px solid var(--cyan);
  border-radius:2px;
  background:linear-gradient(135deg,var(--cyan),#b8ffff);
  color:#061218;
  font-size:12px;
  font-weight:800;
  letter-spacing:2.2px;
  line-height:1;
  box-shadow:0 0 0 1px #76e9ed22,0 8px 28px #76e9ed22;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
#historia .story-book-cta:before{
  content:'';
  position:absolute;
  top:0;
  left:-45%;
  width:32%;
  height:100%;
  background:#ffffff99;
  transform:skewX(-22deg);
  transition:left .55s ease;
}
#historia .story-book-cta span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #06121866;
  font-size:18px;
  line-height:1;
  transition:transform .25s ease,background .25s ease;
}
#historia .story-book-cta:hover{
  transform:translateY(-4px);
  background:#c8ffff;
  box-shadow:0 12px 38px #76e9ed55,0 0 0 4px #76e9ed18;
}
#historia .story-book-cta:hover:before{left:125%}
#historia .story-book-cta:hover span{
  transform:translateX(4px);
  background:#ffffff55;
}
#historia .story-book-cta:active{transform:translateY(-1px)}
@media(max-width:540px){
  #historia .story-book-cta{
    width:100%;
    max-width:300px;
    min-width:0;
    padding:15px 16px 15px 20px;
  }
}


/* MYSTES: Dimensional War */
.game-promo{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.game-promo-art{min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#123541 0%,#09151d 42%,#070b11 72%)}
.game-promo-art:before{content:'DIMENSIONAL WAR';position:absolute;top:22px;left:22px;font-size:9px;letter-spacing:3px;color:#5d8792}
.game-card{position:absolute;width:190px;height:285px;border:1px solid #78e9ed80;border-radius:5px;background:linear-gradient(145deg,#102b36,#071017 72%);box-shadow:0 25px 55px #0009,0 0 28px #76e9ed18;display:flex;flex-direction:column;padding:20px;overflow:hidden}
.game-card:after{content:'';position:absolute;inset:10px;border:1px solid #76e9ed24;pointer-events:none}
.game-card .gc-dim{font-size:8px;letter-spacing:2px;color:var(--cyan)}
.game-card strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;font-weight:500;line-height:.9;margin-top:auto}
.game-card span{font-size:9px;letter-spacing:1.5px;color:#8199a5;margin-top:8px}
.game-card b{font-family:'Barlow Condensed',Impact,sans-serif;color:var(--cyan);font-size:42px;font-weight:500;margin-top:16px}
.game-card.one{transform:translateX(-105px) rotate(-13deg);z-index:1}
.game-card.two{transform:translateY(-15px);z-index:3}
.game-card.three{transform:translateX(105px) rotate(13deg);z-index:2}
.game-promo-copy .section-label{margin-bottom:24px}
.game-promo-copy h2{font-size:clamp(52px,5vw,78px)}
.game-promo-copy h2 span{color:var(--cyan)}
.game-promo-copy>p{color:var(--muted);max-width:600px}
.game-promo-stats{display:flex;gap:30px;margin:28px 0;flex-wrap:wrap}
.game-promo-stat{border-left:1px solid var(--cyan);padding-left:13px}
.game-promo-stat strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:500;color:var(--cyan);line-height:1}
.game-promo-stat span{display:block;font-size:9px;letter-spacing:1.7px;color:#728b98;margin-top:6px}
.game-promo .button{margin-top:5px}
.game-page{background:radial-gradient(ellipse at 70% 10%,#12323d 0%,#070b11 45%);min-height:100vh}
.game-hero{padding:155px 8% 90px;min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center}
.game-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(90px,13vw,180px);line-height:.8;font-weight:500;letter-spacing:.01em;margin:18px 0 30px}
.game-hero h1 span{color:var(--cyan)}
.game-hero>div>p:last-child{max-width:680px;color:var(--muted);font-size:18px}
.game-hero-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center}
.game-hero-art .game-card{width:220px;height:330px}
.game-intro{max-width:900px;margin:auto;text-align:center;padding-top:0}
.game-intro p{color:var(--muted);font-size:18px}
.game-section{padding:100px 8%;max-width:1600px;margin:auto}
.game-section.dark{max-width:none;background:#09131a}
.game-section h2{margin-bottom:18px}
.game-section>p{color:var(--muted);max-width:760px}
.game-decks{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}
.game-deck{border:1px solid var(--line);padding:35px;background:#09131be8;min-height:320px;position:relative;overflow:hidden}
.game-deck:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;bottom:-130px;background:#76e9ed12}
.game-deck.bad:after{background:#ff5e5e10}
.game-deck-index{font-family:'Barlow Condensed',Impact,sans-serif;font-size:58px;color:var(--cyan);line-height:1}
.game-deck.bad .game-deck-index{color:#e68a8a}
.game-deck h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:55px;font-weight:500;margin:18px 0 5px}
.game-deck h3 span{font-size:15px;letter-spacing:3px;color:#8197a4;vertical-align:middle;margin-left:12px}
.game-deck p{color:var(--muted)}
.game-types{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}
.game-type{border-top:1px solid var(--line);padding:24px 5px}
.game-type b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;color:var(--cyan);font-weight:500}
.game-type h3{font-size:13px;letter-spacing:2px;margin:10px 0}
.game-type p{font-size:13px;color:var(--muted);margin:0}
.game-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}
.game-step{border:1px solid var(--line);padding:26px;background:#09131b}
.game-step b{font-family:'Barlow Condensed',Impact,sans-serif;color:var(--cyan);font-size:32px}
.game-step h3{font-size:12px;letter-spacing:2px;margin:14px 0 8px}
.game-step p{font-size:13px;color:var(--muted);margin:0}
.game-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.game-mode{padding:30px;border:1px solid var(--line);background:#09131b}
.game-mode h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;font-weight:500;margin:0 0 12px}
.game-mode h3 span{color:var(--cyan)}
.game-mode p,.game-mode li{font-size:13px;color:var(--muted)}
.game-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px;margin-top:35px}
.game-setting{display:grid;grid-template-columns:35px 1fr auto;gap:10px;border-top:1px solid var(--line);padding:12px 0;font-size:11px}
.game-setting b{color:var(--cyan)}
.game-setting span{color:#a7b6bf}
.game-setting em{font-style:normal;color:#8095a0;font-size:9px;letter-spacing:1px}
.game-rule-note{border-left:2px solid var(--cyan);padding:15px 0 15px 22px;color:#b9cbd5;margin-top:45px}
.game-cta{text-align:center;padding:100px 20px 120px;background:radial-gradient(ellipse at bottom,#112c38,transparent 65%)}
.game-cta h2{font-size:clamp(55px,7vw,95px);margin:20px 0}
.game-back{display:inline-block;margin-top:28px;font-size:10px;letter-spacing:2px;color:#8ea3b0;border-bottom:1px solid var(--line);padding-bottom:9px}
@media(max-width:800px){
 .game-promo,.game-hero{grid-template-columns:1fr;gap:45px}
 .game-promo-art{min-height:430px}
 .game-hero{padding-top:130px}
 .game-hero-art{height:390px}
 .game-decks,.game-types,.game-flow,.game-modes{grid-template-columns:1fr}
 .game-settings{grid-template-columns:1fr}
}
@media(max-width:540px){
 .game-promo-art{min-height:390px}
 .game-card{width:145px;height:220px;padding:14px}
 .game-card.one{transform:translateX(-75px) rotate(-12deg)}
 .game-card.three{transform:translateX(75px) rotate(12deg)}
 .game-card strong{font-size:27px}
 .game-card b{font-size:32px}
 .game-hero h1{font-size:24vw}
 .game-hero-art .game-card{width:155px;height:235px}
 .game-section{padding:70px 7%}
 .game-deck h3{font-size:46px}
}


/* Universe hub */
.universe-hub{max-width:1500px;margin:auto;padding:80px 7% 120px}
.universe-hub-intro{max-width:850px;margin-bottom:70px}
.universe-hub-intro h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:500;font-size:clamp(70px,9vw,130px);line-height:.88;margin:25px 0}
.universe-hub-intro h1 em{color:var(--cyan);font-style:normal}
.universe-hub-intro p:not(.section-label){max-width:680px;color:var(--muted);font-size:17px;line-height:1.8}
.universe-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.universe-option{min-height:410px;border:1px solid var(--line);background:linear-gradient(145deg,#0b151d,#071016);padding:34px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}
.universe-option:before{content:'';position:absolute;inset:auto -80px -110px auto;width:260px;height:260px;border-radius:50%;background:#76e9ed0b}
.universe-option:hover{transform:translateY(-5px);border-color:#76e9ed80;background:linear-gradient(145deg,#0e1b24,#071016)}
.universe-option .option-number{font:11px monospace;letter-spacing:3px;color:var(--cyan)}
.universe-option h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:55px;font-weight:500;line-height:.95;margin:45px 0 15px}
.universe-option h2 span{color:var(--cyan)}
.universe-option p{color:#9fb2bd;line-height:1.7;max-width:390px}
.universe-option .option-list{margin-top:auto;padding-top:30px;font:10px monospace;letter-spacing:1.5px;color:#6f8995;text-transform:uppercase}
.universe-option .option-arrow{margin-top:22px;color:var(--cyan);font-size:12px;letter-spacing:2px}
.universe-note{margin-top:25px;padding:20px 0;border-top:1px solid var(--line);color:#708792;font-size:11px;letter-spacing:.5px}
.curiosity-page{background:#070b11}
.curiosity-hero{max-width:1500px;margin:auto;padding:110px 7% 80px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}
.curiosity-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(75px,9vw,135px);font-weight:500;line-height:.82;margin:25px 0}
.curiosity-hero h1 em{color:var(--cyan);font-style:normal}
.curiosity-hero p:not(.section-label){color:var(--muted);max-width:650px;font-size:17px;line-height:1.8}
.curiosity-signal{border:1px solid var(--line);padding:28px;background:#0a131a}
.curiosity-signal strong{display:block;font:42px 'Barlow Condensed',Impact,sans-serif;color:var(--cyan)}
.curiosity-signal span{font:10px monospace;letter-spacing:2px;color:#8197a2}
.curiosity-section{max-width:1500px;margin:auto;padding:85px 7%}
.curiosity-section.dark{max-width:none;background:#09131a}
.curiosity-section h2{font-size:clamp(48px,5vw,75px);margin:15px 0 20px}
.curiosity-section>p{max-width:780px;color:var(--muted);line-height:1.8}
.curiosity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}
.curiosity-card{border:1px solid var(--line);padding:28px;background:#0a141c}
.curiosity-card b{font:42px 'Barlow Condensed',Impact,sans-serif;color:var(--cyan)}
.curiosity-card h3{font:25px 'Barlow Condensed',Impact,sans-serif;font-weight:500;margin:15px 0 10px}
.curiosity-card p{color:#9fb2bd;line-height:1.7;font-size:13px}
.curiosity-code{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.curiosity-code article{border:1px solid var(--line);padding:30px;background:#0a141c}
.curiosity-code .big{font:clamp(55px,7vw,95px) 'Barlow Condensed',Impact,sans-serif;color:var(--cyan);letter-spacing:3px}
.curiosity-code p{color:#9fb2bd;line-height:1.7}
.curiosity-egg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
.curiosity-egg{border-top:1px solid var(--line);padding:24px 5px}
.curiosity-egg h3{font:30px 'Barlow Condensed',Impact,sans-serif;font-weight:500;margin:0 0 8px}
.curiosity-egg p{color:#9fb2bd;line-height:1.7;font-size:13px;margin:0}
.curiosity-back{display:flex;justify-content:space-between;gap:20px;max-width:1500px;margin:auto;padding:35px 7%;border-top:1px solid var(--line)}
.curiosity-back a{color:var(--cyan);font-size:11px;letter-spacing:2px}
@media(max-width:900px){
 .universe-options,.curiosity-grid{grid-template-columns:1fr}
 .curiosity-hero{grid-template-columns:1fr}
 .curiosity-code,.curiosity-egg-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
 .universe-hub{padding-top:55px}
 .universe-option{min-height:330px}
 .universe-option h2{font-size:48px}
 .curiosity-hero{padding-top:65px}
}

/* World Building interactive sector explorer */
.world-sector-explorer{max-width:1500px;margin-left:auto;margin-right:auto}.world-sector-intro{max-width:760px;color:#9fb2bd;line-height:1.8;margin:0 0 35px}.world-sector-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.world-sector-actions a{text-decoration:none;display:inline-flex;align-items:center;border:1px solid var(--border,#29414b);padding:12px 18px;color:var(--accent,#76e9ed);font-size:12px}.world-sector-actions a:hover{border-color:var(--accent,#76e9ed);background:rgba(118,233,237,.07)}

/* World Building map: same visual language as the original archive terminal */
.lore-page .world-sector-explorer{--accent:#76e9ed;--accent-rgb:118,233,237;--panel:#0c151d;--border:#29414b}
.lore-page .world-sector-explorer .sector-map{border:0;border-radius:0;padding:12px 0;background:radial-gradient(ellipse at center,rgba(118,233,237,.055),transparent 70%)}
.lore-page .world-sector-explorer .city-map{display:block;width:100%;height:auto;overflow:visible;color:#76e9ed}
.lore-page .world-sector-explorer .city-wall,.lore-page .world-sector-explorer .city-road{fill:none;stroke:#76e9ed;stroke-width:1;opacity:.45}
.lore-page .world-sector-explorer .city-road{opacity:.2;stroke-width:3}
.lore-page .world-sector-explorer .district{fill:#0c151d;stroke:#29414b;stroke-width:1.6;transition:fill .2s,stroke .2s}
.lore-page .world-sector-explorer .city-texture{opacity:.22;pointer-events:none;color:#76e9ed}
.lore-page .world-sector-explorer .city-map [role=button]{cursor:pointer;outline:none}
.lore-page .world-sector-explorer .city-map [role=button]:hover .district,.lore-page .world-sector-explorer .city-map [role=button]:focus-visible .district{fill:rgba(118,233,237,.15);stroke:#76e9ed;stroke-width:2.5}
.lore-page .world-sector-explorer .city-map [aria-pressed=true] .district{fill:rgba(118,233,237,.22);stroke:#76e9ed;stroke-width:2.5}
.lore-page .world-sector-explorer .city-map text{text-anchor:middle;pointer-events:none;fill:#76e9ed;font-family:Inter,Arial,sans-serif}
.lore-page .world-sector-explorer .district-number{font-size:30px;font-weight:500;paint-order:stroke;stroke:#0c151d;stroke-width:5px}
.lore-page .world-sector-explorer .district-name{font-size:8px;letter-spacing:.6px;paint-order:stroke;stroke:#0c151d;stroke-width:3px}
.lore-page .world-sector-explorer .city-core{fill:#0c151d;stroke:#76e9ed;stroke-width:1.5}
.lore-page .world-sector-explorer .babel-spire{fill:none;stroke:#76e9ed;stroke-width:1.5}
.lore-page .world-sector-explorer .babel-name{font-size:9px;letter-spacing:1.4px}
.lore-page .world-sector-explorer .compass text{font-size:11px;opacity:.7}
.lore-page .world-sector-explorer .dome-caption{color:#76e9ed}
.lore-page .world-sector-explorer .map-caption{color:#8c9fa9}
.lore-page .world-sector-explorer .sector-detail h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;line-height:1.1;margin:18px 0;color:#edf3f5}
.lore-page .world-sector-explorer .sector-detail>p{color:#b8c8d1}
.lore-page .world-sector-explorer .signal-copy{border-left:2px solid #76e9ed;padding:12px 18px;background:rgba(118,233,237,.04);margin:25px 0;color:#c1ced5}
.lore-page .world-sector-explorer .signal-copy>span{font:10px monospace;letter-spacing:1.5px;color:#76e9ed}
.lore-page .world-sector-explorer .signal-copy p{margin:10px 0 0;font-size:14px;color:#c1ced5}
.lore-page .world-sector-actions button{font:12px Inter,Arial,sans-serif;color:#76e9ed;border:1px solid #29414b;background:transparent;padding:12px 18px;line-height:1.4;cursor:pointer}
.lore-page .world-sector-actions button:hover{border-color:#76e9ed;background:rgba(118,233,237,.07)}
.lore-page .world-sector-actions a{font-size:12px;color:#76e9ed}
@media(max-width:900px){.lore-page .world-sector-explorer .sector-layout{grid-template-columns:1fr}}

/* World Building v2 — City / Beyond the Dome */
.lore-page{background:#070b11}.wb-hero{max-width:1500px;margin:auto;min-height:calc(100vh - 90px);padding:100px 7% 90px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:70px;align-items:center;position:relative;overflow:hidden}.wb-hero:before{content:'';position:absolute;width:720px;height:720px;right:-250px;top:50%;transform:translateY(-50%);border:1px solid #76e9ed20;border-radius:50%;box-shadow:0 0 0 80px #76e9ed08,0 0 0 160px #76e9ed04;pointer-events:none}.wb-hero-main{position:relative;z-index:1}.wb-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(82px,11vw,165px);font-weight:500;line-height:.78;letter-spacing:-2px;margin:25px 0 35px}.wb-hero h1 em{font-style:normal;color:#76e9ed}.wb-hero-copy{max-width:720px;color:#9fb2bd;font-size:18px;line-height:1.8}.wb-hero-system{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}.wb-orbit{width:min(390px,80vw);aspect-ratio:1;border:1px solid #76e9ed70;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 90px #76e9ed08,0 0 90px #76e9ed08}.wb-orbit:before,.wb-orbit:after{content:'';position:absolute;border:1px solid #76e9ed25;border-radius:50%;inset:12%;transform:rotate(35deg) scaleX(.72)}.wb-orbit:after{inset:25%;transform:rotate(-50deg) scaleX(.8);border-style:dashed}.wb-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:#76e9ed;box-shadow:0 0 25px #76e9ed;top:13%;left:21%}.wb-orbit span{font:12px monospace;letter-spacing:5px;color:#76e9ed}.wb-hero-stats{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #26313c}.wb-hero-stats div{padding:16px 0;border-right:1px solid #26313c}.wb-hero-stats div:last-child{border-right:0}.wb-hero-stats b{display:block;font:38px 'Barlow Condensed',Impact,sans-serif;color:#eaf2f6}.wb-hero-stats span{font:9px monospace;letter-spacing:2px;color:#718893}.wb-section{max-width:1500px;margin:auto;padding:115px 7%}.wb-city{background:#070b11}.wb-section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:70px}.wb-section-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,7vw,105px);font-weight:500;line-height:.88;margin:20px 0 0}.wb-section-heading h2 span,.wb-subheading h3 span{color:#76e9ed}.wb-section-heading>p{color:#9fb2bd;font-size:16px;line-height:1.8;max-width:650px}.wb-city-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-bottom:110px}.wb-city-intro>div:first-child{border:1px solid #26313c;padding:38px;background:#09131a}.wb-kicker{font:10px monospace;letter-spacing:3px;color:#76e9ed}.wb-city-intro h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:54px;font-weight:500;line-height:.95;margin:20px 0}.wb-city-intro p:not(.wb-kicker){color:#9fb2bd;line-height:1.8;max-width:720px}.wb-quote{padding:38px;display:flex;align-items:center;background:#0a141b;border:1px solid #26313c;color:#76e9ed;font:clamp(30px,4vw,54px)/.92 'Barlow Condensed',Impact,sans-serif}.wb-sector-block{padding-top:5px}.wb-subheading{margin-bottom:35px}.wb-subheading h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,5vw,76px);font-weight:500;line-height:.9;margin:18px 0}.wb-subheading p:not(.section-label){max-width:700px;color:#9fb2bd;line-height:1.8}.wb-sector-block .sector-layout{max-width:1120px;grid-template-columns:minmax(0,620px) minmax(280px,1fr);gap:55px;align-items:center}.wb-sector-block .sector-map{padding:0;background:radial-gradient(ellipse at center,#76e9ed0a,transparent 70%)}.wb-power{margin-top:115px;padding:80px 0 0;border-top:1px solid #26313c}.wb-power .hierarchy{margin-top:45px}.wb-beyond{max-width:none;background:#09131a;border-top:1px solid #26313c;border-bottom:1px solid #26313c}.wb-beyond .wb-section-heading{max-width:1500px;margin-left:auto;margin-right:auto}.wb-location-grid{max-width:1500px;margin:65px auto 0;grid-template-columns:repeat(4,1fr);gap:1px;background:#26313c}.wb-location-grid article{min-height:240px;background:#09131a;padding:30px;position:relative}.wb-location-grid article>span{font:10px monospace;letter-spacing:2px;color:#76e9ed}.wb-location-grid h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;font-weight:500;margin:45px 0 12px}.wb-location-grid p{color:#9fb2bd;line-height:1.7;font-size:13px}.wb-endcap{max-width:1500px;margin:auto;padding:35px 7%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #26313c}.wb-endcap a{color:#76e9ed;font-size:11px;letter-spacing:2px;text-decoration:none}.lore-page .archive-header{display:none}
@media(max-width:1000px){.wb-hero{grid-template-columns:1fr;min-height:auto}.wb-hero-system{min-height:390px}.wb-section-heading,.wb-city-intro{grid-template-columns:1fr;gap:30px}.wb-sector-block .sector-layout{grid-template-columns:1fr;gap:35px}.wb-location-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wb-hero{padding-top:70px}.wb-hero h1{font-size:24vw}.wb-hero-system{min-height:320px}.wb-orbit{width:280px}.wb-hero-stats b{font-size:29px}.wb-section{padding:75px 7%}.wb-section-heading h2{font-size:58px}.wb-city-intro h3{font-size:44px}.wb-quote{min-height:220px}.wb-location-grid{grid-template-columns:1fr}.wb-location-grid article{min-height:200px}.wb-power{margin-top:80px;padding-top:55px}.wb-endcap{display:block}.wb-endcap a{display:inline-block;margin-top:15px}}

/* Remove obsolete city intro card; sector explorer is the immediate next block. */
.wb-city-intro{display:none!important}
.wb-sector-block{margin-top:0;padding-top:0}
.wb-sector-block .wb-subheading{margin-bottom:42px}
.wb-sector-block .sector-layout{margin-top:0}

/* World Building hero — devastated Earth / intact Moon */
.wb-hero-system{position:relative;min-height:460px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.wb-hero-system:before{display:none}.wb-hero-image{position:absolute;inset:-20px -120px 70px -80px;overflow:hidden}.wb-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070b11 0%,#070b1130 28%,transparent 55%),linear-gradient(0deg,#070b11 0%,transparent 25%)}.wb-hero-image img{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block}.wb-hero-stats{position:relative;z-index:2;width:100%}.wb-orbit{display:none}
@media(max-width:1000px){.wb-hero-image{inset:0 -80px 80px -80px}.wb-hero-image img{object-position:62% center}}

/* Interactive sectors map — restored to a larger desktop scale. */
.lore-page .world-sector-explorer .sector-map{width:100%;max-width:820px;margin:0 auto}
@media(max-width:1000px){.lore-page .world-sector-explorer .sector-map{width:100%;max-width:820px}}


/* Interactive power hierarchy pyramid */
.lore-page .wb-power .power-pyramid-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:65px;align-items:center;margin-top:50px}
.lore-page .wb-power .power-pyramid{display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto}
.lore-page .wb-power .pyramid-level{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:20px;height:72px;border:1px solid #29414b;background:#0a141b;color:#dce8ed;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);padding:0 8%;transition:background .2s,border-color .2s,color .2s,transform .2s;width:var(--pyramid-width,100%);margin-bottom:-1px;text-align:left}
.lore-page .wb-power .pyramid-level:nth-child(1){--pyramid-width:38%}
.lore-page .wb-power .pyramid-level:nth-child(2){--pyramid-width:48%}
.lore-page .wb-power .pyramid-level:nth-child(3){--pyramid-width:58%}
.lore-page .wb-power .pyramid-level:nth-child(4){--pyramid-width:68%}
.lore-page .wb-power .pyramid-level:nth-child(5){--pyramid-width:78%}
.lore-page .wb-power .pyramid-level:nth-child(6){--pyramid-width:89%}
.lore-page .wb-power .pyramid-level:nth-child(7){--pyramid-width:100%}
.lore-page .wb-power .pyramid-level b{font:30px 'Barlow Condensed',Impact,sans-serif;color:#76e9ed;min-width:38px;font-weight:500}
.lore-page .wb-power .pyramid-level span{font:10px Inter,Arial,sans-serif;letter-spacing:1.7px;color:#d5e1e6;white-space:nowrap}
.lore-page .wb-power .pyramid-level:hover,.lore-page .wb-power .pyramid-level:focus-visible{background:#10212a;border-color:#76e9ed;color:#fff;transform:translateX(4px)}
.lore-page .wb-power .pyramid-level[aria-pressed=true]{background:rgba(118,233,237,.13);border-color:#76e9ed}
.lore-page .wb-power .pyramid-level[aria-pressed=true] b,.lore-page .wb-power .pyramid-level[aria-pressed=true] span{color:#76e9ed}
.lore-page .wb-power .power-pyramid-detail{border-left:2px solid #76e9ed;padding:28px 30px;background:#0a141b;min-height:220px}
.lore-page .wb-power .power-pyramid-detail .power-detail-index{font:11px monospace;letter-spacing:3px;color:#76e9ed}
.lore-page .wb-power .power-pyramid-detail h4{font:42px/1 'Barlow Condensed',Impact,sans-serif;font-weight:500;margin:15px 0 8px;color:#edf3f5}
.lore-page .wb-power .power-pyramid-detail .power-detail-role{font-size:11px;letter-spacing:1.8px;color:#7f9aa7;margin:0 0 22px;text-transform:uppercase}
.lore-page .wb-power .power-pyramid-detail p:last-child{color:#aebfc8;line-height:1.75;margin:0}
@media(max-width:1000px){.lore-page .wb-power .power-pyramid-wrap{grid-template-columns:1fr;gap:35px}.lore-page .wb-power .power-pyramid{max-width:720px}.lore-page .wb-power .power-pyramid-detail{max-width:720px;width:100%;margin:0 auto}}
@media(max-width:600px){.lore-page .wb-power .pyramid-level{height:64px;padding:0 7%;gap:12px}.lore-page .wb-power .pyramid-level b{font-size:26px;min-width:32px}.lore-page .wb-power .pyramid-level span{font-size:8px;letter-spacing:1.2px}.lore-page .wb-power .pyramid-level:nth-child(1){--pyramid-width:48%}.lore-page .wb-power .pyramid-level:nth-child(2){--pyramid-width:57%}.lore-page .wb-power .pyramid-level:nth-child(3){--pyramid-width:66%}.lore-page .wb-power .pyramid-level:nth-child(4){--pyramid-width:75%}.lore-page .wb-power .pyramid-level:nth-child(5){--pyramid-width:84%}.lore-page .wb-power .pyramid-level:nth-child(6){--pyramid-width:92%}.lore-page .wb-power .pyramid-level:nth-child(7){--pyramid-width:100%}.lore-page .wb-power .power-pyramid-detail{padding:22px}.lore-page .wb-power .power-pyramid-detail h4{font-size:34px}}

.lore-page .world-sector-explorer .babel-interactive{cursor:pointer}
.lore-page .world-sector-explorer .babel-interactive[aria-pressed="true"] .city-core{fill:rgba(118,233,237,.16);stroke:#76e9ed;stroke-width:2.5;filter:drop-shadow(0 0 10px rgba(118,233,237,.35))}
.lore-page .world-sector-explorer .babel-interactive[aria-pressed="true"] .babel-spire{stroke:#76e9ed;stroke-width:2}
.lore-page .world-sector-explorer .babel-interactive[aria-pressed="true"] .babel-name{fill:#76e9ed}
.lore-page .world-sector-explorer .babel-interactive:hover .city-core{fill:rgba(118,233,237,.10);stroke:#76e9ed}

.lore-page .wb-world-sector{border-top:1px solid var(--line);padding-top:clamp(60px,8vw,110px)}.lore-page .wb-world-sector-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;margin-top:38px}.lore-page .wb-world-sector-art,.lore-page .wb-world-sector-visual{min-height:430px;border:1px solid var(--line);background:#091119;position:relative;overflow:hidden}.lore-page .wb-world-sector-art img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;filter:saturate(.78) contrast(1.05)}.lore-page .wb-world-sector-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,11,17,.85))}.lore-page .wb-world-sector-art span{position:absolute;z-index:2;left:24px;bottom:22px;font-size:11px;letter-spacing:.18em;color:var(--cyan)}.lore-page .wb-world-sector-card{border:1px solid var(--line);padding:clamp(28px,4vw,46px);display:flex;flex-direction:column;justify-content:center;background:rgba(9,17,25,.72)}.lore-page .wb-world-sector-card h3{font-size:clamp(30px,4vw,52px);margin:10px 0 20px;font-weight:500}.lore-page .wb-world-sector-card>p:not(.section-label){color:var(--muted);line-height:1.8}.lore-page .wb-world-sector-meta{display:grid;gap:12px;margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.lore-page .wb-world-sector-meta span{font-family:"Barlow Condensed",sans-serif;color:var(--cyan);letter-spacing:.12em;font-size:13px}.lore-page .wb-world-sector-meta b{color:var(--ink);font-weight:500;margin-left:10px}.lore-page .wb-eden .wb-world-sector-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(118,233,237,.09),transparent 42%),#091119}.lore-page .eden-mark{font-family:"Barlow Condensed",sans-serif;font-size:clamp(80px,14vw,180px);letter-spacing:.08em;color:var(--cyan);line-height:.8}.lore-page .wb-eden .wb-world-sector-visual small{margin-top:24px;letter-spacing:.24em;color:var(--muted);font-size:10px}.lore-page .wb-eden .wb-world-sector-visual i,.lore-page .wb-eden .wb-world-sector-visual b{position:absolute;border:1px solid rgba(118,233,237,.18);border-radius:50%;width:62%;aspect-ratio:1;left:19%;top:19%;pointer-events:none}.lore-page .wb-eden .wb-world-sector-visual b{width:38%;left:31%;top:31%;border-color:rgba(118,233,237,.28)}@media(max-width:800px){.lore-page .wb-world-sector-layout{grid-template-columns:1fr}.lore-page .wb-world-sector-art,.lore-page .wb-world-sector-art img,.lore-page .wb-world-sector-visual{min-height:330px}}

/* Reduce Althëa artwork size */
.lore-page #althea .wb-world-sector-art{min-height:320px;max-height:360px;}
.lore-page #althea .wb-world-sector-art img{min-height:320px;max-height:360px;}

.lore-page .wb-location-grid .wb-location-link{display:block;color:inherit;text-decoration:none;min-height:240px;padding:30px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.lore-page .wb-location-grid .wb-location-link:hover{background:rgba(118,233,237,.035);transform:translateY(-2px)}.lore-page .wb-location-grid .wb-location-link span{display:block}.lore-page .wb-location-grid .wb-location-link h3{margin-top:54px}.lore-page .wb-place-hero{padding:clamp(70px,10vw,140px) 0 50px;max-width:1000px}.lore-page .wb-place-hero h1{font-size:clamp(60px,10vw,130px);line-height:.9;margin:14px 0 28px}.lore-page .wb-place-hero>p:last-child{max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}.lore-page .wb-place-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px;margin-bottom:80px}.lore-page .wb-place-art,.lore-page .wb-place-card{border:1px solid var(--line);background:#091119}.lore-page .wb-place-art{min-height:430px;overflow:hidden}.lore-page .wb-place-art img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}.lore-page .wb-place-art-empty{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(118,233,237,.08),transparent 55%),#091119}.lore-page .wb-place-art-empty span{font-family:"Barlow Condensed",sans-serif;font-size:clamp(40px,7vw,100px);color:var(--cyan);text-align:center}.lore-page .wb-place-card{padding:40px;display:flex;flex-direction:column;justify-content:center}.lore-page .wb-place-card h2{font-size:clamp(36px,5vw,64px);margin:12px 0 22px}.lore-page .wb-place-card p{color:var(--muted);line-height:1.8}.lore-page .wb-place-card .wb-place-note{border-top:1px solid var(--line);margin-top:26px;padding-top:22px;color:var(--ink)}@media(max-width:800px){.lore-page .wb-place-content{grid-template-columns:1fr}.lore-page .wb-place-art,.lore-page .wb-place-art img{min-height:300px}.lore-page .wb-location-grid .wb-location-link{min-height:200px}}

/* Location page headers */
.lore-page .wb-place-header{position:relative;min-height:520px;display:grid;grid-template-columns:90px minmax(0,1fr) 180px;gap:34px;align-items:end;padding:clamp(70px,9vw,130px) 0 70px;border-bottom:1px solid var(--line);overflow:hidden}.lore-page .wb-place-header:before{content:"";position:absolute;width:520px;height:520px;right:4%;top:8%;border:1px solid rgba(118,233,237,.09);border-radius:50%;box-shadow:0 0 0 80px rgba(118,233,237,.025),0 0 0 160px rgba(118,233,237,.018);pointer-events:none}.lore-page .wb-place-header-index{font-family:"Barlow Condensed",sans-serif;font-size:72px;line-height:1;color:var(--cyan);letter-spacing:.04em;align-self:start;padding-top:12px}.lore-page .wb-place-header-main{position:relative;z-index:1}.lore-page .wb-place-header-main h1{font-size:clamp(64px,10vw,150px);line-height:.82;letter-spacing:-.035em;margin:18px 0 28px;max-width:1100px}.lore-page .wb-place-header-main h2{font-family:"Barlow Condensed",sans-serif;font-size:16px;letter-spacing:.22em;color:var(--cyan);margin:22px 0 12px}.lore-page .wb-place-header-main>p:last-child{max-width:720px;color:var(--muted);font-size:18px;line-height:1.7}.lore-page .wb-place-header-line{width:100%;max-width:720px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.lore-page .wb-place-header-mark{position:relative;z-index:1;align-self:end;text-align:right;font-family:"Barlow Condensed",sans-serif;letter-spacing:.18em;font-size:12px;color:var(--muted);line-height:1.5}.lore-page .wb-place-header-mark span{font-size:8px;letter-spacing:.3em;color:var(--cyan)}@media(max-width:800px){.lore-page .wb-place-header{grid-template-columns:55px 1fr;min-height:420px;gap:18px;padding-bottom:50px}.lore-page .wb-place-header-index{font-size:48px}.lore-page .wb-place-header-main h1{font-size:clamp(52px,16vw,100px)}.lore-page .wb-place-header-mark{display:none}.lore-page .wb-place-header:before{right:-220px;top:20%}}

/* Mobile lore header spacing: keep navigation clear of page eyebrow */
@media(max-width:540px){
  .lore-page header,.characters-page header{height:130px;min-height:0;padding:12px 6% 0;align-items:flex-start;position:absolute;left:0;right:0;top:0}
  .lore-page header nav,.characters-page header nav{position:absolute;top:78px;left:0;width:100%;margin:0;justify-content:center;gap:28px}
  .lore-page .lore-hero,.lore-page .characters-hero{padding-top:185px}
}

/* Mobile three-dot navigation */
.mobile-menu-toggle,.mobile-menu-panel{display:none}
@media(max-width:700px){
  header .language-switch,.archive-header .language-switch{display:none!important}
  header nav,.archive-header nav{display:none!important}
  .mobile-menu-toggle{display:flex;position:absolute;right:5%;top:24px;width:42px;height:42px;padding:0;border:1px solid #738a99;background:#071018;align-items:center;justify-content:center;flex-direction:column;gap:4px;z-index:40;cursor:pointer}
  .mobile-menu-toggle span{display:block;width:4px;height:4px;border-radius:50%;background:#76e9ed;transition:transform .2s,opacity .2s}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg);width:18px;height:2px;border-radius:0}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-4px) rotate(-45deg);width:18px;height:2px;border-radius:0}
  .mobile-menu-panel{display:block;position:fixed;inset:0;background:rgba(5,11,17,.985);z-index:35;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
  .mobile-menu-panel.is-open{opacity:1;visibility:visible;transform:none}
  .mobile-menu-close{display:flex;position:absolute;top:24px;right:5%;width:42px;height:42px;padding:0;border:1px solid #738a99;background:#071018;align-items:center;justify-content:center;z-index:50;cursor:pointer}
  .mobile-menu-close span{position:absolute;display:block;width:20px;height:2px;background:#76e9ed;box-shadow:0 0 8px rgba(118,233,237,.55)}.mobile-menu-close span:first-child{transform:rotate(45deg)}.mobile-menu-close span:last-child{transform:rotate(-45deg)}
  .mobile-menu-main,.mobile-menu-subtoggle{position:relative;font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;letter-spacing:1px;color:#edf3f5;text-decoration:none;padding:0 18px 13px;background:none;border:0;cursor:pointer}.mobile-menu-main::after,.mobile-menu-subtoggle::after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:2px;background:#76e9ed;box-shadow:0 0 10px rgba(118,233,237,.65)}.mobile-menu-subtoggle{display:flex;align-items:center;gap:18px}.mobile-menu-subtoggle>span{font-family:Arial,sans-serif;font-size:24px;color:#76e9ed;line-height:1}.mobile-menu-group{display:flex;flex-direction:column;align-items:center}.mobile-menu-submenu{display:none;flex-direction:column;align-items:center;gap:15px;padding-top:20px}.mobile-menu-group.is-expanded .mobile-menu-submenu{display:flex}.mobile-menu-submenu a{position:relative;font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;letter-spacing:1px;color:#9fb0bb;text-decoration:none;padding:0 14px 9px}.mobile-menu-submenu a::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:rgba(118,233,237,.7);box-shadow:0 0 7px rgba(118,233,237,.35)}
  .mobile-menu-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:14px;padding:82px 20px 30px}
  .mobile-menu-inner>a{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(280px,82vw);min-height:42px;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;letter-spacing:1px;color:#edf3f5;text-decoration:none;padding:0 8px 10px}
  .mobile-menu-inner>a::after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:1px;background:#76e9ed;box-shadow:0 0 7px rgba(118,233,237,.55)}
  .mobile-menu-inner>a:hover{color:#76e9ed}
  .mobile-menu-language{display:flex;align-items:center;justify-content:center;gap:18px;width:min(280px,82vw);box-sizing:border-box;font-family:Inter,Arial,sans-serif;font-size:12px;letter-spacing:1.8px;margin:8px auto 0;padding:13px 8px 4px;border-top:1px solid #2b4650}
  .mobile-menu-language a{color:#aebdc5;text-decoration:none;padding:5px 8px}
  .mobile-menu-language a[aria-current="page"]{color:#76e9ed;font-weight:700}
  .mobile-menu-open{overflow:hidden}
  .lore-page header .mobile-menu-toggle,.characters-page header .mobile-menu-toggle{top:24px}
  .archive-header .mobile-menu-toggle{top:18px;right:5%}
}
/* Desktop navigation: Universe submenu + language switch at right */
header nav .desktop-universe-group{position:relative;display:flex;align-items:flex-start}
header nav .desktop-universe-group>a{padding-bottom:28px}
header nav .desktop-universe-submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:185px;padding:9px 0;background:#09131b;border:1px solid #26313c;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s;z-index:20}
header nav .desktop-universe-group:hover .desktop-universe-submenu,header nav .desktop-universe-group:focus-within .desktop-universe-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
header nav .desktop-universe-submenu a{display:block;padding:10px 15px;font-size:11px;letter-spacing:1.3px;white-space:nowrap}
header nav .desktop-universe-submenu a:hover{background:rgba(118,233,237,.06);color:var(--cyan)}
header .language-switch{display:flex;align-items:center;gap:8px;border:1px solid #738a99;padding:8px 16px;font-size:13px}
header .language-switch a:first-child{color:var(--cyan)}
header .language-switch a:hover{color:var(--cyan)}
@media(max-width:1000px){header nav .desktop-universe-group>a{padding-bottom:0}header nav .desktop-universe-submenu{display:none}}

/* Desktop header positioning and typography */
@media(min-width:1001px){
 header{justify-content:flex-start;gap:0;padding-left:5%;padding-right:5%}
 header .brand{flex:0 0 auto}
 header nav{margin-left:clamp(90px,8vw,150px);font-size:16px;gap:34px;align-items:center}
 header nav a,header nav button{font-size:16px}
 header .language-switch{margin-left:auto}
 header .nav-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
 header nav .desktop-story-group>a,
header nav .desktop-universe-group>a,
header nav .desktop-game-group>a{display:flex;align-items:center;gap:7px}
 header nav .desktop-story-group>a span,header nav .desktop-universe-group>a span{color:var(--cyan);font-size:13px;line-height:1}
}

/* Final desktop header alignment */
@media(min-width:1001px){
 header .brand{margin-right:0 !important}
 header nav{margin-left:42px !important;gap:32px !important;font-size:18px !important}
 header nav a,header nav button{font-size:18px !important}
 header nav .desktop-story-group>a,
header nav .desktop-universe-group>a,
header nav .desktop-game-group>a{font-size:18px !important}
 header nav .desktop-universe-group>a span{color:#76e9ed !important;font-size:13px !important}
}

/* Align desktop navigation items vertically */
@media(min-width:1001px){
 header nav{align-items:center !important}
 header nav .desktop-story-group,
header nav .desktop-universe-group,
header nav .desktop-game-group{display:flex !important;align-items:center !important;height:100%}
 header nav .desktop-story-group>a,
header nav .desktop-universe-group>a,
header nav .desktop-game-group>a,
 header nav>a{align-items:center !important;line-height:1 !important}
}

/* Final fix: identical baseline for Story and Universe */
@media(min-width:1001px){
  header nav .desktop-story-group,
header nav .desktop-universe-group,
header nav .desktop-game-group{
    height:18px !important;
    display:flex !important;
    align-items:center !important;
  }
  header nav .desktop-story-group>button,
header nav .desktop-universe-group>a,
header nav .desktop-game-group>a{
    height:18px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    line-height:18px !important;
  }
  header nav .desktop-universe-group .desktop-universe-submenu{
    top:calc(100% + 18px);
  }
}

/* Desktop dropdown hover bridge — keeps submenus open while moving the cursor */
@media(min-width:1001px){
  header nav .desktop-story-group,
header nav .desktop-universe-group,
header nav .desktop-game-group{position:relative !important}
  header nav .desktop-story-group::after,
  header nav .desktop-universe-group::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:14px;
  }
  header nav .desktop-story-submenu,
header nav .desktop-universe-submenu,
header nav .desktop-game-submenu{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:50% !important;
    transform:translateX(-50%) translateY(0) !important;
    min-width:190px;
    padding:10px 0;
    background:#09131b;
    border:1px solid #26313c;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:100;
    transition:opacity .15s ease,visibility .15s ease;
  }
  header nav .desktop-story-group:hover .desktop-story-submenu,
header nav .desktop-story-group:focus-within .desktop-story-submenu,
header nav .desktop-universe-group:hover .desktop-universe-submenu,
header nav .desktop-universe-group:focus-within .desktop-universe-submenu,
header nav .desktop-game-group:hover .desktop-game-submenu,
header nav .desktop-game-group:focus-within .desktop-game-submenu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  header nav .desktop-story-submenu a,
header nav .desktop-universe-submenu a,
header nav .desktop-game-submenu a{
    display:block;
    padding:11px 16px;
    white-space:nowrap;
  }
}

.book-title-link{display:block;color:var(--cyan);font-weight:600}.book-title-link:hover{text-decoration:underline;text-underline-offset:4px}
.universe-character-promo{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .3s,border-color .3s}
.universe-character-promo:hover{transform:translateY(-3px);border-color:#76e9ed}
.universe-character-promo:hover .world-foot{color:#76e9ed}

.universe-section-link{display:inline-block;text-decoration:none;cursor:pointer}.universe-section-link:hover{color:#76e9ed}.universe-bible-link{color:#fff;text-decoration:none}.universe-bible-link:hover{color:#76e9ed}

.language-switch{display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #49626d;background:rgba(7,17,25,.9);box-shadow:0 0 0 1px rgba(118,233,237,.08),0 6px 20px rgba(0,0,0,.25)}
.language-switch a{font-size:12px;font-weight:600;letter-spacing:1.2px;color:#d9e5ea;text-decoration:none;padding:5px 3px;transition:color .2s,background .2s}
.language-switch a:hover,.language-switch a[aria-current="page"]{color:#76e9ed}
.language-switch a[aria-current="page"]{border-bottom:2px solid #76e9ed}
.language-switch span{color:#6e818b;font-size:12px}

.ribbon-word{display:inline-block;position:relative;cursor:default;transition:color .15s ease,transform .15s ease;text-shadow:0 0 0 transparent}
.ribbon-word:hover{color:var(--cyan);animation:ribbon-glitch .42s steps(2,end) infinite;text-shadow:2px 0 rgba(118,233,237,.45),-2px 0 rgba(255,80,110,.3)}
@keyframes ribbon-glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-2px,0)}80%{transform:translate(1px,1px)}100%{transform:translate(0)}}

.ribbon-question.ribbon-word{color:var(--cyan);text-decoration:none}
.ribbon-question.ribbon-word:hover{color:#fff}

.glitch-label{display:inline-block;cursor:default;transition:color .15s ease}
.glitch-label:hover{color:var(--cyan);animation:section-label-glitch .42s steps(2,end) infinite;text-shadow:2px 0 rgba(118,233,237,.45),-2px 0 rgba(255,80,110,.3)}
@keyframes section-label-glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-2px,0)}80%{transform:translate(1px,1px)}100%{transform:translate(0)}}

/* Slightly deeper landing when navigating to the Story Synopsis */
#historia{scroll-margin-top:-110px}

/* Character section carousels */
.character-grid{display:block!important;max-width:980px;margin:0 auto!important}
.character-card{display:none!important;width:100%;min-height:0!important}
.character-card.is-active{display:grid!important;grid-template-columns:minmax(320px,46%) 1fr!important;min-height:520px!important}
.character-card.is-active .character-image{height:100%;min-height:520px}
.character-card.is-active .character-copy{padding:48px 46px;display:flex;flex-direction:column;justify-content:center}
.character-card.is-active .character-copy h3{font-size:clamp(38px,5vw,68px);line-height:.9;margin:14px 0 9px}
.character-card.is-active .character-copy p{font-size:14px;line-height:1.8;max-width:560px}
.character-carousel-controls{max-width:980px;margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}
.character-carousel-arrow{width:46px;height:38px;border:1px solid var(--line);background:#09131b;color:#dce8ed;font-size:20px;cursor:pointer}
.character-carousel-arrow:hover{border-color:var(--cyan);color:var(--cyan)}
.character-carousel-progress{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;font-size:15px;color:#8fa3b0}
.character-carousel-progress .current{color:var(--cyan);font-size:22px}
.character-carousel-dots{max-width:980px;margin:13px auto 0;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.character-carousel-dot{width:24px;height:3px;border:0;background:#31424b;padding:0;cursor:pointer}
.character-carousel-dot.is-active{background:var(--cyan)}
@media(max-width:700px){
 .character-card.is-active{grid-template-columns:1fr!important}
 .character-card.is-active .character-image{min-height:340px;height:340px}
 .character-card.is-active .character-copy{padding:30px 24px}
 .character-card.is-active .character-copy h3{font-size:42px}
 .character-carousel-dots{padding:0 12px}
}

/* Four-group character gallery */
.characters-groups-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.characters-groups-grid .character-section{padding:32px 22px!important;margin:0!important;min-width:0}
.characters-groups-grid .section-heading{display:block;margin-bottom:22px}
.characters-groups-grid .section-heading h2{font-size:42px!important;line-height:.9;margin:12px 0 16px}
.characters-groups-grid .section-heading>p{font-size:11px!important;line-height:1.55}
.characters-groups-grid .character-grid{max-width:none!important}
.characters-groups-grid .character-card.is-active{display:flex!important;flex-direction:column!important;min-height:0!important}
.characters-groups-grid .character-card.is-active .character-image{height:250px!important;min-height:250px!important}
.characters-groups-grid .character-card.is-active .character-copy{padding:22px!important}
.characters-groups-grid .character-card.is-active .character-copy h3{font-size:32px!important}
.characters-groups-grid .character-card.is-active .character-copy p{font-size:11px!important;line-height:1.6}
.characters-groups-grid .character-carousel-controls{margin-top:12px!important}
.characters-groups-grid .character-carousel-dots{gap:4px}
.characters-groups-grid .character-carousel-dot{width:12px}
@media(max-width:1100px){.characters-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.characters-groups-grid{grid-template-columns:1fr}}

/* Character alignment bands */
.characters-alignment-band{margin:0 8% 55px}
.characters-alignment-heading{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:18px;color:var(--cyan);font-size:11px;letter-spacing:3px;font-weight:600}
.characters-alignment-band.alignment-bad .characters-alignment-heading{color:#d8a3a3}
.characters-alignment-band.alignment-neutral .characters-alignment-heading{color:#9db6c2}
.characters-alignment-band .characters-groups-grid{margin:0}
@media(max-width:1100px){.characters-alignment-band{margin-left:6%;margin-right:6%}}
@media(max-width:650px){.characters-alignment-band{margin-left:0;margin-right:0}.characters-alignment-heading{padding-left:7%;padding-right:7%}}

/* Four-image visual gallery per character group */
.character-gallery{margin:26px 0 0;padding:0 0 8px;position:relative}
.character-gallery-viewport{overflow:hidden}
.character-gallery-track{display:flex;gap:10px;transition:transform .45s ease}
.character-gallery-slide{flex:0 0 calc(25% - 7.5px);height:150px;overflow:hidden;border:1px solid var(--line);background:#080d13}
.character-gallery-slide img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82);transition:transform .5s ease,filter .3s ease}
.character-gallery-slide:hover img{transform:scale(1.04);filter:saturate(1)}
.character-gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.character-gallery-arrow{width:32px;height:32px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;font:inherit}
.character-gallery-arrow:hover{border-color:var(--cyan);color:var(--cyan)}
.character-gallery-counter{font-size:10px;letter-spacing:2px;color:var(--muted)}
@media(max-width:1100px){.character-gallery-slide{flex-basis:calc(50% - 5px)}}
@media(max-width:650px){.character-gallery-slide{flex-basis:100%;height:190px}}

/* Character page: two master sliders */
.character-slider-section{margin:0 8% 90px;padding:55px 0 0;border-top:1px solid var(--line)}
.character-slider-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:40px;align-items:end;margin-bottom:28px}
.character-slider-heading h2{font-size:clamp(56px,8vw,118px);line-height:.82;margin:10px 0 0;letter-spacing:-3px}
.character-slider-heading h2 span{color:var(--muted)}
.character-slider-heading>p:last-child{font-size:12px;line-height:1.6;color:var(--muted);max-width:520px;margin:0 0 5px}
.character-master-viewport{overflow:hidden}
.character-master-track{display:flex;transition:transform .5s ease;will-change:transform}
.character-master-track .character-card{flex:0 0 100%;display:flex!important;flex-direction:row!important;margin:0!important;min-height:520px!important}
.character-master-track .character-card .character-image{width:52%;height:520px!important;min-height:520px!important}
.character-master-track .character-card .character-copy{flex:1;padding:48px!important;display:flex;flex-direction:column;justify-content:center}
.character-master-track .character-card .character-copy h3{font-size:clamp(34px,5vw,72px)!important;line-height:.9;margin:10px 0 18px}
.character-master-track .character-card .character-copy p{font-size:13px!important;line-height:1.7;max-width:620px}
.character-master-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.character-master-arrow{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;font:inherit}
.character-master-arrow:hover{border-color:var(--cyan);color:var(--cyan)}
.character-master-progress{font-size:11px;letter-spacing:3px;color:var(--cyan)}
.character-master-dots{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin:14px auto 0;max-width:900px}
.character-master-dots button{width:14px;height:3px;padding:0;border:0;background:var(--line);cursor:pointer}
.character-master-dots button.is-active{background:var(--cyan)}
@media(max-width:750px){
 .character-slider-section{margin:0 5% 65px;padding-top:40px}
 .character-slider-heading{grid-template-columns:1fr;gap:18px}
 .character-slider-heading h2{font-size:58px}
 .character-master-track .character-card{flex-direction:column!important;min-height:0!important}
 .character-master-track .character-card .character-image{width:100%;height:360px!important;min-height:360px!important}
 .character-master-track .character-card .character-copy{padding:28px!important}
 .character-master-track .character-card .character-copy h3{font-size:42px!important}
}

/* Refined master character slider proportions */
.character-slider-section{max-width:1250px;margin-left:auto;margin-right:auto}
.character-master-track .character-card{max-width:1250px}
.character-master-track .character-card>div:first-child{flex:0 0 42%;width:42%;display:block}
.character-master-track .character-card>div:first-child .character-image{width:100%!important;height:500px!important;min-height:500px!important}
.character-master-track .character-card .character-copy{padding:54px!important}
@media(max-width:750px){
 .character-slider-section{max-width:none;margin-left:5%;margin-right:5%}
 .character-master-track .character-card>div:first-child{flex:0 0 auto;width:100%}
 .character-master-track .character-card>div:first-child .character-image{height:360px!important;min-height:360px!important}
}

/* Character group labels and larger subtitles */
.character-group-label{font-size:10px;line-height:1.35;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;max-width:700px}
.character-master-track .character-card .character-role{font-size:12px;line-height:1.4;letter-spacing:2.2px;color:#9bb0bc;margin-bottom:18px}
@media(max-width:750px){.character-group-label{font-size:9px}.character-master-track .character-card .character-role{font-size:11px;letter-spacing:1.8px}}

/* Character alignment labels */
.alignment-awakened{color:var(--cyan)}
.alignment-oppressors{color:#ff4d5a}

.heading-awakened{color:var(--cyan)!important}.heading-oppressors{color:#ff3b4f!important}

/* Touch swipe support for master character sliders */
.character-master-viewport{touch-action:pan-y;cursor:grab}
.character-master-viewport:active{cursor:grabbing}

/* Characters hero mobile typography fix */
@media(max-width:700px){
  .characters-hero h1{font-size:18vw!important;line-height:.82!important;letter-spacing:-1px!important;white-space:nowrap!important;max-width:100%;overflow:visible}
  .characters-hero{overflow:hidden}
}

/* Characters page: return to Universe */
.characters-universe-back{padding:55px 8% 70px;text-align:center;border-top:1px solid var(--line)}
.characters-universe-back a{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border:1px solid var(--line);color:var(--text);font-size:10px;letter-spacing:2.5px;text-decoration:none;transition:border-color .2s,color .2s,transform .2s}
.characters-universe-back a:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}
@media(max-width:700px){.characters-universe-back{padding:45px 6% 60px}.characters-universe-back a{width:100%;justify-content:center}}

/* Center Universe return link */
.characters-universe-back{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}

/* Refined Universe return button */
.characters-universe-back{padding:65px 8% 75px!important}
.characters-universe-back a{position:relative;min-width:360px;min-height:64px;padding:18px 34px!important;border:1px solid #76e9ed80!important;background:linear-gradient(180deg,#0b1820,#081117)!important;box-shadow:0 0 0 1px #76e9ed12,0 10px 30px #0008!important;color:#dce8ed!important;font-size:11px!important;letter-spacing:3px!important;transition:border-color .25s,box-shadow .25s,color .25s,transform .25s!important}
.characters-universe-back a:before{content:'';position:absolute;inset:5px;border:1px solid #76e9ed18;pointer-events:none}
.characters-universe-back a:hover{border-color:var(--cyan)!important;color:var(--cyan)!important;box-shadow:0 0 22px #76e9ed20,0 12px 34px #0009!important;transform:translateY(-2px)}
@media(max-width:700px){.characters-universe-back{padding:55px 6% 70px!important}.characters-universe-back a{width:min(100%,520px)!important;min-width:0;min-height:76px;padding:20px 22px!important;font-size:11px!important;letter-spacing:3px!important}}

/* MYSTES book footer */
.mystes-site-footer{border-top:1px solid var(--line);padding:75px 8% 85px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;background:radial-gradient(ellipse at top,#0d1c25,transparent 68%)}
.mystes-site-footer .brand{display:block}.mystes-site-footer .brand-logo{width:120px;height:auto;display:block}
.mystes-site-footer .footer-book-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(24px,3vw,42px);line-height:.95;letter-spacing:2px;color:var(--text);text-transform:uppercase}
.mystes-site-footer .footer-book-title span{color:var(--muted);font-size:.72em;letter-spacing:3px}
.mystes-site-footer .footer-book-author{font-size:11px;letter-spacing:4px;color:var(--cyan);text-transform:uppercase}
@media(max-width:700px){.mystes-site-footer{padding:60px 20px 70px;gap:18px}.mystes-site-footer .brand-logo{width:105px}.mystes-site-footer .footer-book-title{font-size:29px;line-height:1.02;letter-spacing:1.5px}.mystes-site-footer .footer-book-title span{font-size:.72em;letter-spacing:2px;line-height:1.2}.mystes-site-footer .footer-book-author{font-size:10px;letter-spacing:3px}}

/* FINAL FIX — Card Game desktop dropdown */
@media (min-width:1001px){
  header nav .desktop-game-group{position:relative!important;display:flex!important;align-items:center!important;height:18px!important;}
  header nav .desktop-game-group>.desktop-game-submenu{position:absolute!important;display:block!important;flex:none!important;top:26px!important;left:50%!important;width:max-content!important;min-width:205px!important;transform:translateX(-50%)!important;padding:8px 0!important;margin:0!important;background:#09131b!important;border:1px solid #26313c!important;box-shadow:0 16px 35px rgba(0,0,0,.45)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:9999!important;}
  header nav .desktop-game-group>.desktop-game-submenu a{display:block!important;width:100%!important;padding:10px 16px!important;white-space:nowrap!important;font-size:11px!important;line-height:1.4!important;letter-spacing:1.3px!important;}
  header nav .desktop-game-group:hover>.desktop-game-submenu,header nav .desktop-game-group:focus-within>.desktop-game-submenu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  header nav .desktop-game-group>.desktop-game-submenu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;}
}
@media (max-width:1000px){header nav .desktop-game-group>.desktop-game-submenu{display:none!important;}}

/* CARD GAME DROPDOWN — cyan plus + continuous hover bridge */
@media (min-width:1001px){
  header nav .desktop-game-group{
    position:relative!important;
    z-index:10000!important;
  }
  header nav .desktop-game-group>a span{
    color:var(--cyan)!important;
  }
  header nav .desktop-game-group>.desktop-game-submenu{
    top:18px!important;
    padding-top:14px!important;
    z-index:10001!important;
  }
  header nav .desktop-game-group:hover>.desktop-game-submenu,
  header nav .desktop-game-group:focus-within>.desktop-game-submenu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  /* Invisible hover bridge: keeps the menu open while moving the pointer downward. */
  header nav .desktop-game-group:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:18px!important;
    height:18px!important;
    display:block!important;
    background:transparent!important;
    z-index:10000!important;
  }
  header nav .desktop-game-group:hover:after,
  header nav .desktop-game-group:focus-within:after{
    pointer-events:auto!important;
  }
}

/* FINAL NAV CONSISTENCY — identical submenu typography + cyan plus signs */
@media (min-width:1001px){
  header nav .desktop-story-group>button>span,
  header nav .desktop-universe-group>a>span,
  header nav .desktop-game-group>a>span{
    color:#76e9ed!important;
    font-size:13px!important;
    line-height:1!important;
  }

  header nav .desktop-story-submenu a,
  header nav .desktop-universe-submenu a,
  header nav .desktop-game-submenu a{
    display:block!important;
    font-family:inherit!important;
    font-size:12px!important;
    line-height:1.4!important;
    letter-spacing:1.3px!important;
    font-weight:400!important;
    padding:10px 16px!important;
    white-space:nowrap!important;
    color:#edf3f5!important;
  }

  header nav .desktop-story-submenu,
  header nav .desktop-universe-submenu,
  header nav .desktop-game-submenu{
    min-width:190px!important;
  }

  header nav .desktop-story-submenu a:hover,
  header nav .desktop-universe-submenu a:hover,
  header nav .desktop-game-submenu a:hover{
    color:#76e9ed!important;
    background:rgba(118,233,237,.06)!important;
  }
}

@media (max-width:700px){
  .mobile-menu-subtoggle>span{
    color:#76e9ed!important;
    font-size:24px!important;
    line-height:1!important;
  }

  .mobile-menu-submenu a{
    font-family:'Barlow Condensed',Impact,sans-serif!important;
    font-size:23px!important;
    line-height:1.2!important;
    letter-spacing:1px!important;
    font-weight:400!important;
    color:#9fb0bb!important;
  }

  .mobile-menu-submenu a:hover{
    color:#76e9ed!important;
  }
}

/* NAV TYPE SCALE — primary items 18px, submenu items 15px */
@media (min-width:1001px){
  header nav .desktop-story-group>button,
  header nav .desktop-universe-group>a,
  header nav .desktop-game-group>a,
  header nav>a{
    font-size:18px!important;
    line-height:1!important;
  }

  header nav .desktop-story-submenu a,
  header nav .desktop-universe-submenu a,
  header nav .desktop-game-submenu a{
    font-size:15px!important;
    line-height:1.35!important;
    letter-spacing:1.1px!important;
    font-weight:400!important;
  }
}

@media (max-width:700px){
  /* Keep every primary mobile menu item identical. */
  .mobile-menu-main,
  .mobile-menu-subtoggle{
    font-size:34px!important;
    line-height:1!important;
  }

  /* All mobile submenu items use the same smaller 15px size. */
  .mobile-menu-submenu a{
    font-size:15px!important;
    line-height:1.35!important;
    letter-spacing:1px!important;
    font-weight:400!important;
  }
}


/* FINAL SUBMENU SIZE — all desktop and mobile submenu items exactly 14px */
@media (min-width:1001px){
  header nav .desktop-story-submenu a,
  header nav .desktop-universe-submenu a,
  header nav .desktop-game-submenu a{
    font-size:14px!important;
  }
}

@media (max-width:700px){
  .mobile-menu-submenu a{
    font-size:14px!important;
  }
}


/* HARD OVERRIDE — every Card Game submenu item matches all other submenus at 14px */
@media (min-width:1001px){
  header nav .desktop-game-group > .desktop-game-submenu > a,
  header nav .desktop-game-group > .desktop-game-submenu a{
    font-size:14px!important;
    line-height:1.35!important;
    letter-spacing:1.1px!important;
    font-weight:400!important;
  }
}


/* UNIFIED DESKTOP SUBMENUS — one identical CSS rule for Story, Universe and Card Game */
@media (min-width:1001px){
  header nav .desktop-story-submenu a,
  header nav .desktop-universe-submenu a,
  header nav .desktop-game-submenu a{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.35!important;
    letter-spacing:1.1px!important;
    font-weight:400!important;
    padding:10px 16px!important;
    white-space:nowrap!important;
    color:#edf3f5!important;
  }
}


/* BUY THE BOOK — prominent CTA, still a single nav item */
@media (min-width:1001px){
  header nav > a[href*="#libro"]{
    position:relative!important;
    color:#76e9ed!important;
    font-weight:600!important;
    letter-spacing:1.2px!important;
    padding:7px 14px!important;
    border:1px solid rgba(118,233,237,.42)!important;
    background:linear-gradient(180deg,rgba(118,233,237,.10),rgba(118,233,237,.035))!important;
    box-shadow:0 0 16px rgba(118,233,237,.10),inset 0 0 12px rgba(118,233,237,.035)!important;
    transition:all .25s ease!important;
  }
  header nav > a[href*="#libro"]:hover{
    color:#fff!important;
    border-color:#76e9ed!important;
    background:rgba(118,233,237,.14)!important;
    box-shadow:0 0 22px rgba(118,233,237,.24),inset 0 0 14px rgba(118,233,237,.06)!important;
    transform:translateY(-1px)!important;
  }
}
@media (max-width:700px){
  .mobile-menu-main[href*="#libro"]{
    color:#76e9ed!important;
    font-weight:600!important;
  }
}

/* Header navigation spacing */
@media (min-width:1001px){header{padding-left:4%;padding-right:3%;}header nav{margin-left:auto;flex-shrink:0;gap:30px;justify-content:flex-end;position:relative;z-index:6}.home-nav-item{flex-shrink:0!important}.brand{flex-shrink:0!important;margin-right:24px!important}}
\n@media(max-width:800px){.characters-hero{grid-template-columns:1fr;min-height:760px;padding-top:125px;gap:20px}.characters-hero-art{height:380px;margin-top:-10px}.characters-hero-art img{object-position:center 18%}.characters-hero h1{font-size:clamp(80px,17vw,150px)}}\n
.tech-page-new{max-width:1500px;margin:auto;padding:0 7% 100px}
.tech-hero-new{min-height:430px;padding:105px 0 70px;display:flex;align-items:end;justify-content:space-between;gap:60px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 35%,#12303a 0%,transparent 45%)}
.tech-hero-new>div:first-child{max-width:900px}
.tech-hero-new h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,9vw,135px);line-height:.82;font-weight:500;margin:18px 0 28px}
.tech-hero-new h1 span{color:var(--cyan)}
.tech-hero-new p:not(.section-label){max-width:700px;color:var(--muted);font-size:18px;line-height:1.65}
.tech-hero-index{min-width:190px;border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column;gap:8px}
.tech-hero-index strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:90px;color:var(--cyan);font-weight:500;line-height:.8}
.tech-hero-index span{font:10px monospace;letter-spacing:2px;color:#718895}
.tech-legions{padding-top:75px}
.tech-legions-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}
.tech-legions-head h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,5vw,70px);font-weight:500;line-height:.9;margin:12px 0 0}
.tech-legions-head>p{max-width:450px;color:var(--muted);line-height:1.7;margin:0}
.tech-legion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tech-legion{min-height:250px;border:1px solid var(--line);background:linear-gradient(135deg,#09131b,#070b11);display:grid;grid-template-columns:75px 1fr;transition:transform .25s,border-color .25s,background .25s;position:relative;overflow:hidden}
.tech-legion:before{content:"";position:absolute;width:280px;height:280px;right:-120px;bottom:-150px;border-radius:50%;background:#76e9ed12;filter:blur(10px)}
.tech-legion:hover{transform:translateY(-4px);border-color:#76e9ed88;background:linear-gradient(135deg,#0b1821,#091018)}
.tech-legion-number{font:12px monospace;letter-spacing:2px;color:var(--cyan);padding:30px 18px;border-right:1px solid var(--line)}
.tech-legion-body{padding:30px 32px;position:relative;z-index:1}
.tech-legion-body h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;font-weight:500;line-height:.95;margin:13px 0 15px}
.tech-legion-body p{max-width:600px;color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 22px}
.tech-legion-tags{display:flex;gap:7px;flex-wrap:wrap}
.tech-legion-tags span{font:9px monospace;letter-spacing:1.3px;color:#8fa4af;border:1px solid #26313c;padding:6px 8px}
@media(max-width:850px){.tech-page-new{padding:0 7% 70px}.tech-hero-new{display:block;padding-top:80px}.tech-hero-index{margin-top:45px;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.tech-legions-head{display:block}.tech-legions-head>p{margin-top:20px}.tech-legion-grid{grid-template-columns:1fr}.tech-legion-body h2{font-size:34px}}

.beyond-page{max-width:1240px;margin:0 auto;padding:0 7% 90px}.beyond-hero{min-height:460px;padding:100px 0 70px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 40%,#123440 0%,transparent 48%)}.beyond-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,10vw,145px);line-height:.82;font-weight:500;margin:18px 0 28px}.beyond-hero h1 em{color:var(--cyan);font-style:normal}.beyond-hero>p:not(.section-label){max-width:700px;color:var(--muted);font-size:18px;line-height:1.65}.beyond-index{border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column;gap:8px}.beyond-index strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:90px;color:var(--cyan);font-weight:500;line-height:.8}.beyond-index span{font:10px monospace;letter-spacing:2px;color:#718895}.beyond-nav{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 10px}.beyond-nav a{font:10px monospace;letter-spacing:1.3px;color:#9cafb9;border:1px solid var(--line);padding:10px 12px;text-decoration:none}.beyond-nav a:hover{color:var(--cyan);border-color:#76e9ed66}.beyond-location{min-height:300px;padding:80px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.beyond-location .num{font:10px monospace;letter-spacing:2px;color:var(--cyan)}.beyond-location h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(55px,7vw,100px);font-weight:500;line-height:.88;margin:18px 0 20px}.beyond-location p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}@media(max-width:800px){.beyond-page{padding:0 7% 60px}.beyond-hero{display:block;padding-top:75px}.beyond-index{margin-top:40px;border-left:0;border-top:1px solid var(--line);padding:22px 0}.beyond-location{padding:55px 0}}

.tech-legion-expanded{grid-column:1/-1;grid-template-columns:75px 1fr}.tech-tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.tech-tech-item{min-height:125px;border:1px solid #26313c;background:#070b1199;padding:18px;display:flex;flex-direction:column;gap:15px;transition:.25s}.tech-tech-item:hover{border-color:#76e9ed66;transform:translateY(-2px)}.tech-tech-icon{width:40px;height:40px;border:1px solid #76e9ed55;display:grid;place-items:center;background:#76e9ed08}.tech-tech-icon span{font:10px monospace;color:#76e9ed}.tech-tech-item h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:20px;font-weight:500;margin:0 0 5px}.tech-tech-item p{font-size:11px!important;line-height:1.45!important;margin:0!important;color:#718895!important}.tech-legion-expanded .tech-legion-body>p{max-width:800px}@media(max-width:950px){.tech-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.tech-tech-grid{grid-template-columns:1fr}.tech-legion-expanded{grid-template-columns:55px 1fr}.tech-legion-body{padding:25px 20px}.tech-legion-number{padding:25px 12px}}

/* READ ONLINE */
.read-online-page{background:#05090e;min-height:100vh}
.reader-hero{max-width:1240px;margin:auto;padding:155px 7% 65px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 70% 45%,#12313a 0%,transparent 48%)}
.reader-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(75px,11vw,150px);line-height:.82;font-weight:500;margin:18px 0 25px}.reader-hero h1 span{color:var(--cyan)}
.reader-hero>p:last-child{max-width:680px;color:var(--muted);font-size:17px;line-height:1.7}
.book-reader{max-width:1240px;margin:auto;padding:35px 7% 100px}.reader-toolbar{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid var(--line);background:#081119;padding:7px 10px}
.reader-toolbar>span{font:10px monospace;letter-spacing:2px;color:var(--cyan);margin-right:auto}
.reader-toolbar button,.reader-upload,.reader-meta button{border:1px solid #33434e;background:#0a151d;color:#b9c7ce;padding:10px 14px;font:10px monospace;letter-spacing:1.4px;cursor:pointer}.reader-toolbar button:hover,.reader-upload:hover,.reader-meta button:hover{border-color:var(--cyan);color:var(--cyan)}.reader-upload input{display:none}
.reader-stage{position:relative;min-height:700px;margin-top:14px;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,#12232b 0,#081018 38%,#05090e 75%);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}
.page-wrap{position:relative;max-width:92%;max-height:90%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 25px 35px rgba(0,0,0,.55));touch-action:pan-y;user-select:none}.page-wrap canvas{display:block;max-width:100%;height:auto;background:#f7f5ef}.page-shadow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px #0001}
.reader-arrow{position:absolute;z-index:3;width:52px;height:52px;border:1px solid #76e9ed55;background:#071119dd;color:var(--cyan);font-size:42px;line-height:40px;cursor:pointer;transition:.2s}.reader-arrow:hover{background:#0e2028;border-color:var(--cyan);transform:scale(1.05)}.reader-arrow.prev{left:22px}.reader-arrow.next{right:22px}
.reader-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#05090ee8;z-index:5}.reader-loading.show{display:flex}.reader-loading span{font-size:25px;color:var(--cyan);animation:readPulse 1.1s infinite}.reader-loading strong{font:12px monospace;letter-spacing:3px}.reader-loading small{font-size:12px;color:var(--muted)}@keyframes readPulse{50%{opacity:.3;transform:scale(.85)}}
.reader-meta{display:flex;align-items:center;justify-content:center;gap:30px;padding:15px 0}.reader-meta button{min-width:115px}.reader-meta span{font:11px monospace;letter-spacing:2px;color:#9fb0ba}.reader-note{text-align:center;color:#687983;font-size:11px;letter-spacing:.4px;max-width:720px;margin:15px auto 0}.reader-audio{margin-top:14px;border:1px solid var(--line);background:#081119;padding:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reader-audio-label{font:10px monospace;letter-spacing:2px;color:var(--cyan);margin-right:auto}.reader-audio button{border:1px solid #33434e;background:#0a151d;color:#b9c7ce;padding:10px 14px;font:10px monospace;letter-spacing:1.4px;cursor:pointer}.reader-audio button:hover{border-color:var(--cyan);color:var(--cyan)}.reader-audio .reader-speed{display:flex;align-items:center;gap:8px;color:#9fb0ba;font:10px monospace}.reader-audio select{background:#0a151d;color:#b9c7ce;border:1px solid #33434e;padding:9px;font:10px monospace}.reader-accessible-text{margin-top:12px;border:1px solid var(--line);background:#060c11;padding:14px;color:#9fb0ba;font-size:13px;line-height:1.7;max-height:180px;overflow:auto}.reader-accessible-text strong{display:block;color:#eaf2f6;font:10px monospace;letter-spacing:2px;margin-bottom:7px}
@media(max-width:700px){.reader-hero{padding:125px 6% 50px}.reader-hero h1{font-size:22vw}.book-reader{padding:20px 4% 70px}.reader-toolbar{flex-wrap:wrap}.reader-toolbar>span{width:100%;margin-bottom:3px}.reader-stage{min-height:72svh}.reader-arrow{width:42px;height:42px;font-size:34px;line-height:32px}.reader-arrow.prev{left:8px}.reader-arrow.next{right:8px}.reader-meta{gap:8px;justify-content:space-between}.reader-meta button{min-width:0;padding:9px 10px;font-size:9px}}
\n/* READ ONLINE TEXT READER */ .reader-text-stage{position:relative;max-width:980px;margin:0 auto;min-height:72vh;border:1px solid var(--line);background:linear-gradient(145deg,#091019,#070b11);box-shadow:0 30px 80px #0008}.book-page{max-width:760px;min-height:72vh;margin:auto;padding:80px 70px;font-size:1.26rem;line-height:1.95;color:#dce6eb}.book-page p{margin:0 0 1.45em}.reader-search{max-width:980px;margin:22px auto 0;padding:20px 24px;border:1px solid var(--line);background:#080e15}.reader-search label{display:block;color:var(--cyan);font-size:11px;letter-spacing:2px;margin-bottom:10px}.reader-search div{display:flex;gap:10px}.reader-search input{flex:1;min-width:0;background:#050a10;border:1px solid #33434f;color:var(--ink);padding:12px 14px}.reader-search button{background:transparent;border:1px solid #41515c;color:var(--cyan);padding:10px 14px}.reader-search small{display:block;color:var(--muted);margin-top:9px}@media(max-width:700px){.book-page{padding:42px 24px;font-size:1.1rem;line-height:1.85}.reader-text-stage{min-height:70vh}.reader-search div{flex-direction:column}.reader-search button{width:100%}}
/* TEASER CTA */ .teaser-cta{max-width:980px;margin:70px auto 0;padding:55px 30px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at center,#10202a,#080e15 62%,transparent)}.teaser-cta h2{margin:8px 0 14px;font-size:clamp(2rem,5vw,4rem)}.teaser-cta h2 span{color:var(--cyan)}.teaser-cta p{max-width:680px;margin:0 auto 28px;color:var(--muted);line-height:1.8}.teaser-cta .button{display:inline-flex}@media(max-width:700px){.teaser-cta{margin-top:45px;padding:42px 22px}}

/* Compact / themeable text reader */
.reader-text-stage{
  min-height:500px;
  height:500px;
  overflow-y:auto;
  background:#fff;
  border-color:#d7dde1;
  box-shadow:0 18px 45px #0002;
  transition:background .2s,border-color .2s;
}
.book-page{
  min-height:0;
  padding:48px 70px;
  color:#171b1f;
  font-size:1.12rem;
  line-height:1.85;
  transition:color .2s;
}
.book-page p{margin:0 0 1.25em}
.reader-search{
  background:#fff;
  border-color:#d7dde1;
  padding:15px 20px;
}
.reader-search label{color:#15757b}
.reader-search input{
  background:#f5f7f8;
  border-color:#cbd3d8;
  color:#171b1f;
}
.reader-search button{
  border-color:#aebbc2;
  color:#15757b;
}
.reader-meta{padding:12px 0}
.reader-audio,.reader-accessible-text{
  background:#fff;
  border-color:#d7dde1;
  color:#30383d;
}
.reader-audio button,.reader-audio select{
  background:#f5f7f8;
  border-color:#cbd3d8;
  color:#26343a;
}
.reader-accessible-text strong{color:#171b1f}
.reader-note{color:#68757c}

/* Night reading mode */
.reading-night .reader-text-stage,
.reading-night .reader-search,
.reading-night .reader-audio,
.reading-night .reader-accessible-text{
  background:#070b11;
  border-color:#26313c;
}
.reading-night .book-page{color:#eaf2f6}
.reading-night .reader-search input,
.reading-night .reader-search button,
.reading-night .reader-audio button,
.reading-night .reader-audio select{
  background:#0a151d;
  border-color:#33434e;
  color:#b9c7ce;
}
.reading-night .reader-search label,
.reading-night .reader-search button{color:var(--cyan)}
.reading-night .reader-accessible-text strong{color:#eaf2f6}

.reader-theme{
  display:flex;
  gap:6px;
  align-items:center;
}
.reader-theme button{
  border:1px solid #aebbc2;
  background:#fff;
  color:#20282d;
  padding:9px 11px;
  font:10px monospace;
  letter-spacing:1px;
}
.reader-theme button.active{
  border-color:#15757b;
  color:#15757b;
}
.reading-night .reader-theme button{
  background:#0a151d;
  border-color:#33434e;
  color:#b9c7ce;
}
.reading-night .reader-theme button.active{
  border-color:var(--cyan);
  color:var(--cyan);
}
@media(max-width:700px){
  .reader-text-stage{height:430px;min-height:430px}
  .book-page{padding:34px 24px;font-size:1.04rem;line-height:1.8}
  .reader-toolbar{gap:7px}
  .reader-theme{width:100%;justify-content:flex-end}
}


/* Story section: keep Explore the Book dominant; secondary links are quieter and stacked. */
#historia .story-secondary-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:12px}
#historia .story-secondary-actions .story-book-cta.story-universe-cta{margin:0!important;min-width:225px;padding:12px 16px 12px 20px;background:transparent;border:1px solid #49616d;color:#b2c3ce;box-shadow:none;font-weight:600;letter-spacing:1.5px}
#historia .story-secondary-actions .story-book-cta.story-universe-cta:before{display:none}
#historia .story-secondary-actions .story-book-cta.story-universe-cta span{width:24px;height:24px;border-color:#49616d;color:#9aafb9;font-size:15px}
#historia .story-secondary-actions .story-book-cta.story-universe-cta:hover{transform:translateY(-2px);background:#10202a;border-color:#76e9ed;color:#eaf2f6;box-shadow:0 5px 18px #76e9ed12}
#historia .story-secondary-actions .story-book-cta.story-universe-cta:hover span{border-color:#76e9ed;color:#76e9ed}


/* Mobile footer: center the author credit and scale the long book title to fit. */
@media (max-width: 650px) {
  footer > p {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    row-gap: 7px;
    line-height: 1.5;
  }
  footer > p > span:first-child {
    display: block;
    width: 100%;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.5;
    text-align: center;
    overflow-wrap: anywhere;
  }
  footer > p > span:last-child {
    font-size: 12px;
    letter-spacing: 2px;
    white-space: nowrap;
    text-align: center;
  }
}


/* Mobile footer book credit: intentional three-line hierarchy. */
@media (max-width: 650px) {
  footer > p.footer-book-credit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.45;
  }
  footer .footer-book-title,
  footer .footer-book-subtitle {
    display: block;
    width: 100%;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1.5;
    text-align: center;
    overflow-wrap: anywhere;
  }
  footer .footer-book-title { color: #edf3f5; }
  footer .footer-book-subtitle { color: #edf3f5; }
  footer .footer-book-author {
    display: block;
    width: 100%;
    color: #76e9ed;
    font-size: 12px;
    letter-spacing: 3px;
    text-align: center;
  }
}


/* Interactive dedication book: open to a clean white page, not the cover artwork. */
.book-art{perspective:1400px;isolation:isolate}
.dedication-page{
  position:absolute;z-index:1;top:50%;left:50%;width:70%;max-width:340px;aspect-ratio:2/3;
  transform:translate(-50%,-50%);transform-origin:left center;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:clamp(16px,2vw,30px);text-align:center;
  color:#202428;background:#fff;
  border:1px solid #e6e6e6;box-shadow:5px 12px 28px #0008,inset 8px 0 12px #00000008;
  opacity:0;pointer-events:none;transition:opacity .45s ease;
}
.dedication-page::before{content:"";position:absolute;inset:12px;border:1px solid #e5e5e5;pointer-events:none}
.dedication-page p{position:relative;z-index:1;font-family:Georgia,'Times New Roman',serif;font-size:clamp(11px,1.2vw,15px);font-weight:400;line-height:1.85;margin:0;max-width:32ch;color:#252525}
.dedication-page .dedication-mark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:9px;letter-spacing:3px;color:#7b858c;margin-bottom:clamp(12px,2vw,24px)}
.dedication-cover{position:relative;z-index:2;display:block;width:70%;max-width:340px;aspect-ratio:2/3;margin:0 auto;padding:0;border:0;background:#080b10;box-shadow:16px 20px 45px #000;transform-origin:left center;transform:rotateY(6deg) rotateZ(-1.5deg);will-change:transform;transition:transform 1s cubic-bezier(.2,.72,.2,1),opacity .35s ease;cursor:pointer;backface-visibility:hidden}
.dedication-cover img{display:block;width:100%;height:100%;object-fit:cover;border-left:5px solid #243646;transform:none!important;animation:none!important;box-shadow:none!important}
.book-art.is-open .dedication-cover{transform:rotateY(-180deg);opacity:0;pointer-events:none}
.book-art.is-open .dedication-page{opacity:1;pointer-events:auto}
.book-art.is-open:before{opacity:.2}
.dedication-hint{margin:18px auto 0!important;text-align:center;font-size:10px!important;letter-spacing:1.5px;color:#8fa3b0!important;text-transform:uppercase}
.dedication-cover:focus-visible{outline:2px solid var(--cyan);outline-offset:8px}
@media(max-width:540px){
  .dedication-cover,.dedication-page{width:min(70%,240px)}
  .dedication-page p{font-size:11px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.dedication-cover,.dedication-page{transition:none!important}}

/* Dedication heading */
.dedication-page .dedication-mark{font-family:Georgia,'Times New Roman',serif;font-size:clamp(12px,1.25vw,16px);font-weight:600;letter-spacing:.5px;color:#252525;margin-bottom:clamp(14px,2vw,24px)}

/* Subtle hover response: the closed book gently lifts and tilts toward the pointer. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .dedication-cover:not(:focus-visible) { transition:transform .28s ease, opacity .35s ease, box-shadow .28s ease; }
  .dedication-cover:hover:not(:focus-visible) {
    transform:translateY(-7px) rotateY(10deg) rotateZ(-2deg) scale(1.015);
    box-shadow:20px 26px 50px #000b;
  }
  .book-art.is-open .dedication-cover:hover { transform:rotateY(-180deg); }
}

/* Unified three-part site footer: logo left, book credit centered, tagline right. */
footer:not(.buy-footer):not(.character-footer) {
  display:grid;
  grid-template-columns:minmax(100px,1fr) minmax(280px,2fr) minmax(180px,1fr);
  align-items:center;
  gap:24px;
}
footer:not(.buy-footer):not(.character-footer) > .brand {justify-self:start}
footer:not(.buy-footer):not(.character-footer) > .footer-book-credit {
  justify-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  margin:0;
  text-align:center;
  line-height:1.5;
}
footer:not(.buy-footer):not(.character-footer) .footer-book-title {
  color:#edf3f5;
  font-size:10px;
  font-weight:400;
  letter-spacing:1.5px;
  text-transform:uppercase;
}
footer:not(.buy-footer):not(.character-footer) .footer-book-author {
  color:#76e9ed;
  font-size:11px;
  letter-spacing:3px;
  text-transform:uppercase;
}
footer:not(.buy-footer):not(.character-footer) > span {
  display:block;
  justify-self:end;
  text-align:right;
  color:#718592;
  font-size:10px;
  letter-spacing:1.5px;
}
@media(max-width:800px) {
  footer:not(.buy-footer):not(.character-footer) {grid-template-columns:1fr;justify-items:center;gap:14px;padding:28px 20px}
  footer:not(.buy-footer):not(.character-footer) > .brand,
  footer:not(.buy-footer):not(.character-footer) > .footer-book-credit,
  footer:not(.buy-footer):not(.character-footer) > span {justify-self:center;text-align:center}
  footer:not(.buy-footer):not(.character-footer) > span {display:block}
  footer:not(.buy-footer):not(.character-footer) .brand-logo {width:90px}
  footer:not(.buy-footer):not(.character-footer) .footer-book-title {font-size:10px;letter-spacing:1.2px}
}

/* About / project briefing pages */
.about-page{padding-top:115px}.about-hero{padding:95px 8% 80px;max-width:1500px;margin:auto;background:radial-gradient(ellipse at 20% 30%,#102735,transparent 65%)}.about-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,9vw,132px);line-height:.9;font-weight:500;letter-spacing:.01em;margin:20px 0 30px}.about-hero h1 span{color:var(--cyan)}.about-lead{max-width:800px;font-size:clamp(20px,2.2vw,28px);line-height:1.55;color:#d9e5eb}.about-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;letter-spacing:2px;color:#7795a5;margin-top:35px}.about-section{padding:85px 8%;max-width:1500px;margin:auto;border-top:1px solid var(--line)}.about-section h2,.about-contact h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,5vw,72px);line-height:1.02;font-weight:500;margin:0 0 38px}.about-section h2 span{color:#9aabb7}.about-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8%;color:var(--muted);font-size:16px}.about-two-col p{margin:0 0 22px}.about-two-col strong{color:#eaf2f6}.about-dark{max-width:none;padding-left:max(8%,calc((100% - 1260px)/2));padding-right:max(8%,calc((100% - 1260px)/2));background:linear-gradient(110deg,#0a121b,#0b1922 55%,#070b11);border-block:1px solid #1e2c37}.about-note{font-size:12px;letter-spacing:.4px;color:#8198a7;border-left:2px solid var(--cyan);padding:4px 0 4px 18px;margin-top:30px;max-width:900px}.about-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.about-cards article{border:1px solid var(--line);padding:28px 23px;background:#0a1017}.about-cards article>span{color:var(--cyan);font-size:11px;letter-spacing:2px}.about-cards h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;font-weight:500;margin:22px 0 10px}.about-cards p{color:var(--muted);font-size:14px;margin:0}.about-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:32px}.about-links a{color:var(--cyan);font-size:12px;letter-spacing:.8px;border-bottom:1px solid #2c6067;padding-bottom:6px}.about-author-grid{display:grid;grid-template-columns:220px 1fr;gap:55px;align-items:start}.about-author-mark{aspect-ratio:1;display:grid;place-items:center;border:1px solid #32616b;background:radial-gradient(circle,#15313d,#080d13 70%);color:var(--cyan);font-family:'Barlow Condensed',Impact,sans-serif;font-size:72px;letter-spacing:3px}.about-author-grid h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;font-weight:500;margin:0 0 10px}.about-author-grid p:not(.about-lead){max-width:850px;color:var(--muted)}.about-author-grid .about-lead{font-size:18px;color:var(--cyan);margin:0 0 20px}.about-contact{text-align:center;padding:85px 7% 100px;background:radial-gradient(ellipse at bottom,#112c38,transparent 70%);border-top:1px solid var(--line)}.about-contact>p:not(.section-label){color:var(--muted)}.about-contact .book-actions{justify-content:center}.about-page .site-book-footer{border-top:1px solid var(--line)}@media(max-width:800px){.about-page{padding-top:100px}.about-hero{padding:70px 7% 55px}.about-section{padding:65px 7%}.about-two-col{grid-template-columns:1fr;gap:0}.about-cards{grid-template-columns:repeat(2,1fr)}.about-author-grid{grid-template-columns:140px 1fr;gap:28px}.about-author-mark{font-size:48px}.about-contact{padding:65px 7% 75px}}@media(max-width:540px){.about-hero h1{font-size:19vw}.about-meta{font-size:8px;letter-spacing:1px;gap:8px}.about-cards{grid-template-columns:1fr}.about-author-grid{grid-template-columns:1fr;gap:25px}.about-author-mark{width:110px}.about-author-grid h3{font-size:34px}.about-contact .book-actions{align-items:center}}

/* Hero secondary CTA: quiet outline, intentionally less prominent than the main action. */
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}
.hero-actions .button{margin-top:0}
.hero-actions .button-about{background:transparent;color:#a9bbc8;border-color:#526673;box-shadow:none}
.hero-actions .button-about:hover{background:#101c25;color:#eaf2f6;border-color:#8298a6;transform:translateY(-2px)}
@media(max-width:540px){.hero-actions{gap:10px}.hero-actions .button{padding:12px 15px;font-size:12px}}

/* MYSTES floating context-aware jump list */
#mystes-jump-widget{position:fixed;z-index:30;right:22px;bottom:24px;font-family:Inter,Arial,sans-serif;color:#eaf2f6}
.mystes-jump-trigger{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;background:#0a141dF2;color:#76e9ed;border:1px solid #367780;box-shadow:0 8px 30px #0007;backdrop-filter:blur(14px);letter-spacing:1.2px;font-size:10px;font-weight:600;text-transform:uppercase;transition:background .2s,border-color .2s,transform .2s}
.mystes-jump-trigger:hover{background:#10232d;border-color:#76e9ed;transform:translateY(-2px)}
.mystes-jump-trigger-icon{font-size:23px;line-height:1;font-weight:400}
.mystes-jump-panel{position:absolute;right:0;bottom:60px;width:min(370px,calc(100vw - 28px));max-height:min(72vh,660px);overflow:auto;background:linear-gradient(150deg,#0b1721F7,#070b11F7);border:1px solid #31434f;box-shadow:0 22px 70px #000b;backdrop-filter:blur(18px)}
.mystes-jump-panel[hidden]{display:none}
.mystes-jump-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;background:#09121bf5;border-bottom:1px solid #26313c}
.mystes-jump-kicker{font-size:9px;letter-spacing:1.6px;color:#76e9ed}
.mystes-jump-head h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:500;font-size:30px;line-height:1;margin:7px 0 0;letter-spacing:1px}
.mystes-jump-close{width:34px;height:34px;border:1px solid #344651;background:transparent;color:#a8bbc5;font-size:24px;line-height:1}
.mystes-jump-close:hover{color:#76e9ed;border-color:#76e9ed}
.mystes-jump-content{padding:4px 14px 16px}
.mystes-jump-group{padding-top:12px}
.mystes-jump-group h3{font-size:9px;letter-spacing:1.7px;color:#6e8b9b;font-weight:600;margin:8px 6px 9px}
.mystes-jump-link{display:flex;align-items:center;gap:11px;min-height:40px;padding:8px 9px;color:#c8d5dc;border:1px solid transparent;font-size:12px;line-height:1.4;transition:background .16s,color .16s,border-color .16s}
.mystes-jump-link:hover,.mystes-jump-link[aria-current=page]{background:#102631;border-color:#254b55;color:#76e9ed}
.mystes-jump-number{flex:0 0 26px;color:#76e9ed;font:10px monospace;letter-spacing:.5px}
.mystes-jump-link-label{flex:1;min-width:0}
.mystes-jump-arrow{color:#5d7a89;font-size:14px}
.mystes-jump-empty{font-size:12px;color:#718592;padding:0 6px}
.mystes-jump-site-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#76e9ed;box-shadow:0 0 8px #76e9ed66}
@media(max-width:700px){#mystes-jump-widget{right:12px;bottom:14px}.mystes-jump-trigger{min-height:44px;padding:0 13px;gap:8px}.mystes-jump-trigger-label{font-size:9px}.mystes-jump-panel{bottom:54px;width:min(360px,calc(100vw - 24px));max-height:70dvh}.mystes-jump-head{padding:17px 16px 14px}.mystes-jump-content{padding:4px 10px 12px}.mystes-jump-link{min-height:42px}}
@media(prefers-reduced-motion:reduce){.mystes-jump-trigger,.mystes-jump-link{transition:none}}

/* Keep Quick Navigation from covering the footer branding/tagline. */
#mystes-jump-widget{transition:opacity .2s ease,transform .2s ease}
#mystes-jump-widget.is-footer-visible{opacity:0;transform:translateY(10px);pointer-events:none}
@media(prefers-reduced-motion:reduce){#mystes-jump-widget{transition:none}}


/* Read Online hero: reuse Sofia's homepage artwork as a cinematic backdrop. */
.read-online-page .reader-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg, #050b13 0%, #050b13ed 30%, #050b13b8 53%, #050b1360 78%, #050b1380 100%),
    linear-gradient(0deg, #05090e 0%, transparent 30%, #050b1340 100%),
    url('assets/0057.webp') right 38% / auto 125% no-repeat;
  background-color:#05090e;
}
.read-online-page .reader-hero > *{position:relative;z-index:1}
@media(max-width:700px){
  .read-online-page .reader-hero{
    background:
      linear-gradient(90deg, #050b13ed 0%, #050b13c9 55%, #050b1380 100%),
      linear-gradient(0deg, #05090e 0%, transparent 48%, #050b1350 100%),
      url('assets/0057.webp') 68% center / auto 112% no-repeat;
    background-color:#05090e;
  }
}


/* VYRAL Social Score homepage invitation */
.vyral-invite{position:relative;overflow:hidden;border-top:1px solid #182630;border-bottom:1px solid #182630;background:radial-gradient(ellipse at 78% 50%,#10313a45 0%,transparent 42%),linear-gradient(120deg,#070b10,#09121a 65%,#060a0f);padding:clamp(70px,9vw,125px) clamp(22px,7vw,110px)}
.vyral-invite:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#76e9ed0c 1px,transparent 1px),linear-gradient(90deg,#76e9ed0c 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 55%)}
.vyral-invite-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);align-items:center;gap:clamp(30px,7vw,100px);max-width:1180px;margin:0 auto}
.vyral-invite-copy{max-width:620px}.vyral-invite-eyebrow{font:11px monospace;letter-spacing:3px;color:#76e9ed;margin:25px 0 16px}.vyral-invite h2{font:500 clamp(46px,6.8vw,88px)/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.5px;text-transform:uppercase;color:#f1f7fa;margin:0 0 24px}.vyral-invite h2 span{color:#76e9ed}.vyral-invite-copy>p:not(.vyral-invite-eyebrow){font-size:15px;line-height:1.9;color:#aabac4;max-width:530px;margin:0 0 30px}.vyral-invite-button{display:inline-flex;align-items:center;justify-content:center;padding:17px 23px!important;background:#76e9ed!important;border:1px solid #76e9ed!important;color:#061015!important;font-size:11px!important;font-weight:800;letter-spacing:1.6px;text-decoration:none;transition:transform .2s,box-shadow .2s}.vyral-invite-button:hover{transform:translateY(-2px);box-shadow:0 0 28px #76e9ed30}.vyral-invite-note{display:block;margin-top:18px;color:#627b89;font:9px monospace;letter-spacing:1.2px;line-height:1.7}
.vyral-invite-visual{min-height:340px;position:relative;display:grid;place-items:center;isolation:isolate}.vyral-invite-orbit{position:absolute;border:1px solid #76e9ed45;border-radius:50%;aspect-ratio:1}.vyral-invite-orbit.orbit-one{width:min(85%,340px);animation:vyral-home-spin 32s linear infinite}.vyral-invite-orbit.orbit-two{width:min(65%,260px);border-style:dashed;animation:vyral-home-spin 24s linear infinite reverse}.vyral-invite-orbit:before,.vyral-invite-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#76e9ed;box-shadow:0 0 14px #76e9ed;top:17%;left:12%}.vyral-invite-orbit:after{top:auto;left:auto;right:8%;bottom:20%;width:4px;height:4px}.vyral-invite-core{position:relative;width:130px;height:130px;border:1px solid #76e9ed;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#16343b,#071017 72%);box-shadow:0 0 55px #76e9ed1a,inset 0 0 30px #76e9ed15;color:#76e9ed}.vyral-invite-core span{font:10px monospace;letter-spacing:4px}.vyral-invite-core strong{font:500 56px/1 'Barlow Condensed',Impact,sans-serif}.vyral-invite-readout{position:absolute;right:0;bottom:5%;border:1px solid #253b45;background:#08121beF;padding:14px 16px;min-width:175px;box-shadow:0 10px 40px #0006}.vyral-invite-readout span{display:block;color:#76e9ed;font:9px monospace;letter-spacing:1.5px;margin-bottom:8px}.vyral-invite-readout strong{font:500 16px/1.25 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;color:#e7f0f4}.vyral-invite-readout i{display:block;margin-top:12px;height:2px;background:linear-gradient(90deg,#76e9ed 0 34%,#253b45 34%)}.vyral-invite-coordinates{position:absolute;left:0;bottom:2%;color:#49636f;font:8px monospace;letter-spacing:1.5px}
@keyframes vyral-home-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vyral-invite-orbit{animation:none}}
@media(max-width:760px){.vyral-invite-grid{grid-template-columns:1fr;gap:30px}.vyral-invite-visual{min-height:290px;max-width:480px;width:100%;margin:0 auto}.vyral-invite-readout{right:0;bottom:0}.vyral-invite-coordinates{bottom:0}}


/* Compact story synopsis actions; keep the book CTA primary. */
#historia .story-book-cta{min-width:0;gap:10px;padding:10px 12px 10px 15px;font-size:10px;letter-spacing:1.5px;margin-top:18px}
#historia .story-book-cta span{width:24px;height:24px;font-size:15px}
#historia .story-secondary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:10px}
#historia .story-secondary-actions .story-book-cta{margin-top:0;background:transparent;color:#a8c9d4;border-color:#38515d;box-shadow:none}
#historia .story-secondary-actions .story-book-cta:before{display:none}
#historia .story-secondary-actions .story-book-cta:hover{background:#0d2029;color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 20px #76e9ed15;transform:translateY(-2px)}
#historia .story-secondary-actions .story-book-cta span{border-color:#54727e}
@media(max-width:540px){#historia .story-book-cta{width:auto;max-width:100%;padding:10px 12px;font-size:9px;letter-spacing:1.1px}#historia .story-secondary-actions{gap:8px}#historia .story-secondary-actions .story-book-cta{flex:1}}


/* Synopsis CTA hierarchy: one prominent primary action, three compact horizontal links. */
#historia .story-copy>.story-book-cta{min-width:0;width:max-content;max-width:100%;gap:18px;padding:17px 22px 17px 26px;margin-top:18px;font-size:12px;letter-spacing:2px}
#historia .story-copy>.story-book-cta span{width:30px;height:30px;font-size:18px}
#historia .story-secondary-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
#historia .story-secondary-actions .story-book-cta{display:inline-flex;flex:0 1 auto;width:auto;min-width:0;max-width:100%;gap:8px;padding:9px 11px;margin:0;font-size:9px;letter-spacing:1px;white-space:nowrap;background:transparent;color:#a8c9d4;border-color:#38515d;box-shadow:none}
#historia .story-secondary-actions .story-book-cta:before{display:none}
#historia .story-secondary-actions .story-book-cta span{width:21px;height:21px;font-size:13px;border-color:#54727e}
#historia .story-secondary-actions .story-book-cta:hover{background:#0d2029;color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 20px #76e9ed15;transform:translateY(-2px)}
@media(max-width:540px){#historia .story-copy>.story-book-cta{width:max-content;padding:15px 18px 15px 21px;font-size:11px}#historia .story-secondary-actions{gap:7px}#historia .story-secondary-actions .story-book-cta{flex:0 1 auto;padding:8px 9px;font-size:8px;letter-spacing:.6px}#historia .story-secondary-actions .story-book-cta span{width:18px;height:18px;font-size:12px}}


/* Final synopsis CTA layout: large book action on the left, compact links to its right. */
#historia .story-cta-layout{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;margin-top:18px;max-width:100%}
#historia .story-copy>.story-cta-layout>.story-book-cta{flex:0 0 auto;width:auto;min-width:0;max-width:100%;margin:0;padding:17px 18px 17px 22px;gap:14px;font-size:11px;letter-spacing:1.5px;white-space:nowrap}
#historia .story-copy>.story-cta-layout>.story-book-cta span{width:28px;height:28px;font-size:17px}
#historia .story-cta-layout>.story-secondary-actions{display:flex;flex:0 1 auto;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;min-width:0;margin:0}
#historia .story-cta-layout>.story-secondary-actions .story-book-cta{display:inline-flex;justify-content:space-between;flex:0 1 auto;width:auto;min-width:0;max-width:100%;margin:0;padding:7px 9px;gap:7px;font-size:8px;letter-spacing:.7px;white-space:nowrap}
#historia .story-cta-layout>.story-secondary-actions .story-book-cta span{width:18px;height:18px;flex:0 0 18px;font-size:12px}
@media(max-width:600px){#historia .story-cta-layout{gap:8px;align-items:flex-start}#historia .story-copy>.story-cta-layout>.story-book-cta{padding:13px 12px;font-size:10px;gap:8px;letter-spacing:.8px}#historia .story-copy>.story-cta-layout>.story-book-cta span{width:23px;height:23px;flex:0 0 23px}#historia .story-cta-layout>.story-secondary-actions .story-book-cta{padding:7px 7px;font-size:7px;letter-spacing:.2px;gap:4px}#historia .story-cta-layout>.story-secondary-actions .story-book-cta span{width:16px;height:16px;flex:0 0 16px}}
@media(max-width:420px){#historia .story-cta-layout{flex-wrap:wrap}#historia .story-cta-layout>.story-secondary-actions{flex-direction:row;flex-wrap:wrap;width:100%}#historia .story-cta-layout>.story-secondary-actions .story-book-cta{flex:0 1 auto}}


/* Secondary story actions: balanced 2-by-2 grid beside the primary book CTA. */
#historia .story-cta-layout>.story-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-items:stretch;gap:7px;flex:0 1 310px;min-width:0;margin:0}
#historia .story-cta-layout>.story-secondary-actions .story-book-cta{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;width:100%;padding:8px 9px;font-size:8px;letter-spacing:.45px;white-space:normal;line-height:1.25}
#historia .story-cta-layout>.story-secondary-actions .story-book-cta span{width:17px;height:17px;flex:0 0 17px;font-size:11px}
#historia .story-copy>.story-cta-layout>.story-book-cta{padding:18px 20px 18px 23px;font-size:11px}
@media(max-width:600px){#historia .story-cta-layout{align-items:center;gap:9px}#historia .story-cta-layout>.story-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));flex:1 1 230px;gap:6px}#historia .story-cta-layout>.story-secondary-actions .story-book-cta{padding:8px 7px;font-size:7px;letter-spacing:.1px}#historia .story-cta-layout>.story-secondary-actions .story-book-cta span{width:15px;height:15px;flex-basis:15px}}
@media(max-width:420px){#historia .story-cta-layout{flex-wrap:wrap}#historia .story-cta-layout>.story-secondary-actions{flex-basis:100%}}


/* Force the four secondary synopsis links into a true two-column grid. */
#historia .story-cta-layout > .story-secondary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(120px,1fr))!important;grid-auto-flow:row;flex-direction:initial!important;flex:0 1 330px!important;align-items:stretch;gap:7px!important;width:min(100%,330px)}
#historia .story-cta-layout > .story-secondary-actions > a.story-book-cta{width:100%!important;min-width:0!important;box-sizing:border-box;white-space:normal;justify-content:space-between}
@media(max-width:600px){#historia .story-cta-layout > .story-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;flex:1 1 230px!important;width:100%}}


/* Mobile: make the primary Explore the Book CTA span the full width of the secondary button grid. */
@media(max-width:540px){
  #historia .story-copy>.story-cta-layout>.story-book-cta{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    justify-content:space-between!important;
  }
  #historia .story-cta-layout{flex-wrap:wrap!important;}
  #historia .story-cta-layout>.story-secondary-actions{width:100%!important;flex:0 0 100%!important;}
}


/* Compact, aligned audio-reader controls */
.reader-audio{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:center;
  gap:8px;
  padding:10px 12px;
  margin-top:12px;
  min-height:0;
  box-sizing:border-box;
}
.reader-audio-label{
  grid-column:1 / -1;
  margin:0;
  line-height:1.2;
}
.reader-audio button{
  min-width:0;
  min-height:34px;
  height:34px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1;
  font-size:9px;
  letter-spacing:1px;
}
.reader-audio .reader-speed{
  grid-column:span 2;
  min-width:0;
  min-height:32px;
  height:32px;
  gap:8px;
  justify-content:flex-start;
}
.reader-audio select{
  min-width:0;
  height:30px;
  padding:4px 8px;
  box-sizing:border-box;
}
.reader-audio #voice-choice{width:min(100%,360px)}
.reader-audio #voice-speed{width:90px}
@media(max-width:700px){
  .reader-audio{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
  .reader-audio-label{grid-column:1 / -1}
  .reader-audio button{width:100%;padding:0 6px;font-size:9px}
  .reader-audio .reader-speed{grid-column:span 1;flex-wrap:wrap;height:auto;min-height:32px}
  .reader-audio #voice-choice,.reader-audio #voice-speed{width:100%;max-width:100%}
}

/* Compact, scannable homepage site map. */
.site-map-hub{gap:12px;margin:22px 0 42px;align-items:stretch}
.site-map-hub .universe-card{padding:20px;min-height:190px}
.site-map-hub .universe-card-index{display:none}
.site-map-hub .universe-card .terminal-label{font-size:10px;letter-spacing:1.5px}
.site-map-hub .universe-card h3{font-size:27px;line-height:1.05;margin:10px 0 8px}
.site-map-hub .universe-card p{font-size:13px;line-height:1.55;margin:0 0 16px}
.site-map-hub .universe-card strong{font-size:9px;letter-spacing:1.2px;line-height:1.5}
@media(max-width:800px){.site-map-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-map-hub .universe-card{padding:16px;min-height:170px}.site-map-hub .universe-card h3{font-size:24px}.site-map-hub .universe-card p{font-size:12px}}
@media(max-width:480px){.site-map-hub .universe-card{padding:13px;min-height:160px}.site-map-hub .universe-card h3{font-size:21px}.site-map-hub .universe-card .terminal-label{font-size:9px;letter-spacing:1px}.site-map-hub .universe-card strong{font-size:8px;letter-spacing:.8px}}


/* Character index: show the roster as a responsive browseable grid, not one-card slides. */
.character-slider-section .character-browse-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;max-width:1400px!important;margin:0 auto!important}
.character-slider-section .character-browse-grid .character-card{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;width:auto!important;max-width:none!important;margin:0!important}
.character-slider-section .character-browse-grid .character-card>div:first-child{width:100%!important;flex:0 0 auto!important}
.character-slider-section .character-browse-grid .character-image,.character-slider-section .character-browse-grid .character-image img{width:100%!important;height:240px!important;min-height:240px!important;object-fit:cover}
.character-slider-section .character-browse-grid .character-copy{padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.character-slider-section .character-browse-grid .character-copy h3{font-size:clamp(20px,2vw,30px)!important;line-height:1.05!important;overflow-wrap:anywhere}
.character-slider-section .character-browse-grid .character-copy p{font-size:12px!important;line-height:1.65!important}
.character-grid-count{margin:18px 0 0;text-align:right;color:var(--muted);font-size:11px;letter-spacing:2px}
@media(max-width:1050px){.character-slider-section .character-browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.character-slider-section .character-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.character-slider-section .character-browse-grid .character-image,.character-slider-section .character-browse-grid .character-image img{height:190px!important;min-height:190px!important}.character-slider-section .character-browse-grid .character-copy{padding:14px!important}.character-slider-section .character-browse-grid .character-copy h3{font-size:21px!important}.character-slider-section .character-browse-grid .character-copy p{font-size:11px!important}}
@media(max-width:420px){.character-slider-section .character-browse-grid{grid-template-columns:1fr!important}.character-slider-section .character-browse-grid .character-image,.character-slider-section .character-browse-grid .character-image img{height:260px!important;min-height:260px!important}}


/* Mobile character browsing: native horizontal swipe with snap points. */
@media(max-width:760px){
  .character-slider-section .character-browse-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:16px;
    touch-action:pan-x pan-y;
    gap:12px!important;
    padding:4px 16px 18px!important;
    margin-inline:-16px!important;
    width:calc(100% + 32px)!important;
    box-sizing:border-box!important;
    scrollbar-width:thin;
    scrollbar-color:var(--cyan,#76e9ed) transparent;
  }
  .character-slider-section .character-browse-grid .character-card{
    flex:0 0 min(82%,340px)!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .character-slider-section .character-browse-grid .character-image,
  .character-slider-section .character-browse-grid .character-image img{
    height:220px!important;
    min-height:220px!important;
  }
  .character-grid-count{
    text-align:left;
    padding-top:4px;
  }
}
@media(max-width:420px){
  .character-slider-section .character-browse-grid .character-card{
    flex-basis:84%!important;
  }
}


/* Character factions: clear faction headers and quick navigation. */
.character-faction-nav{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 34px}
.character-faction-nav a{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border:1px solid #294451;background:#09141d;color:#dceaf0;text-decoration:none;font:10px/1.3 monospace;letter-spacing:1px;text-transform:uppercase;transition:border-color .2s,color .2s,background .2s}
.character-faction-nav a:hover,.character-faction-nav a:focus-visible{border-color:var(--cyan,#76e9ed);color:var(--cyan,#76e9ed);background:#10232c}
.character-faction-block{margin:32px 0 48px;scroll-margin-top:110px}
.character-faction-heading{padding:20px 0 18px;border-top:1px solid #294451;margin-bottom:20px}
.character-faction-heading .section-label{margin:0 0 8px;color:var(--cyan,#76e9ed);font:10px monospace;letter-spacing:2px}
.character-faction-heading h3{margin:0 0 9px;color:#f0f7fa;font:500 clamp(28px,4vw,46px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;text-transform:uppercase}
.character-faction-heading>p:last-child{max-width:700px;color:#a9bac4;font-size:13px;line-height:1.7;margin:0}
.character-subfaction-heading{margin:22px 0 12px;color:#83a5b4;font:10px/1.5 monospace;letter-spacing:1.5px;text-transform:uppercase}
.character-faction-block .character-grid-count{margin:14px 0 0}
@media(max-width:760px){
 .character-faction-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:0 0 8px;scrollbar-width:thin}
 .character-faction-nav a{flex:0 0 auto;white-space:nowrap}
 .character-faction-block{margin:24px 0 38px}
}


/* Homepage navigator: larger cards with a dedicated thematic image/icon area. */
.site-map-hub{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:30px!important;
  margin-bottom:50px!important;
}
.site-map-hub .universe-card{
  min-height:310px!important;
  padding:18px!important;
  overflow:hidden;
}
.site-map-hub .site-map-card-art{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:112px;
  flex:0 0 112px;
  margin:0 0 17px;
  border:1px solid #29414b;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(118,233,237,.16),transparent 65%),
    linear-gradient(135deg,rgba(118,233,237,.06),rgba(8,19,27,.2) 60%),
    repeating-linear-gradient(135deg,transparent 0 14px,rgba(118,233,237,.035) 14px 15px);
  color:var(--cyan);
  position:relative;
}
.site-map-hub .site-map-card-art:before,
.site-map-hub .site-map-card-art:after{
  content:"";
  position:absolute;
  border:1px solid rgba(118,233,237,.18);
  border-radius:50%;
  width:74px;
  height:74px;
}
.site-map-hub .site-map-card-art:after{width:96px;height:96px}
.site-map-hub .site-map-card-art>span{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border:1px solid rgba(118,233,237,.45);
  background:#07121bcc;
  font-size:30px;
  line-height:1;
  color:var(--cyan);
}
.site-map-hub .universe-card .terminal-label{font-size:10px;letter-spacing:1.5px}
.site-map-hub .universe-card h3{font-size:29px;line-height:1.08;margin:10px 0}
.site-map-hub .universe-card p{font-size:14px;line-height:1.6;margin:0 0 18px}
.site-map-hub .universe-card strong{margin-top:auto;font-size:10px;letter-spacing:1.1px;line-height:1.5}
@media(max-width:800px){
 .site-map-hub{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
 .site-map-hub .universe-card{min-height:290px!important;padding:15px!important}
 .site-map-hub .site-map-card-art{height:96px;flex-basis:96px}
 .site-map-hub .universe-card h3{font-size:25px}
 .site-map-hub .universe-card p{font-size:13px}
}
@media(max-width:480px){
 .site-map-hub{grid-template-columns:1fr!important;gap:13px!important}
 .site-map-hub .universe-card{min-height:0!important;padding:15px!important}
 .site-map-hub .site-map-card-art{height:120px;flex-basis:120px}
 .site-map-hub .universe-card h3{font-size:24px}
}


/* Final story CTA proportions: primary button matches the full two-row secondary grid. */
#historia .story-copy>.story-cta-layout{align-items:stretch!important;gap:10px!important}
#historia .story-copy>.story-cta-layout>.story-book-cta{
  box-sizing:border-box!important;
  height:83px!important;
  min-height:83px!important;
  align-self:stretch!important;
  padding:18px 16px!important;
  gap:12px!important;
  font-size:13px!important;
  letter-spacing:1.25px!important;
}
#historia .story-copy>.story-cta-layout>.story-book-cta span{
  width:26px!important;height:26px!important;flex:0 0 26px!important;font-size:17px!important;
}
#historia .story-cta-layout>.story-secondary-actions{
  gap:7px!important;
  align-self:stretch!important;
}
#historia .story-cta-layout>.story-secondary-actions .story-book-cta{
  box-sizing:border-box!important;
  height:38px!important;
  min-height:38px!important;
  padding:7px 8px!important;
  font-size:8px!important;
  line-height:1.2!important;
  letter-spacing:.45px!important;
}
#historia .story-cta-layout>.story-secondary-actions .story-book-cta span{
  width:17px!important;height:17px!important;flex:0 0 17px!important;font-size:11px!important;
}
@media(max-width:600px){
 #historia .story-copy>.story-cta-layout>.story-book-cta{height:83px!important;min-height:83px!important;font-size:12px!important;padding:14px 10px!important;gap:7px!important}
 #historia .story-cta-layout>.story-secondary-actions .story-book-cta{height:38px!important;min-height:38px!important;font-size:7px!important;padding:7px 6px!important}
}
@media(max-width:420px){
 #historia .story-copy>.story-cta-layout{align-items:stretch!important}
 #historia .story-copy>.story-cta-layout>.story-book-cta{height:83px!important;min-height:83px!important}
}


/* Final correction: keep the book CTA primary; all four secondary CTAs remain dark outlined buttons. */
#historia .story-copy>.story-cta-layout{display:flex!important;align-items:stretch!important;gap:10px!important;flex-wrap:nowrap!important}
#historia .story-copy>.story-cta-layout>.story-book-cta{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 flex:0 0 276px!important;width:276px!important;max-width:276px!important;
 box-sizing:border-box!important;height:83px!important;min-height:83px!important;
 margin:0!important;padding:18px 15px!important;font-size:13px!important;letter-spacing:1.25px!important;
}
#historia .story-copy>.story-cta-layout>.story-book-cta span{width:26px!important;height:26px!important;flex:0 0 26px!important;font-size:17px!important}
#historia .story-copy>.story-cta-layout>.story-secondary-actions{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-template-rows:repeat(2,38px)!important;gap:7px!important;
 align-self:stretch!important;flex:0 1 275px!important;width:275px!important;min-width:0!important;
}
#historia .story-copy>.story-cta-layout>.story-secondary-actions>.story-book-cta{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;
 height:38px!important;min-height:38px!important;margin:0!important;padding:7px 8px!important;
 background:transparent!important;background-image:none!important;color:#a8c9d4!important;
 border:1px solid #38515d!important;box-shadow:none!important;font-size:8px!important;
 letter-spacing:.45px!important;line-height:1.2!important;white-space:normal!important;
}
#historia .story-copy>.story-cta-layout>.story-secondary-actions>.story-book-cta:before{display:none!important}
#historia .story-copy>.story-cta-layout>.story-secondary-actions>.story-book-cta span{
 width:17px!important;height:17px!important;flex:0 0 17px!important;font-size:11px!important;
 border-color:#54727e!important;color:#9aafb9!important;
}
#historia .story-copy>.story-cta-layout>.story-secondary-actions>.story-book-cta:hover{
 background:#0d2029!important;color:var(--cyan)!important;border-color:var(--cyan)!important;
 box-shadow:0 0 20px #76e9ed15!important;
}
@media(max-width:700px){
 #historia .story-copy>.story-cta-layout{flex-wrap:wrap!important}
 #historia .story-copy>.story-cta-layout>.story-book-cta{flex:0 0 100%!important;width:100%!important;max-width:100%!important;height:70px!important;min-height:70px!important;font-size:12px!important}
 #historia .story-copy>.story-cta-layout>.story-secondary-actions{flex:0 0 100%!important;width:100%!important;grid-template-rows:repeat(2,40px)!important}
 #historia .story-copy>.story-cta-layout>.story-secondary-actions>.story-book-cta{height:40px!important;min-height:40px!important;font-size:8px!important}
}


/* Refine story CTA proportions: smaller primary width, wider secondary buttons, unchanged 2x2 layout. */
#historia .story-copy>.story-cta-layout{display:grid!important;grid-template-columns:minmax(175px,.78fr) minmax(0,1.22fr)!important;gap:8px!important;width:100%!important;max-width:520px!important;align-items:stretch!important}
#historia .story-copy>.story-cta-layout>.story-book-cta{width:100%!important;max-width:none!important;min-width:0!important;height:72px!important;min-height:72px!important;padding:14px 12px!important;font-size:11px!important;letter-spacing:1px!important}
#historia .story-copy>.story-cta-layout>.story-book-cta span{width:23px!important;height:23px!important;flex:0 0 23px!important;font-size:15px!important}
#historia .story-copy>.story-cta-layout>.story-secondary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(32px,1fr))!important;gap:6px!important;width:100%!important;min-width:0!important}
#historia .story-copy>.story-cta-layout>.story-secondary-actions>.story-book-cta{width:100%!important;min-width:0!important;max-width:none!important;height:33px!important;min-height:33px!important;padding:6px 7px!important;font-size:7.5px!important;letter-spacing:.25px!important;white-space:nowrap!important;gap:5px!important}
#historia .story-copy>.story-cta-layout>.story-secondary-actions>.story-book-cta span{width:16px!important;height:16px!important;flex:0 0 16px!important;font-size:10px!important}
@media(max-width:700px){#historia .story-copy>.story-cta-layout{grid-template-columns:minmax(0,1fr)!important;max-width:none!important;gap:9px!important}#historia .story-copy>.story-cta-layout>.story-book-cta{height:62px!important;min-height:62px!important;font-size:11px!important}#historia .story-copy>.story-cta-layout>.story-secondary-actions{grid-template-rows:repeat(2,minmax(36px,auto))!important;gap:7px!important}#historia .story-copy>.story-cta-layout>.story-secondary-actions>.story-book-cta{height:36px!important;min-height:36px!important;font-size:7.5px!important;padding:6px!important}}
@media(max-width:390px){#historia .story-copy>.story-cta-layout>.story-secondary-actions{grid-template-columns:1fr!important}#historia .story-copy>.story-cta-layout>.story-secondary-actions>.story-book-cta{height:36px!important;min-height:36px!important}}


/* Slightly widen the primary Explore the Book button. */
#historia .story-copy>.story-cta-layout{grid-template-columns:minmax(195px,.84fr) minmax(0,1.16fr)!important}


/* Mobile synopsis CTAs: primary book button first, all four secondary buttons beneath it. */
@media (max-width: 600px) {
  #historia .story-cta-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100%;
  }
  #historia .story-copy > .story-cta-layout > .story-book-cta {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between;
  }
  #historia .story-cta-layout > .story-secondary-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
  }
  #historia .story-cta-layout > .story-secondary-actions .story-book-cta {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px;
    padding: 8px 9px !important;
    white-space: normal !important;
    font-size: 8px !important;
    line-height: 1.3;
  }
}
@media (max-width: 360px) {
  #historia .story-cta-layout > .story-secondary-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* Definitive mobile override: stack the primary CTA above the four-link 2x2 grid. */
@media screen and (max-width: 700px) {
  #historia .story-copy > .story-cta-layout {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    gap: 10px !important;
  }
  #historia .story-copy > .story-cta-layout > .story-book-cta {
    flex: 0 0 auto !important;
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    box-sizing: border-box !important;
  }
  #historia .story-copy > .story-cta-layout > .story-secondary-actions {
    display: grid !important;
    flex: 0 0 auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(42px, auto)) !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    gap: 8px !important;
    margin: 0 !important;
  }
  #historia .story-copy > .story-cta-layout > .story-secondary-actions > .story-book-cta {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    padding: 7px 8px !important;
    font-size: 8px !important;
  }
}


/* MOBILE MENU VISIBILITY FIX — clear three-line trigger on phones. */
@media screen and (max-width:700px){
 header .mobile-menu-toggle{display:flex!important;position:absolute!important;top:14px!important;right:5%!important;z-index:10020!important;width:44px!important;height:44px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;padding:0!important;margin:0!important;border:1px solid rgba(118,233,237,.55)!important;border-radius:9px!important;background:rgba(7,17,24,.88)!important;box-shadow:0 3px 14px rgba(0,0,0,.3)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 header .mobile-menu-toggle span{display:block!important;width:19px!important;height:2px!important;min-width:19px!important;min-height:2px!important;border:0!important;border-radius:2px!important;background:#76e9ed!important;opacity:1!important}
}
@media screen and (min-width:701px){header .mobile-menu-toggle{display:none!important}}


/* Premium gold call-to-action for the mobile menu book link. */
@media(max-width:800px){
  .mobile-menu-inner>a.mobile-menu-main{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    width:min(320px,86vw)!important;
    min-height:58px!important;
    margin:12px auto 8px!important;
    padding:15px 22px!important;
    border:1px solid #f4d77a!important;
    border-radius:5px!important;
    background:linear-gradient(135deg,#f8df91 0%,#e9bd4f 48%,#c9952f 100%)!important;
    box-shadow:0 7px 24px rgba(224,177,65,.22),inset 0 1px 0 rgba(255,255,255,.55)!important;
    color:#101820!important;
    font-family:'Barlow Condensed',Impact,sans-serif!important;
    font-size:27px!important;
    font-weight:800!important;
    letter-spacing:1.5px!important;
    line-height:1!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    text-shadow:0 1px 0 rgba(255,255,255,.25)!important;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
  }
  .mobile-menu-inner>a.mobile-menu-main::after{
    content:"↗"!important;
    position:static!important;
    display:inline-block!important;
    width:auto!important;
    height:auto!important;
    background:none!important;
    box-shadow:none!important;
    color:#101820!important;
    font:700 20px/1 Arial,sans-serif!important;
  }
  .mobile-menu-inner>a.mobile-menu-main:hover,
  .mobile-menu-inner>a.mobile-menu-main:focus-visible{
    color:#101820!important;
    filter:brightness(1.06)!important;
    transform:translateY(-2px)!important;
    box-shadow:0 10px 30px rgba(224,177,65,.32),inset 0 1px 0 rgba(255,255,255,.65)!important;
    outline:2px solid rgba(248,223,145,.35)!important;
    outline-offset:4px!important;
  }
}