:root{
  --bg:#1b1b1a;
  --bg-deep:#171717;
  --fg:#dedede;
  --white:#fff;
  --ink:#090909;
  --max:1180px;
  --page-x:clamp(28px,5vw,72px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Roboto Condensed','Arial Narrow',Arial,Helvetica,sans-serif;font-weight:700;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(var(--max),calc(100% - (var(--page-x) * 2)));margin-inline:auto}

/* Header */
.topbar{background:#191919;position:relative;z-index:20}
.nav{height:132px;display:flex;align-items:center;justify-content:space-between;gap:44px}
.brand{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:clamp(36px,3vw,47px);font-weight:700;letter-spacing:-.08em;color:#fff;white-space:nowrap}
.menu{display:flex;gap:clamp(22px,2.3vw,38px);align-items:center;text-transform:uppercase;font-size:15px;letter-spacing:.02em}
.menu a{opacity:.88;transition:opacity .15s ease}
.menu a:hover,.menu a.active{opacity:1}
.hamb{width:58px;height:46px;display:none;cursor:pointer;position:relative;border:0;background:transparent;padding:0;flex:0 0 auto}
.hamb:before,.hamb:after{content:"";position:absolute;right:0;width:54px;height:2px;background:#ddd}
.hamb:before{top:13px}.hamb:after{top:31px}

/* Home */
.hero{background:var(--bg-deep);min-height:calc(100svh - 132px);display:flex;align-items:center}
.hero-grid{padding:76px 0 92px}
.hero-grid>div{width:min(100%,960px)}
.hero h1,.display,.section h2,.rule-card h3,.gallery-heading,.newsitem h3,.release-list a{
  font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;
  font-weight:400;text-transform:uppercase;letter-spacing:.005em
}
.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.06;max-width:950px;margin:0 0 54px}
.card-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,52px);align-items:center;width:min(100%,760px)}
.card-pair img{width:100%;border:2px solid #ddd;border-radius:13px;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.hero p,.lede{font-size:clamp(20px,2vw,27px);line-height:1.34;max-width:820px}
.hero p{margin:58px 0 0}
.buttonrow{margin-top:38px;width:min(100%,860px)}
.button{display:flex;width:100%;min-height:92px;padding:18px 34px;align-items:center;justify-content:center;text-align:center;border-radius:999px;background:#e6e6e6;color:#111;font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:clamp(23px,2.2vw,29px);font-weight:400;text-transform:uppercase;letter-spacing:.02em;transition:transform .15s ease,background .15s ease}
.button:hover{background:#fff;transform:translateY(-1px)}
.button.outline{display:none}

/* Shared content */
.section{padding:96px 0 112px;background:var(--bg)}
.section.black,.section.dark{background:var(--bg)}
.section h2{font-size:62px;margin:0 0 42px}
.eyebrow{display:none}.quicklinks{display:none}
.display{font-size:clamp(52px,5vw,76px);line-height:1.04;margin:0 0 54px}
.lede{margin:-26px 0 54px}
.support{padding:0;border:0;background:none;text-align:left}.support h2{margin:0 0 40px}

/* Footer */
.footer{padding:62px 0;background:var(--bg);border-top:1px solid #242424}
.footer-grid{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}
.footer .brand{display:none}.small{font-size:18px;margin:0}
.socials{display:flex;gap:28px;text-transform:uppercase;font-size:14px;flex-wrap:wrap}

/* How to play */
.video{aspect-ratio:16/9;background:#0b0b0b;margin:36px 0 90px;display:grid;place-items:center;width:min(100%,1000px);overflow:hidden}
.play{font-size:60px}.rules-grid{display:grid;gap:86px;width:min(100%,1000px)}
.rule-card{text-align:center;padding:8px 0}.rule-card h3{font-size:clamp(42px,4vw,60px);line-height:1.05;margin:0}.rule-card p{display:none}

/* Cards */
.searchbar{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px;margin:0 0 42px;max-width:1000px}
.searchbar input,.searchbar select{min-width:0;background:#111;color:#eee;border:1px solid #444;border-radius:0;padding:15px 16px;font-size:16px;outline:none}
.searchbar input:focus,.searchbar select:focus{border-color:#aaa}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gallery-item{min-width:0}.gallery-item img{width:100%;aspect-ratio:63/88;object-fit:cover;background:#090909}.meta{display:none}
.gallery-heading{font-size:58px;margin:0 0 40px}

/* News */
.newslist{display:grid;gap:55px;max-width:950px}.newsitem{border-bottom:1px solid #555;padding-bottom:42px}.newsitem time{font-size:16px}.newsitem h3{font-size:clamp(38px,4vw,50px);line-height:1.06;margin:10px 0}.newsitem p{font-size:20px;line-height:1.45}

/* About / releases */
.about-grid{display:block;max-width:1000px}.portrait{display:none}.about-grid p{font-size:clamp(21px,2vw,27px);line-height:1.34;margin:0 0 32px}.about-grid .display{font-size:clamp(52px,5vw,72px)}
.release-list{display:grid;gap:72px;text-align:center;padding:35px 0 90px}.release-list a{font-size:clamp(42px,4.5vw,62px);line-height:1.06}

/* Full screen mobile menu */
.mobile-overlay{position:fixed;inset:0;background:#fff;color:#000;z-index:100;display:none;flex-direction:column;min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 26px max(34px,env(safe-area-inset-bottom))}
.mobile-overlay.open{display:flex}.mobile-close{position:absolute;right:34px;top:max(38px,calc(env(safe-area-inset-top) + 18px));width:46px;height:46px;border:0;background:transparent;cursor:pointer}
.mobile-close:before,.mobile-close:after{content:"";position:absolute;left:0;top:22px;width:48px;height:2px;background:#111}.mobile-close:before{transform:rotate(45deg)}.mobile-close:after{transform:rotate(-45deg)}
.mobile-links{margin:auto;display:grid;text-align:center;gap:28px;font-size:clamp(39px,8vw,52px);line-height:1;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.mobile-socials{display:flex;justify-content:center;gap:34px;padding:0 0 12px;font-size:16px}

/* Tablet / mobile */
@media(max-width:900px){
  :root{--page-x:42px}
  .nav{height:136px}.menu{display:none}.hamb{display:block}
  .hero{min-height:auto}.hero-grid{padding:58px 0 70px}.hero-grid>div{width:100%}
  .hero h1{font-size:clamp(40px,7vw,58px);margin-bottom:52px;max-width:760px}
  .card-pair{width:min(100%,680px);gap:clamp(24px,5vw,48px)}
  .hero p{margin-top:52px}
  .button{min-height:92px}
  .section{padding:82px 0 96px}.display{margin-bottom:50px}
  .video{margin:28px 0 84px}.rules-grid{gap:96px}
  .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .footer-grid{align-items:flex-start}
}

@media(max-width:620px){
  :root{--page-x:24px}
  .nav{height:116px}.brand{font-size:27px}.hamb{width:50px;transform:scale(.84);transform-origin:right center}
  .hero-grid{padding:42px 0 58px}.hero h1{font-size:clamp(34px,9.4vw,44px);line-height:1.1;margin-bottom:48px}
  .card-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,5vw,28px)}
  .card-pair img{border-radius:9px}
  .hero p,.lede{font-size:18px;line-height:1.38}.hero p{margin:45px 0 0}
  .buttonrow{margin-top:32px}.button{min-height:78px;padding:16px 22px;font-size:19px}
  .section{padding:66px 0 82px}.display{font-size:43px;line-height:1.05;margin-bottom:44px}.lede{margin:-22px 0 42px}
  .video{width:100%;margin:22px 0 74px}.play{font-size:48px}.rules-grid{gap:86px}.rule-card h3{font-size:36px}
  .searchbar{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.searchbar input,.searchbar select{font-size:16px;padding:14px}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-heading{font-size:38px;margin-bottom:30px}
  .about-grid p{font-size:19px;line-height:1.36}.release-list{gap:58px;padding:20px 0 65px}.release-list a{font-size:36px}
  .footer{padding:48px 0}.footer-grid{display:block}.small{font-size:16px;line-height:1.4}.socials{margin-top:34px;gap:22px}
  .mobile-close{right:22px}.mobile-socials{gap:24px;font-size:14px}
}

@media(max-width:380px){
  :root{--page-x:20px}
  .brand{font-size:24px}.hero h1{font-size:32px}.hero p,.lede{font-size:17px}.button{font-size:17px}
  .mobile-links{font-size:36px;gap:25px}
}

/* Keep layouts usable on short landscape screens */
@media(max-height:560px) and (max-width:900px){
  .mobile-links{gap:17px;font-size:34px}.mobile-socials{padding-bottom:0}.mobile-close{top:20px}
}

/* Landing-page physical card presentation */
.card-pair{perspective:1400px}
.card-pair picture{display:block;position:relative;filter:drop-shadow(0 18px 24px rgba(0,0,0,.48));transition:transform .22s ease,filter .22s ease}
.card-pair picture:first-child{transform:rotate(-1.2deg)}
.card-pair picture:last-child{transform:rotate(1.2deg)}
.card-pair picture:hover{transform:translateY(-5px) rotate(0deg);filter:drop-shadow(0 24px 30px rgba(0,0,0,.58))}
.card-pair img{border:0;border-radius:0;box-shadow:none;aspect-ratio:815/1110;object-fit:contain}

/* Reference landing page: clean Squarespace-style composition */
.brand{display:block;width:clamp(220px,20vw,285px);font-size:0;line-height:0;letter-spacing:0}
.brand picture,.brand img{display:block;width:100%;height:auto}
.hero{align-items:flex-start}
.hero-grid{padding-top:70px;padding-bottom:88px}
.hero-grid>div{width:min(100%,1040px)}
.hero h1{max-width:980px;margin-bottom:64px}
.card-pair{width:min(100%,790px);gap:54px;align-items:start;perspective:none}
.card-pair picture,.card-pair picture:first-child,.card-pair picture:last-child{transform:none;filter:drop-shadow(0 16px 18px rgba(0,0,0,.42));transition:transform .18s ease,filter .18s ease}
.card-pair picture:hover{transform:translateY(-4px);filter:drop-shadow(0 21px 24px rgba(0,0,0,.5))}
.card-pair img{width:100%;aspect-ratio:675/970;object-fit:contain;border-radius:16px}
.hero p{max-width:850px;margin-top:62px}
.buttonrow{width:min(100%,900px)}

@media(max-width:900px){
  .brand{width:clamp(190px,34vw,255px)}
  .hero-grid{padding-top:54px}
  .card-pair{gap:clamp(24px,5vw,44px);width:min(100%,700px)}
}
@media(max-width:620px){
  .brand{width:210px}
  .card-pair{gap:18px}
  .card-pair img{border-radius:10px}
}

/* === Laptop-first landing page matching the supplied reference === */
.home-page{background:#171818}
.home-page .topbar{background:#1b1b1a;border-top:3px solid #ededed}
.home-nav{height:174px;max-width:1792px;margin:0 auto;padding:0 42px;display:grid;grid-template-columns:minmax(430px,1fr) auto auto;align-items:center;column-gap:56px}
.home-page .brand{width:500px;max-width:100%;justify-self:start}
.home-page .brand img{width:100%;height:auto}
.home-page .menu{justify-self:end;gap:39px;font-size:23px;text-transform:none;letter-spacing:0;font-weight:700}
.home-page .menu a{opacity:.92}
.header-socials{display:flex;align-items:center;gap:28px}
.header-socials a{width:25px;height:25px;display:grid;place-items:center;opacity:.9;transition:opacity .15s ease,transform .15s ease}
.header-socials a:hover{opacity:1;transform:translateY(-1px)}
.header-socials svg{width:100%;height:100%;fill:#e5e5e5}
.home-page .hero{min-height:calc(100vh - 174px);background:
 radial-gradient(circle at 18% 58%,rgba(63,82,59,.11),transparent 26%),
 radial-gradient(circle at 79% 76%,rgba(87,27,52,.07),transparent 25%),
 radial-gradient(circle at 66% 20%,rgba(43,65,65,.06),transparent 32%),
 linear-gradient(180deg,#191a1a 0%,#171818 100%);position:relative;overflow:hidden}
.home-page .hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(255,255,255,.07) .55px,transparent .7px);background-size:8px 8px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 86%)}
.home-hero-grid{position:relative;z-index:1;width:min(1580px,calc(100% - 120px));margin:0 auto;min-height:calc(100vh - 174px);display:grid;grid-template-columns:minmax(520px,.9fr) minmax(700px,1.1fr);gap:82px;align-items:center;padding:64px 0 86px}
.hero-copy{align-self:center;padding-left:5px}
.home-page .hero h1{font-size:55px;line-height:1.06;max-width:670px;margin:0 0 38px;letter-spacing:.01em}
.home-page .hero p{font-size:26px;line-height:1.22;max-width:690px;margin:0 0 40px;font-weight:700}
.home-page .button{width:414px;min-height:84px;font-size:25px;border-radius:999px;margin:0;background:#e4e4e4;color:#111;box-shadow:none}
.card-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;align-items:center;justify-self:end;width:100%;max-width:770px}
.hero-card{display:block;position:relative;filter:drop-shadow(0 20px 24px rgba(0,0,0,.56));transition:transform .2s ease,filter .2s ease}
.hero-card:before{display:none}
.hero-card img{width:100%;height:auto;display:block;object-fit:contain;border-radius:25px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.hero-card:hover{transform:translateY(-4px);filter:drop-shadow(0 26px 30px rgba(0,0,0,.64))}
.home-page .hamb{display:none}

@media (max-width:1300px){
 .home-nav{grid-template-columns:minmax(330px,1fr) auto auto;column-gap:34px;padding-inline:32px}
 .home-page .brand{width:390px}.home-page .menu{font-size:19px;gap:27px}.header-socials{gap:21px}.header-socials a{width:22px;height:22px}
 .home-hero-grid{width:min(1180px,calc(100% - 80px));grid-template-columns:minmax(440px,.88fr) minmax(560px,1.12fr);gap:56px}
 .home-page .hero h1{font-size:48px}.home-page .hero p{font-size:22px}.card-stage{gap:48px;max-width:660px}.home-page .button{width:390px}
}

@media (max-width:1000px){
 .home-nav{height:136px;display:flex;padding-inline:42px}.home-page .brand{width:255px}.home-page .menu,.header-socials{display:none}.home-page .hamb{display:block;margin-left:auto}
 .home-page .hero{min-height:auto}.home-hero-grid{min-height:auto;width:min(100% - 84px,820px);grid-template-columns:1fr;padding:64px 0 82px;gap:54px}
 .hero-copy{padding:0}.home-page .hero h1{font-size:clamp(42px,6vw,56px)}.home-page .hero p{font-size:22px}.card-stage{justify-self:start;max-width:700px;gap:42px}.home-page .button{width:min(100%,430px)}
}


/* Keep the real Kravestorm logo visible and correctly sized on every page */
body:not(.home-page) .nav{min-height:132px;height:auto;padding-top:22px;padding-bottom:22px}
body:not(.home-page) .nav .brand{display:block;flex:0 1 310px;width:310px;max-width:34vw;min-width:210px}
body:not(.home-page) .nav .brand picture,
body:not(.home-page) .nav .brand img{display:block;width:100%;height:auto}
body:not(.home-page) .nav .menu{margin-left:auto}
@media(max-width:900px){body:not(.home-page) .nav .brand{width:235px;max-width:54vw;min-width:0;flex-basis:235px}}

/* === Laptop landing refinement: more breathing room, smaller scale, full cards === */
.home-nav{
  height:150px;
  max-width:1680px;
  padding:0 54px;
  grid-template-columns:minmax(330px,1fr) auto auto;
  column-gap:52px;
}
.home-page .brand{width:390px;}
.home-page .menu{font-size:20px;gap:36px;}
.header-socials{gap:25px;}
.header-socials a{width:22px;height:22px;}
.home-page .hero{min-height:auto;}
.home-hero-grid{
  width:min(1540px,calc(100% - 150px));
  min-height:620px;
  grid-template-columns:minmax(480px,.92fr) minmax(610px,1.08fr);
  gap:100px;
  padding:74px 0 88px;
}
.hero-copy{padding-left:0;}
.home-page .hero h1{
  font-size:50px;
  line-height:1.08;
  max-width:620px;
  margin-bottom:42px;
}
.home-page .hero p{
  font-size:23px;
  line-height:1.28;
  max-width:650px;
  margin-bottom:42px;
}
.home-page .button{
  width:390px;
  min-height:76px;
  font-size:22px;
}
.card-stage{
  max-width:700px;
  gap:54px;
  align-items:center;
}
.hero-card{
  padding:8px;
  background:#050505;
  border:1px solid rgba(255,255,255,.6);
  border-radius:22px;
  filter:drop-shadow(0 16px 21px rgba(0,0,0,.48));
  overflow:hidden;
}
.hero-card img{
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:14px;
  box-shadow:none;
}
.hero-card-front img{aspect-ratio:675/970;}
.hero-card-back img{aspect-ratio:745/1040;}
.hero-card:hover{transform:translateY(-3px);filter:drop-shadow(0 21px 26px rgba(0,0,0,.56));}
.home-footer{background:#1b1b1a;border-top:1px solid rgba(255,255,255,.06);}
.home-footer-inner{
  width:min(1680px,calc(100% - 110px));
  min-height:160px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:28px;
}
.home-footer-copy{grid-column:1;justify-self:start;font-size:17px;line-height:1.45;font-weight:700;}
.home-footer-copy p{margin:0 0 18px;}
.home-footer-copy a{opacity:.96;}
.home-footer-socials{grid-column:2;display:flex;align-items:center;gap:24px;}
.home-footer-socials a{width:22px;height:22px;display:grid;place-items:center;opacity:.9;}
.home-footer-socials svg{width:100%;height:100%;fill:#e5e5e5;}

@media (max-width:1300px){
  .home-nav{height:138px;padding-inline:38px;grid-template-columns:minmax(280px,1fr) auto auto;column-gap:32px;}
  .home-page .brand{width:320px;}
  .home-page .menu{font-size:18px;gap:25px;}
  .home-hero-grid{width:min(1180px,calc(100% - 92px));grid-template-columns:minmax(410px,.9fr) minmax(520px,1.1fr);gap:64px;padding:66px 0 76px;}
  .home-page .hero h1{font-size:44px;}
  .home-page .hero p{font-size:20px;}
  .card-stage{max-width:610px;gap:40px;}
  .home-page .button{width:360px;min-height:72px;font-size:21px;}
  .home-footer-inner{width:min(1180px,calc(100% - 76px));}
}

/* === Cosmic site treatment from the supplied card-back artwork ===
   The web background is built only from symbol-free portions of the source art. */
:root{
  --chrome:#1d1e1e;
  --cosmic-overlay:rgba(15,16,16,.58);
}

.home-page .topbar,
.home-footer{
  background:var(--chrome);
}

.home-page .topbar{
  border-top-color:#e7e7e7;
  box-shadow:0 1px 0 rgba(255,255,255,.025);
}

.home-page .hero{
  background-color:#171818;
  background-image:
    linear-gradient(90deg,rgba(18,19,19,.34),rgba(18,19,19,.18) 48%,rgba(18,19,19,.31)),
    linear-gradient(180deg,rgba(17,18,18,.22),rgba(17,18,18,.48)),
    image-set(
      url('assets/cosmic-cardback-symbolfree-1920.webp') type('image/webp') 1x,
      url('assets/cosmic-cardback-symbolfree-1920.webp') type('image/webp') 2x
    );
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.home-page .hero:before{
  /* The supplied art already carries its own organic paper/grain texture. */
  opacity:0;
}

.home-footer{
  border-top:1px solid rgba(255,255,255,.055);
}

.home-footer-inner{
  grid-template-columns:1fr auto 1fr;
}

.home-footer-credit{
  grid-column:3;
  justify-self:end;
  margin:0;
  font-size:15px;
  line-height:1.4;
  font-weight:400;
  opacity:.76;
}

/* Give the main content pages the same restrained cosmic identity while
   preserving the flat dark header/footer bands from the reference. */
body:not(.home-page){
  background:#181919;
}
body:not(.home-page) .section{
  background-color:#181919;
  background-image:
    linear-gradient(rgba(19,20,20,.68),rgba(19,20,20,.73)),
    url('assets/cosmic-cardback-symbolfree-1920.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
body:not(.home-page) .topbar,
body:not(.home-page) .footer{
  background:var(--chrome);
}

@media (max-width:1000px){
  .home-footer-credit{display:none;}
}

/* === Laptop polish pass: unified chrome, vector cosmic field, balanced card frames === */
:root{
  --chrome:#1c1d1d;
  --field:#1a1b1b;
  --field-deep:#171818;
}

/* The header/footer now sit in the same tonal family as the hero instead of
   reading as separate black bars. */
.home-page .topbar,
.home-footer,
body:not(.home-page) .topbar,
body:not(.home-page) .footer{
  background:rgba(28,29,29,.97);
}
.home-page .topbar{border-top-color:#e6e6e6;box-shadow:none}
.home-footer{border-top:1px solid rgba(255,255,255,.035)}

/* Scalable CSS-only cosmic field. No bitmap enlargement, so it remains clean
   on high-resolution laptop/desktop displays. */
.home-page .hero,
body:not(.home-page) .section{
  position:relative;
  isolation:isolate;
  background-color:var(--field);
  background-image:
    radial-gradient(ellipse 70% 88% at -8% 49%, rgba(4,91,116,.105) 0%, rgba(4,91,116,.045) 31%, transparent 62%),
    radial-gradient(ellipse 58% 68% at 22% 86%, rgba(82,108,27,.085) 0%, rgba(82,108,27,.032) 34%, transparent 67%),
    radial-gradient(ellipse 52% 62% at 56% 4%, rgba(125,71,27,.050) 0%, transparent 68%),
    radial-gradient(ellipse 55% 68% at 103% 72%, rgba(91,22,69,.078) 0%, rgba(91,22,69,.026) 40%, transparent 71%),
    radial-gradient(ellipse 44% 56% at 77% 37%, rgba(13,53,61,.045) 0%, transparent 72%),
    linear-gradient(180deg,rgba(30,31,31,.46) 0%,rgba(22,23,23,.70) 100%);
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
}
.home-page .hero::after,
body:not(.home-page) .section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.20;
  background-image:
    radial-gradient(circle at 17% 24%,rgba(255,255,255,.17) 0 .5px,transparent .75px),
    radial-gradient(circle at 68% 63%,rgba(255,255,255,.11) 0 .45px,transparent .7px),
    radial-gradient(circle at 36% 81%,rgba(255,255,255,.08) 0 .4px,transparent .65px);
  background-size:19px 23px,31px 29px,43px 37px;
  mix-blend-mode:screen;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 88%,transparent 100%);
}
.home-page .hero:before{opacity:0!important}

/* Slightly soften the joins into the header/footer. */
.home-page .hero{
  box-shadow:inset 0 26px 44px -40px rgba(0,0,0,.75),inset 0 -30px 48px -42px rgba(0,0,0,.72);
}

/* Both card images now contain their own deliberate black outer border.
   Wrappers provide only depth, never crop or add mismatched frame widths. */
.hero-card{
  padding:0;
  background:transparent;
  border:0;
  border-radius:18px;
  overflow:visible;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.50));
}
.hero-card img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  border-radius:16px;
  box-shadow:0 0 0 1px rgba(255,255,255,.07);
}
.hero-card-front img{aspect-ratio:711/1006}
.hero-card-back img{aspect-ratio:717/1012}

/* A little more compositional breathing room without changing the reference. */
.home-nav{padding-inline:62px}
.home-hero-grid{width:min(1510px,calc(100% - 172px));gap:108px;padding-top:82px;padding-bottom:94px}
.card-stage{max-width:680px;gap:58px}
.home-page .hero h1{margin-bottom:46px}
.home-page .hero p{margin-bottom:44px}
.home-footer-inner{width:min(1660px,calc(100% - 124px));min-height:154px}

@media (max-width:1300px){
  .home-nav{padding-inline:42px}
  .home-hero-grid{width:min(1160px,calc(100% - 96px));gap:70px;padding-top:72px;padding-bottom:82px}
  .card-stage{max-width:600px;gap:42px}
  .home-footer-inner{width:min(1160px,calc(100% - 84px))}
}


/* === Card Search / database === */
.database-page{background:var(--field,#1a1b1b)}
.database-main{min-height:calc(100vh - 132px);padding:54px max(34px,4vw) 96px;background:
 radial-gradient(ellipse 72% 92% at -8% 30%,rgba(6,79,99,.07),transparent 62%),
 radial-gradient(ellipse 55% 68% at 103% 66%,rgba(82,26,64,.05),transparent 72%),
 linear-gradient(180deg,#1a1b1b,#181919)}
.database-heading{max-width:1640px;margin:0 auto 34px;display:flex;align-items:end;justify-content:space-between;gap:50px;padding:0 4px 26px;border-bottom:1px solid rgba(255,255,255,.08)}
.database-heading h1{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:54px;font-weight:400;letter-spacing:.015em;text-transform:uppercase;line-height:.95;margin:7px 0 0;color:#f0f0ef}
.database-heading p{max-width:590px;margin:0;color:#a8aaa8;font-size:16px;font-weight:400;line-height:1.5;text-align:right}
.db-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#8c8f8d;font-weight:700}
.database-layout{max-width:1640px;margin:0 auto;display:grid;grid-template-columns:205px 300px minmax(0,1fr);gap:18px;align-items:start}
.set-rail,.filter-panel{background:rgba(24,25,25,.82);border:1px solid rgba(255,255,255,.075);border-radius:14px;box-shadow:0 16px 38px rgba(0,0,0,.12)}
.set-rail{padding:18px 12px;position:sticky;top:18px}
.filter-panel{padding:18px;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin;scrollbar-color:#4a4b4b transparent}
.panel-title{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:25px;line-height:1;text-transform:uppercase;letter-spacing:.04em;color:#e7e7e5}
.set-option{width:100%;text-align:left;border:0;background:transparent;color:#d8d9d7;border-radius:9px;padding:13px 11px;display:grid;gap:4px;cursor:pointer;transition:background .15s ease,border-color .15s ease;position:relative}
.set-option.active{background:#242626;box-shadow:inset 3px 0 0 #d9d9d6}
.set-option.future{opacity:.46;cursor:default}
.set-name{font-size:15px;line-height:1.2;font-weight:700}.set-date,.set-count,.set-status{font-size:11px;line-height:1.3;color:#969997;font-weight:400}.set-status{text-transform:uppercase;letter-spacing:.08em;font-size:9px}
.set-divider{height:1px;background:rgba(255,255,255,.07);margin:10px 8px 8px}
.filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.text-button{border:0;background:transparent;color:#9ea09f;padding:3px 0;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.11em}.text-button:hover{color:#fff}
.filter-field{display:block;border:0;padding:0;margin:0 0 15px;min-width:0}.filter-field>span,.filter-field legend{display:block;margin:0 0 7px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#8f9290;font-weight:700}.filter-field legend{padding:0}
.filter-field input,.filter-field select,.sort-control select{width:100%;height:38px;border:1px solid rgba(255,255,255,.105);border-radius:7px;background:#151616;color:#dedfdd;padding:0 10px;font-size:13px;font-weight:400;outline:none;transition:border-color .15s ease,background .15s ease}
.filter-field input:focus,.filter-field select:focus,.sort-control select:focus{border-color:#777b79;background:#171818}.filter-field input::placeholder{color:#646765}
.search-field input{height:42px}
.filter-row.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.numeric-row .filter-field{margin-bottom:10px}
.filter-group-label{margin:7px 0 12px;padding-top:13px;border-top:1px solid rgba(255,255,255,.065);font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#7f8280}
.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.nekthar-chip{border:1px solid rgba(255,255,255,.10);background:#151616;color:#aeb1af;border-radius:999px;padding:7px 9px;font-size:10px;line-height:1;cursor:pointer;transition:.15s ease}.nekthar-chip:hover{border-color:#585b59;color:#eee}.nekthar-chip.active{background:#e1e1de;color:#121313;border-color:#e1e1de}
.results-panel{min-width:0;padding:2px 2px 0}.results-toolbar{min-height:44px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px;padding:0 4px}.results-toolbar strong{display:block;color:#e9e9e7;font-size:16px}.results-toolbar #activeSummary{display:block;color:#7f8280;font-size:11px;margin-top:3px;font-weight:400}.sort-control{display:flex;align-items:center;gap:8px;color:#8f9290;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.sort-control select{width:146px;height:34px;text-transform:none;letter-spacing:0}
.database-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 15px;align-items:start}.db-card{border:0;background:transparent;color:#e7e7e5;padding:0;text-align:left;cursor:pointer;min-width:0}.db-card-image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:815/1110;border-radius:10px;overflow:hidden;background:#111212;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform .17s ease,box-shadow .17s ease}.db-card-image.landscape{aspect-ratio:1110/815}.db-card-image img{display:block;width:100%;height:100%;object-fit:contain}.db-card:hover .db-card-image{transform:translateY(-3px);box-shadow:0 13px 26px rgba(0,0,0,.36)}.db-card-meta{display:block;padding:8px 2px 0;min-width:0}.db-card-meta strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-card-meta small{display:block;margin-top:2px;color:#858886;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.empty-state{padding:100px 20px;text-align:center;color:#8e918f}.empty-state h2{font-family:'Bebas Neue';font-size:34px;font-weight:400;color:#d9dad8;margin:0 0 6px}.empty-state p{font-weight:400;margin:0;font-size:14px}.db-footer{margin-top:0}
body.modal-open{overflow:hidden}.card-modal[hidden]{display:none}.card-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:30px}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(5,6,6,.88);backdrop-filter:blur(8px);cursor:zoom-out}.modal-card{position:relative;z-index:1;max-width:min(1040px,94vw);max-height:92vh;display:grid;grid-template-columns:minmax(300px,600px) minmax(220px,310px);gap:32px;align-items:center;background:#1b1c1c;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.modal-image-wrap{display:flex;justify-content:center;min-width:0;max-height:84vh}.modal-image-wrap img{max-width:100%;max-height:84vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 16px 32px rgba(0,0,0,.38)}.modal-info h2{font-family:'Bebas Neue','Arial Narrow';font-weight:400;font-size:42px;line-height:1;margin:9px 0 12px;color:#f0f0ef}.modal-info p{font-size:14px;line-height:1.45;font-weight:400;color:#a9aba9;margin:0 0 8px}.modal-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#262828;color:#ddd;font-size:26px;line-height:30px;cursor:pointer}
@media(max-width:1450px){.database-layout{grid-template-columns:185px 270px minmax(0,1fr)}.database-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.database-main{padding-inline:34px}}
@media(max-width:1080px){.database-layout{grid-template-columns:220px minmax(0,1fr)}.set-rail{grid-column:1}.filter-panel{grid-column:1;position:relative;top:auto;max-height:none}.results-panel{grid-column:2;grid-row:1/span 2}.database-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.database-heading p{display:none}}
@media(max-width:760px){.database-main{padding:35px 20px 70px}.database-heading{margin-bottom:20px}.database-heading h1{font-size:44px}.database-layout{display:block}.set-rail,.filter-panel{position:relative;top:auto;margin-bottom:14px}.set-rail{display:grid;grid-template-columns:1fr 1fr;gap:5px}.set-rail .panel-title,.set-divider{grid-column:1/-1}.set-option.future{display:none}.filter-row.two{grid-template-columns:1fr 1fr}.results-toolbar{margin-top:28px}.database-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.db-card-meta strong{font-size:11px}.modal-card{grid-template-columns:1fr;padding:16px;gap:14px;max-height:94vh;overflow:auto}.modal-info{display:none}}

/* Landing page: give Gorl a deliberate, professional TCG-style black edge. */
.home-page .hero-card-front{
  padding:12px;
  background:#050505;
  border-radius:22px;
  box-sizing:border-box;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.home-page .hero-card-front img{
  border-radius:13px;
  box-shadow:none;
}

/* Landing hero card normalization — both physical cards use the exact same
   745:1040 canvas, 35px integrated black edge, radius, and rendered width. */
.home-page .card-stage{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
}
.home-page .hero-card,
.home-page .hero-card-front,
.home-page .hero-card-back{
  width:100%;
  aspect-ratio:745 / 1040;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  overflow:visible;
  box-sizing:border-box;
}
.home-page .hero-card img,
.home-page .hero-card-front img,
.home-page .hero-card-back img{
  width:100%;
  height:100%;
  aspect-ratio:745 / 1040;
  object-fit:contain;
  display:block;
  border-radius:0;
  box-shadow:none;
}

/* === Card Search refinement: integrated set + filter workspace === */
.database-layout{
  max-width:1640px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(500px,540px) minmax(0,1fr);
  gap:30px;
  align-items:start;
}
.search-controls{
  display:grid;
  grid-template-columns:178px minmax(0,1fr);
  align-items:stretch;
  position:sticky;
  top:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(24,25,25,.74);
  box-shadow:0 18px 44px rgba(0,0,0,.14);
  backdrop-filter:blur(8px);
}
.set-rail,.filter-panel{
  position:relative;
  top:auto;
  max-height:none;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.set-rail{
  padding:20px 12px 22px;
  border-right:1px solid rgba(255,255,255,.065);
  background:rgba(255,255,255,.012);
}
.filter-panel{
  padding:20px 20px 22px;
  max-height:calc(100vh - 36px);
  overflow:auto;
}
.panel-title{
  font-size:22px;
  letter-spacing:.055em;
}
.set-rail>.panel-title{padding:0 9px 13px}
.set-option{
  border-radius:8px;
  padding:11px 10px 12px;
  gap:2px;
  border:1px solid transparent;
}
.set-option+.set-option{margin-top:2px}
.set-option.active{
  background:rgba(255,255,255,.055);
  box-shadow:none;
  border-color:rgba(255,255,255,.055);
}
.set-option.active::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:2px;
  border-radius:2px;
  background:#d9d9d6;
}
.set-option.future{opacity:.50}
.set-name{font-size:13px;line-height:1.25}
.set-date,.set-count,.set-status{font-size:9.5px;line-height:1.35}
.set-status{font-size:8px;letter-spacing:.1em;margin-top:2px}
.set-divider{margin:8px 9px 7px}
.filter-head{margin-bottom:16px}
.filter-field{margin-bottom:13px}
.search-field{margin-bottom:14px}
.search-field input{height:40px}
.filter-row.two{gap:8px}
.filter-field input,.filter-field select,.sort-control select{height:36px}
.filter-field>span,.filter-field legend{font-size:9px;letter-spacing:.12em;margin-bottom:6px}

/* Make set scope feel like part of the search system instead of a second set menu. */
.set-filter{
  margin:0 0 15px;
  padding:12px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:9px;
  background:rgba(0,0,0,.10);
}
.set-filter legend{
  width:auto;
  padding:0 5px;
  margin-left:-5px;
  margin-bottom:0;
}
.set-scope-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
}
.set-scope-options label{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:7px;
  background:#151616;
  color:#aeb0ae;
  font-size:10px;
  cursor:pointer;
}
.set-scope-options input{position:absolute;opacity:0;pointer-events:none}
.set-scope-options label:has(input:checked){
  background:#e0e0dd;
  color:#121313;
  border-color:#e0e0dd;
}
.specific-set-choices{
  display:grid;
  gap:4px;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.055);
}
.specific-set-choices[hidden]{display:none}
.specific-set-choices label{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:27px;
  color:#c3c5c3;
  font-size:10px;
  cursor:pointer;
}
.specific-set-choices input{width:13px;height:13px;accent-color:#d9d9d6}
.specific-set-choices small{color:#777a78;font-size:9px;margin-left:3px}
.results-panel{padding-top:0}
.results-toolbar{padding-top:1px}

@media(max-width:1450px){
  .database-layout{grid-template-columns:minmax(455px,490px) minmax(0,1fr);gap:24px}
  .search-controls{grid-template-columns:160px minmax(0,1fr)}
  .database-main{padding-inline:34px}
}
@media(max-width:1080px){
  .database-layout{grid-template-columns:1fr}
  .search-controls{position:relative;top:auto;grid-template-columns:190px minmax(0,1fr)}
  .results-panel{grid-column:auto;grid-row:auto}
  .filter-panel{max-height:none}
}
@media(max-width:760px){
  .search-controls{display:block;border-radius:12px}
  .set-rail{border-right:0;border-bottom:1px solid rgba(255,255,255,.065);display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .set-rail>.panel-title,.set-divider{grid-column:1/-1}
  .set-option.future{display:none}
  .filter-panel{padding:18px}
}

/* === Visual continuity fix: restore the soft Kravestorm cosmic field and physical card corners === */
.home-page .topbar,
.home-footer,
body:not(.home-page) .topbar,
body:not(.home-page) .footer{
  background:#1b1c1c;
}

.home-page .hero,
body:not(.home-page) .section,
.database-main{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 70% 84% at 10% 58%, rgba(3,77,101,.065), transparent 62%),
    radial-gradient(ellipse 58% 72% at 30% 82%, rgba(83,104,28,.052), transparent 66%),
    radial-gradient(ellipse 52% 65% at 70% 18%, rgba(122,67,28,.032), transparent 70%),
    radial-gradient(ellipse 58% 72% at 98% 76%, rgba(86,22,67,.045), transparent 72%),
    linear-gradient(180deg,#1b1c1c 0%,#191a1a 100%);
  overflow:hidden;
}

.home-page .hero::before,
body:not(.home-page) .section::before,
.database-main::before{
  content:"";
  position:absolute;
  inset:-2%;
  z-index:-1;
  pointer-events:none;
  background-image:url('assets/cosmic-cardback-symbolfree-1920.webp');
  background-size:cover;
  background-position:center 52%;
  background-repeat:no-repeat;
  opacity:.12 !important;
  filter:blur(1.1px) saturate(.82) contrast(.96);
  transform:scale(1.035);
}

.home-page .hero::after,
body:not(.home-page) .section::after,
.database-main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(27,28,28,.18),rgba(24,25,25,.34));
  opacity:1;
  mask-image:none;
}

.home-page .topbar{border-top-color:#e6e6e6}
.home-footer{border-top:1px solid rgba(255,255,255,.025)}

/* Rounded corners should read as the edge of a real sleeveless TCG card.
   Both hero cards use the same radius and identical outer proportions. */
.home-page .hero-card,
.home-page .hero-card-front,
.home-page .hero-card-back{
  border-radius:24px;
  overflow:hidden;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.48));
}
.home-page .hero-card img,
.home-page .hero-card-front img,
.home-page .hero-card-back img{
  border-radius:24px;
  overflow:hidden;
}

/* Card detail summary */
.modal-info{min-width:0}.modal-type{font-size:15px!important;color:#b7b9b7!important;margin-bottom:18px!important}.modal-details{border-top:1px solid rgba(255,255,255,.09);margin-top:18px}.detail-row{display:grid;grid-template-columns:124px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.detail-label{font-size:10px;line-height:1.15;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#7f8582}.detail-value{font-size:14px;line-height:1.35;color:#e4e6e4;min-width:0}.cost-value,.production-value,.ethos-value{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cost-token{display:inline-flex;align-items:center;gap:5px}.cost-token strong{font-family:'Roboto Condensed',Arial,sans-serif;font-size:18px;line-height:1;color:#f2f2f0}.cost-icon{width:28px;height:28px;object-fit:contain;display:block}.production-value .cost-icon{width:30px;height:30px}.zero-cost{font-size:17px;font-weight:700}.ethos-badge{display:block;width:74px;height:auto;max-height:22px;object-fit:contain;object-position:left center}.detail-text-block{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.detail-text-block .detail-label{margin-bottom:8px}.detail-longtext{font-size:13px;line-height:1.5;color:#c7cac7;white-space:pre-line}.modal-card{grid-template-columns:minmax(340px,600px) minmax(280px,360px);max-width:min(1120px,94vw)}
@media(max-width:760px){.modal-info{display:block}.detail-row{grid-template-columns:108px minmax(0,1fr)}.modal-details{margin-top:12px}.detail-longtext{font-size:12px}.ethos-badge{width:68px}}

/* === Landing cosmic background clarity pass ===
   Keep the supplied symbol-free 1920px texture visible at native desktop resolution.
   The texture remains deliberately quiet, but no longer collapses into flat grey. */
.home-page .hero{
  background:
    radial-gradient(ellipse 72% 88% at 8% 52%, rgba(4,83,108,.075), transparent 64%),
    radial-gradient(ellipse 54% 68% at 29% 82%, rgba(91,112,30,.055), transparent 68%),
    radial-gradient(ellipse 52% 62% at 72% 18%, rgba(129,73,29,.038), transparent 72%),
    radial-gradient(ellipse 56% 70% at 98% 76%, rgba(91,24,72,.052), transparent 74%),
    #191a1a;
}
.home-page .hero::before{
  inset:0;
  background-image:url('assets/cosmic-cardback-symbolfree-1920.webp');
  background-size:cover;
  background-position:center 48%;
  opacity:.31 !important;
  filter:saturate(.92) contrast(1.06);
  transform:none;
}
.home-page .hero::after{
  background:
    linear-gradient(90deg,rgba(19,20,20,.20) 0%,rgba(19,20,20,.08) 42%,rgba(19,20,20,.12) 100%),
    linear-gradient(180deg,rgba(27,28,28,.10),rgba(22,23,23,.18));
}

/* Card Search artwork already carries the canonical SAMPLE watermark in the protected image assets. */
.db-card-image,.modal-image-wrap{position:relative}

/* === Canonical Kravestorm cosmic website background ===
   Use the card-back cosmic field itself as the visual language across pages. */
.home-page .hero,
body:not(.home-page) .section,
.database-main{
  background:#181919;
}
.home-page .hero::before,
body:not(.home-page) .section::before,
.database-main::before{
  inset:0;
  background-image:url('assets/cosmic-cardback-symbolfree-1920.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:.34 !important;
  filter:saturate(.88) contrast(1.04) brightness(.78);
  transform:none;
}
.home-page .hero::after,
body:not(.home-page) .section::after,
.database-main::after{
  background:linear-gradient(180deg,rgba(19,20,20,.28),rgba(19,20,20,.34));
}

/* === Integrated site chrome ===
   Header and footer remain darker than the content, but inherit the same
   symbol-free card-back cosmic texture so they no longer read as flat bars. */
.home-page .topbar,
.home-footer,
body:not(.home-page) .topbar,
body:not(.home-page) .footer{
  background-color:#171818;
  background-image:
    linear-gradient(rgba(16,17,17,.66),rgba(16,17,17,.66)),
    url('assets/cosmic-cardback-symbolfree-1920.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center 22%;
}
.home-footer,
body:not(.home-page) .footer{
  background-position:center 82%;
}
.home-page .topbar,
body:not(.home-page) .topbar{
  border-bottom:1px solid rgba(255,255,255,.018);
}
.home-footer,
body:not(.home-page) .footer{
  border-top:1px solid rgba(255,255,255,.018);
}

.modal-image-wrap{position:relative}.modal-nav{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:42px;height:64px;border:1px solid rgba(255,255,255,.12);background:rgba(18,19,19,.78);color:#e8e8e6;border-radius:12px;font-size:42px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:background .18s ease,border-color .18s ease,transform .18s ease;box-shadow:0 8px 24px rgba(0,0,0,.28)}.modal-nav:hover{background:rgba(31,33,33,.9);border-color:rgba(255,255,255,.24)}.modal-nav:active{transform:translateY(-50%) scale(.96)}.modal-prev{left:14px}.modal-next{right:14px}.modal-nav[disabled]{opacity:.25;cursor:default}.modal-nav[disabled]:hover{background:rgba(18,19,19,.78);border-color:rgba(255,255,255,.12)}@media(max-width:760px){.modal-nav{width:36px;height:54px;font-size:34px}.modal-prev{left:8px}.modal-next{right:8px}}

/* === Softer integrated chrome pass ===
   Darker and gently blurred versions of the same cosmic field, with no hard seam. */
.home-page .topbar,
.home-footer,
body:not(.home-page) .topbar,
body:not(.home-page) .footer{
  position:relative;
  isolation:isolate;
  background:#151616;
  background-image:none;
  overflow:hidden;
  border-top:0;
  border-bottom:0;
  box-shadow:none;
}
.home-page .topbar::before,
.home-footer::before,
body:not(.home-page) .topbar::before,
body:not(.home-page) .footer::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-2;
  pointer-events:none;
  background-image:url('assets/cosmic-cardback-symbolfree-1920.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center 28%;
  opacity:.24;
  filter:blur(9px) saturate(.72) brightness(.58) contrast(1.02);
  transform:scale(1.025);
}
.home-footer::before,
body:not(.home-page) .footer::before{
  background-position:center 78%;
}
.home-page .topbar::after,
.home-footer::after,
body:not(.home-page) .topbar::after,
body:not(.home-page) .footer::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(13,14,14,.48);
}

/* === Cosmic field tone adjustment ===
   Slightly darker main field while preserving the visible card-back pattern. */
.home-page .hero,
body:not(.home-page) .section,
.database-main{
  background:#151616;
}
.home-page .hero::before,
body:not(.home-page) .section::before,
.database-main::before{
  opacity:.31 !important;
  filter:saturate(.86) contrast(1.04) brightness(.70);
}
.home-page .hero::after,
body:not(.home-page) .section::after,
.database-main::after{
  background:linear-gradient(180deg,rgba(15,16,16,.34),rgba(15,16,16,.40));
}


/* === Laptop consistency pass: shared logo scale, shared cosmic field, flowing results === */
@media(min-width:901px){
  .home-page .brand{width:310px !important;max-width:34vw !important;}
  .home-nav{grid-template-columns:minmax(310px,1fr) auto auto;}
}

/* Card Search uses the exact same symbol-free card-back field as the landing page. */
.database-main{
  background:#151616 !important;
}
.database-main::before{
  inset:0 !important;
  background-image:url('assets/cosmic-cardback-symbolfree-1920.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:.31 !important;
  filter:saturate(.86) contrast(1.04) brightness(.70) !important;
  transform:none !important;
}
.database-main::after{
  background:linear-gradient(180deg,rgba(15,16,16,.34),rgba(15,16,16,.40)) !important;
}

/* Let search results continue naturally beneath the filter workspace. */
.database-layout{grid-template-rows:auto auto;}
.results-panel{grid-column:2;grid-row:1;}
.database-grid-full{
  grid-column:1 / -1;
  grid-row:2;
  width:100%;
  margin-top:4px;
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.database-empty{grid-column:1 / -1;grid-row:2;}
@media(max-width:1450px) and (min-width:1081px){
  .database-grid-full{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media(max-width:1080px){
  .results-panel{grid-column:auto;grid-row:auto;}
  .database-grid-full{grid-column:auto;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  .database-grid-full{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* === How to Play: laptop-first two-column learning hub === */
.how-section{min-height:calc(100vh - 132px);position:relative;isolation:isolate;overflow:hidden;background:#151616}
.how-section::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/cosmic-cardback-symbolfree-1920.webp') center/cover no-repeat;opacity:.31;filter:saturate(.86) contrast(1.04) brightness(.70)}
.how-section::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,16,16,.34),rgba(15,16,16,.40))}
.how-wrap{max-width:1220px}
.how-heading{max-width:760px;margin-bottom:54px}.how-heading .display{margin-bottom:28px}.how-heading .lede{margin:0;font-size:21px;max-width:690px;color:#c8cbc8}
.rules-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#8f9691;margin-bottom:10px}
.how-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:58px;align-items:stretch}
.how-video-column{min-width:0;display:flex}.how-video-placeholder{width:100%;aspect-ratio:16/9;min-height:390px;background:rgba(7,8,8,.78);border:1px solid rgba(255,255,255,.075);display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;box-shadow:0 22px 60px rgba(0,0,0,.22);backdrop-filter:blur(2px)}
.how-video-placeholder .play{width:74px;height:74px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-size:25px;padding-left:5px}.how-video-placeholder span{text-transform:uppercase;letter-spacing:.09em;font-size:12px;color:#9ba09d}
.how-rules-column{display:grid;grid-template-rows:1fr 1fr;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.how-rule-option{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:34px 8px 34px 0;align-items:start;transition:background .18s ease,padding-left .18s ease}
.how-rule-option+ .how-rule-option{border-top:1px solid rgba(255,255,255,.12)}.how-rule-option:hover{background:rgba(255,255,255,.025);padding-left:10px}.how-option-number{font-size:11px;letter-spacing:.12em;color:#737975;padding-top:5px}
.how-rule-option h2{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:42px;line-height:1;margin:0 0 15px;color:#ededeb}.how-rule-option p{font-size:16px;line-height:1.5;color:#aeb3af;margin:0 0 22px;max-width:390px}.how-option-link{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#dadcd9}

/* === Searchable integrated Comprehensive Rules === */
.rules-page{background:#151616}.rules-main{position:relative;isolation:isolate;min-height:70vh;background:#151616}.rules-main::before{content:"";position:fixed;inset:0;z-index:-2;background:url('assets/cosmic-cardback-symbolfree-1920.webp') center/cover no-repeat;opacity:.26;filter:saturate(.78) contrast(1.03) brightness(.62)}.rules-main::after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(14,15,15,.56)}
.rules-shell{width:min(1420px,calc(100% - 88px));margin:0 auto;display:grid;grid-template-columns:300px minmax(0,860px);justify-content:center;gap:72px;padding:64px 0 110px;align-items:start}.rules-sidebar{position:sticky;top:26px;max-height:calc(100vh - 52px);overflow:auto;padding:4px 22px 26px 0;scrollbar-width:thin;scrollbar-color:#4b4f4c transparent}.rules-back{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:#9ba09d;display:inline-block;margin-bottom:30px}.rules-search-wrap{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:19px}.rules-search-wrap label{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7f8681;margin-bottom:9px}.rules-search-wrap input{width:100%;background:rgba(6,7,7,.54);border:1px solid rgba(255,255,255,.12);color:#eceeec;padding:13px 14px;outline:none;border-radius:4px;font-size:14px}.rules-search-wrap input:focus{border-color:rgba(255,255,255,.32)}.rules-search-status{font-size:10px;letter-spacing:.06em;color:#747a76;margin-top:9px}.rules-index{display:grid;gap:0}.rules-index a{padding:8px 6px 8px 0;font-size:13px;line-height:1.25;color:#aeb2af;border-bottom:1px solid rgba(255,255,255,.04);transition:color .15s ease,padding-left .15s ease}.rules-index a:hover{color:#f0f1ef;padding-left:5px}.rules-index a[hidden]{display:none}
.rules-document{min-width:0}.rules-document-head{padding:0 0 40px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:22px}.rules-document-head h1{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:64px;line-height:1;margin:0 0 12px;font-weight:400;text-transform:uppercase;color:#f0f0ed}.rules-document-head p{margin:0;color:#8e9490;font-size:13px}.rules-chapter{padding:38px 0 46px;border-bottom:1px solid rgba(255,255,255,.09);scroll-margin-top:30px}.rules-chapter h2{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:38px;line-height:1.05;font-weight:400;text-transform:uppercase;margin:0 0 26px;color:#ebedea}.rules-chapter h2 span{color:#858b87;margin-right:8px}.rules-copy{max-width:780px}.rules-copy p{font-size:15px;line-height:1.62;font-weight:600;color:#c5c9c6;margin:0 0 12px}.rules-copy .rule-line{color:#d5d8d5}.rules-copy .rule-bullet{padding-left:18px}.rules-copy mark{background:rgba(206,217,148,.22);color:#f4f5ef;border-radius:2px;padding:0 1px}.rules-no-results{padding:50px 0;color:#aeb3af;font-size:18px}
.simple-rules-shell{width:min(980px,calc(100% - 88px));margin:0 auto;padding:64px 0 100px}.simple-rules-shell>.rules-back{margin-bottom:45px}.simple-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.10)}.simple-rule{padding:28px 34px 30px 0;border-bottom:1px solid rgba(255,255,255,.10)}.simple-rule:nth-child(even){padding-left:34px;border-left:1px solid rgba(255,255,255,.10)}.simple-rule h2{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-weight:400;font-size:29px;margin:0 0 10px;color:#e9ebe8}.simple-rule p{font-size:15px;line-height:1.55;color:#b8bdb9;margin:0}.simple-to-full{display:inline-block;margin-top:38px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#e3e5e2}
@media(max-width:1000px){.how-layout{grid-template-columns:1fr}.how-rules-column{grid-template-columns:1fr 1fr;grid-template-rows:auto}.how-rule-option+ .how-rule-option{border-top:0;border-left:1px solid rgba(255,255,255,.12);padding-left:28px}.rules-shell{grid-template-columns:250px minmax(0,1fr);gap:42px;width:min(100% - 56px,1180px)}}
@media(max-width:760px){.how-heading{margin-bottom:38px}.how-video-placeholder{min-height:0}.how-rules-column{grid-template-columns:1fr}.how-rule-option+ .how-rule-option{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding-left:0}.rules-shell{display:block;width:min(100% - 42px,760px);padding-top:36px}.rules-sidebar{position:relative;top:auto;max-height:none;padding:0;margin-bottom:42px}.rules-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.rules-document-head h1{font-size:48px}.rules-chapter h2{font-size:32px}.rules-copy p{font-size:14px}.simple-rules-shell{width:min(100% - 42px,760px);padding-top:40px}.simple-rules-grid{grid-template-columns:1fr}.simple-rule,.simple-rule:nth-child(even){padding:24px 0;border-left:0}}

/* Comprehensive Rules — editorial hierarchy */
.rules-chapter h2{
  font-size:44px;
  letter-spacing:.018em;
  margin:0 0 32px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(255,255,255,.14);
  color:#f4f5f1;
}
.rules-copy .rule-line{font-weight:600;color:#c8ccc9}
.rules-copy .rule-line.rule-subhead{
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  font-size:20px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.015em;
  color:#f1f2ee;
  margin:30px 0 12px;
  padding-top:5px;
}
.rules-copy .rule-line.rule-subsubhead{
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  font-size:17px;
  line-height:1.3;
  font-weight:800;
  color:#e3e6e2;
  margin:22px 0 9px;
}
.rules-copy.quick-reference h3{
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.035em;
  color:#f2f3ef;
  margin:38px 0 15px;
  padding-bottom:9px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.rules-copy.quick-reference h4{
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  font-size:17px;
  line-height:1.25;
  font-weight:800;
  color:#e4e7e3;
  margin:24px 0 9px;
}
.rules-copy .rule-list{margin-top:8px;margin-bottom:22px}
@media(max-width:760px){.rules-chapter h2{font-size:36px}.rules-copy .rule-line.rule-subhead{font-size:18px}.rules-copy.quick-reference h3{font-size:21px}}

/* === Global cosmic-field unification ===
   One shared symbol-free card-back field now sits behind every page.
   Page sections are transparent, eliminating page-to-page changes in tone,
   scale, crop, opacity, or texture treatment. */
html{background:#151616;}
body,
body.home-page,
body.database-page,
body.how-page,
body.rules-page{
  background-color:#151616 !important;
  background-image:
    linear-gradient(180deg,rgba(15,16,16,.34),rgba(15,16,16,.40)),
    url('assets/cosmic-cardback-symbolfree-1920.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

/* Content regions share the body field instead of redrawing their own version. */
.home-page .hero,
body:not(.home-page) .section,
.database-main,
.how-section,
.rules-main{
  background:transparent !important;
}
.home-page .hero::before,
.home-page .hero::after,
body:not(.home-page) .section::before,
body:not(.home-page) .section::after,
.database-main::before,
.database-main::after,
.how-section::before,
.how-section::after,
.rules-main::before,
.rules-main::after{
  display:none !important;
}

/* Keep site chrome in the same universe, only darker/softer. */
.home-page .topbar,
.home-footer,
body:not(.home-page) .topbar,
body:not(.home-page) .footer{
  background:#151616 !important;
}


/* === Site-wide chrome continuity ===
   Header and footer are translucent extensions of the shared cosmic field.
   No hard divider, no flat monochrome band. */
.topbar,
body.home-page .topbar,
body:not(.home-page) .topbar{
  background:rgba(11,12,12,.52) !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:blur(12px) saturate(.76) brightness(.76);
  backdrop-filter:blur(12px) saturate(.76) brightness(.76);
}

.site-footer{
  position:relative;
  z-index:5;
  width:100%;
  background:rgba(11,12,12,.52);
  border:0;
  box-shadow:none;
  -webkit-backdrop-filter:blur(12px) saturate(.76) brightness(.76);
  backdrop-filter:blur(12px) saturate(.76) brightness(.76);
}
.site-footer-inner{
  width:min(1660px,calc(100% - 124px));
  min-height:142px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:34px;
  padding:30px 0;
}
.site-footer-copy{justify-self:start;font-size:15px;line-height:1.45;color:#d2d4d1;font-weight:700}
.site-footer-copy p{margin:0 0 10px}.site-footer-copy a{color:#c9cbc8;opacity:.88}
.site-footer-socials{justify-self:center;display:flex;align-items:center;gap:24px}
.site-footer-socials a{width:21px;height:21px;display:grid;place-items:center;opacity:.78;transition:opacity .16s ease,transform .16s ease}
.site-footer-socials a:hover{opacity:1;transform:translateY(-1px)}
.site-footer-socials svg{width:100%;height:100%;fill:#e5e6e3}
.site-footer-credit{justify-self:end;margin:0;font-size:14px;line-height:1.45;color:#b8bcb8;font-weight:700;text-align:right}

/* Old page-specific footer classes must not create a second visual system. */
.home-footer,.footer{background:transparent !important;border:0 !important;padding:0 !important;box-shadow:none !important}

@media(max-width:1200px){
  .site-footer-inner{width:min(1160px,calc(100% - 84px))}
}
@media(max-width:760px){
  .site-footer-inner{width:min(100% - 42px,760px);min-height:0;grid-template-columns:1fr;justify-items:start;gap:24px;padding:34px 0}
  .site-footer-socials{justify-self:start}.site-footer-credit{justify-self:start;text-align:left}
}

/* Card database rules-text symbol normalization */
.detail-longtext{white-space:pre-line}
.detail-longtext .inline-nekthar-icon{width:1.18em;height:1.18em;object-fit:contain;display:inline-block;vertical-align:-0.22em;margin:0 .12em;filter:none}
.detail-longtext .reminder-text{font-style:italic;color:inherit}

/* === Atmosphere + landing-card motion pass === */
/* Slightly darker/softer shared cosmic field on every page. */
body,
body.home-page,
body.database-page,
body.how-page,
body.rules-page{
  background-image:
    linear-gradient(180deg,rgba(10,11,11,.44),rgba(10,11,11,.50)),
    url('assets/cosmic-cardback-symbolfree-1920.webp') !important;
}
/* A tiny soft-focus veil keeps the detailed painted field from competing with content. */
body::before{
  content:"";
  position:fixed;
  inset:-8px;
  z-index:-1;
  pointer-events:none;
  backdrop-filter:blur(1.4px);
  -webkit-backdrop-filter:blur(1.4px);
}

/* Give the two landing cards a quiet physical presence instead of standing rigidly. */
.home-page .hero-card{
  transform-origin:50% 70%;
  will-change:transform,filter;
}
.home-page .hero-card-front{
  transform:rotate(-1.6deg) translateY(3px);
  animation:krave-card-front 6.8s ease-in-out infinite;
}
.home-page .hero-card-back{
  transform:rotate(1.8deg) translateY(-3px);
  animation:krave-card-back 7.4s ease-in-out infinite;
}
.home-page .hero-card-front:hover,
.home-page .hero-card-back:hover{
  animation-play-state:paused;
  transform:translateY(-8px) rotate(0deg) scale(1.015);
  filter:drop-shadow(0 28px 32px rgba(0,0,0,.66));
  z-index:3;
}
@keyframes krave-card-front{
  0%,100%{transform:rotate(-1.6deg) translateY(3px)}
  50%{transform:rotate(-.7deg) translateY(-5px)}
}
@keyframes krave-card-back{
  0%,100%{transform:rotate(1.8deg) translateY(-3px)}
  50%{transform:rotate(.9deg) translateY(5px)}
}
@media(prefers-reduced-motion:reduce){
  .home-page .hero-card-front,.home-page .hero-card-back{animation:none}
}

/* === Header coherence pass: landing uses the exact desktop header geometry as internal pages === */
@media(min-width:901px){
  .home-page .topbar .nav{min-height:132px;height:auto;padding-top:22px;padding-bottom:22px;}
  .home-page .topbar .nav .brand{display:block;flex:0 1 310px;width:310px !important;max-width:34vw !important;min-width:210px;}
  .home-page .topbar .nav .brand picture,.home-page .topbar .nav .brand img{display:block;width:100%;height:auto;}
  .home-page .topbar .nav .menu{margin-left:auto;justify-self:auto;gap:clamp(22px,2.3vw,38px);font-size:15px;text-transform:uppercase;letter-spacing:.02em;font-weight:inherit;}
}

/* === Landing Sivenling card-flip showcase === */
.home-page .flip-card{
  perspective:1400px;
  aspect-ratio:745/1040;
  background:transparent;
}
.home-page .flip-card-inner{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .72s cubic-bezier(.2,.72,.22,1);
}
.home-page .flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}
.home-page .flip-face{
  position:absolute;
  inset:0;
  display:block;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  border-radius:25px;
  overflow:hidden;
}
.home-page .flip-face-back{transform:rotateY(180deg)}
.home-page .flip-face img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:25px;
}
/* Let the existing slow float move the whole card while the inner element handles the 3D flip. */
.home-page .flip-card:hover .flip-card-inner{transition-duration:.72s}
@media(prefers-reduced-motion:reduce){
  .home-page .flip-card-inner{transition:none}
}


/* === Chrome transparency refinement ===
   Header and footer intentionally share exactly the same translucency. */
:root{--krave-chrome-alpha:.46;}
.topbar,
body.home-page .topbar,
body:not(.home-page) .topbar,
.site-footer{
  background:rgba(11,12,12,var(--krave-chrome-alpha)) !important;
}

/* === Quick Start: visual, interactive first-game guide === */
.quick-start-page{scroll-behavior:smooth}
.quick-main{min-height:70vh}
.quick-hero{padding:70px 0 32px}
.quick-hero-inner{max-width:1240px}
.quick-hero .display{margin:.12em 0 .18em;font-size:clamp(56px,6vw,92px)}
.quick-lede{max-width:820px;margin:0;color:rgba(255,255,255,.76);font-size:20px;line-height:1.55}
.quick-stepnav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-top:46px;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.quick-stepnav a{display:flex;gap:10px;align-items:center;justify-content:center;padding:15px 9px;color:rgba(255,255,255,.68);text-decoration:none;background:rgba(8,9,9,.34);transition:.2s ease}
.quick-stepnav a:hover{background:rgba(255,255,255,.07);color:#fff}
.quick-stepnav b{font:700 12px/1 Arial,sans-serif;color:rgba(255,255,255,.35);letter-spacing:.08em}
.quick-stepnav span{font:700 13px/1.1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em}
.quick-content{max-width:1240px;padding-bottom:80px}
.quick-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:72px;align-items:center;padding:84px 0;border-top:1px solid rgba(255,255,255,.07)}
.quick-chapter:nth-child(even):not(.quick-chapter-wide) .quick-visual{order:2}
.quick-chapter:nth-child(even):not(.quick-chapter-wide) .quick-copy{order:1}
.quick-chapter-wide{grid-template-columns:1fr 1fr}
.quick-copy-full{grid-column:1/-1;max-width:780px}
.quick-copy h2,.quick-finish h2{font-family:'Bebas Neue','Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(42px,4.4vw,66px);letter-spacing:.015em;line-height:.97;margin:9px 0 23px;color:#f1f1f1}
.quick-copy p,.quick-finish p{font:400 17px/1.62 Arial,sans-serif;color:rgba(255,255,255,.75);max-width:650px}
.quick-num{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;font:700 12px Arial,sans-serif;color:rgba(255,255,255,.52);margin-bottom:18px}
.quick-points{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}
.quick-points span,.quick-anatomy span{padding:8px 11px;border:1px solid rgba(255,255,255,.09);background:rgba(7,8,8,.38);border-radius:999px;color:rgba(255,255,255,.68);font:700 12px Arial,sans-serif}
.quick-details{margin-top:24px;padding:0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.quick-details summary{cursor:pointer;padding:15px 0;font:700 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#ddd}
.quick-details p{padding:0 0 16px;margin:0}
.quick-visual{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}
.quick-card{position:relative;display:block;border:0;background:none;padding:0;border-radius:18px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.48);isolation:isolate}
.quick-card img{display:block;width:100%;height:auto}
.sample-card::after{content:'SAMPLE';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-28deg);font:800 clamp(22px,3vw,46px)/1 Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.12);text-shadow:0 1px 1px rgba(0,0,0,.2);pointer-events:none;z-index:2}
.setup-visual{min-height:520px}
.setup-visual .quick-capital{position:absolute;width:66%;left:17%;bottom:32%;border-radius:14px;z-index:1;box-shadow:0 24px 52px rgba(0,0,0,.54)}
.setup-visual .quick-nek-1,.setup-visual .quick-nek-2{position:absolute;width:25%;top:1%;z-index:2;transform-origin:bottom center}
.setup-visual .quick-nek-1{left:24%;transform:rotate(-4deg)}
.setup-visual .quick-nek-2{right:24%;transform:rotate(4deg)}
.quick-zone-label{position:absolute;font:700 10px Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.32)}
.resource-label{top:0;left:3%;writing-mode:vertical-rl;transform:rotate(180deg)}
.garrison-label{bottom:7%;left:50%;transform:translateX(-50%)}
.single-card-stage .quick-card{width:min(300px,75%)}
.interactive-nekthery{cursor:pointer;transition:transform .38s ease,filter .25s ease}
.interactive-nekthery.is-exhausted{transform:rotate(-90deg) scale(.87)}
.interactive-nekthery:hover,.quick-enlarge:hover{filter:brightness(1.06);transform:translateY(-4px)}
.interactive-nekthery.is-exhausted:hover{transform:rotate(-90deg) scale(.87) translateX(4px)}
.tap-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;padding:7px 10px;border-radius:999px;background:rgba(4,4,4,.78);color:rgba(255,255,255,.78);font:700 10px Arial,sans-serif;letter-spacing:.06em;z-index:3}
.quick-callout{padding:14px 16px;border-left:2px solid rgba(255,255,255,.28);background:rgba(255,255,255,.035)}
.turn-explorer{grid-column:1/-1;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(6,7,7,.42);backdrop-filter:blur(8px)}
.turn-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.turn-tabs button{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:13px 8px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.55);font:700 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.18s}
.turn-tabs button:hover,.turn-tabs button.active{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.18)}
.turn-readout{min-height:142px;padding:28px 20px 8px;max-width:760px}
.turn-readout .turn-index{font:700 11px Arial,sans-serif;color:rgba(255,255,255,.35);letter-spacing:.12em}
.turn-readout h3,.cardtype-readout h3{font-family:'Bebas Neue','Arial Narrow',sans-serif;text-transform:uppercase;font-size:36px;letter-spacing:.02em;margin:6px 0 8px}
.turn-readout p,.cardtype-readout p{font:400 16px/1.58 Arial,sans-serif;color:rgba(255,255,255,.7);margin:0}
.quick-anatomy{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.quick-anatomy span{border-radius:10px}.quick-anatomy b{display:block;color:#eee;margin-bottom:3px}
.attack-stage{gap:22px;min-height:500px}.attack-card{width:245px}.attack-arrow{font:400 50px 'Arial Narrow',sans-serif;color:rgba(255,255,255,.45)}.capital-target{width:124px;height:180px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(8,9,9,.55);display:flex;align-items:center;justify-content:center;font:700 14px Arial,sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.58)}
.quick-attack-list{padding-left:20px;margin:22px 0;color:rgba(255,255,255,.76);font:400 15px/1.55 Arial,sans-serif}.quick-attack-list li{margin:7px 0;padding-left:5px}.quick-note{font-size:13px!important;color:rgba(255,255,255,.48)!important}
.status-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 17px}.status-buttons button{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.58);cursor:pointer;font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}.status-buttons button.active{background:#ececec;color:#111}
.status-readout{display:flex;flex-direction:column;gap:5px;min-height:64px}.status-readout strong{font:700 13px Arial,sans-serif;text-transform:uppercase;color:#eee}.status-readout span{font:400 14px/1.5 Arial,sans-serif;color:rgba(255,255,255,.6)}
.status-stage{min-height:620px}.status-card{width:330px;max-width:78%;transition:transform .45s cubic-bezier(.2,.75,.2,1)}.status-card[data-state='ready']{transform:rotate(0)}.status-card[data-state='exhausted']{transform:rotate(-90deg) scale(.88)}.status-card[data-state='wasted']{transform:rotate(180deg) scale(.88)}.status-card[data-state='overdosed']{transform:rotate(90deg) scale(.88)}
.cardtypes-chapter{display:block}.cardtype-switcher{display:grid;grid-template-columns:1.55fr .7fr;gap:42px;align-items:center;margin-top:20px}.cardtype-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.type-card{border:0;background:none;color:#ddd;padding:0;cursor:pointer;text-align:center;opacity:.62;transition:.2s}.type-card:hover,.type-card.active{opacity:1;transform:translateY(-4px)}.type-card .quick-card{width:100%}.type-card b{display:block;margin-top:10px;font:700 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.cardtype-readout{padding:26px 28px;border-left:1px solid rgba(255,255,255,.11);min-height:190px;display:flex;flex-direction:column;justify-content:center}
.quick-finish{margin-top:30px;padding:55px 0 78px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr auto;gap:55px;align-items:end}.quick-finish-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-end}.quick-finish .btn{display:inline-flex;padding:16px 20px;border-radius:999px;background:#e6e6e6;color:#111;text-decoration:none;font:700 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}.text-link{color:#ddd;text-decoration:none;font:700 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.quick-lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.84);backdrop-filter:blur(10px)}.quick-lightbox.open{display:flex}.quick-lightbox-card{width:min(430px,78vw);max-height:84vh}.quick-lightbox-card img{max-height:84vh;object-fit:contain}.quick-lightbox-close{position:absolute;right:28px;top:22px;border:0;background:none;color:white;font:300 42px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:980px){.quick-stepnav{grid-template-columns:repeat(4,1fr)}.quick-chapter,.quick-chapter-wide{grid-template-columns:1fr;gap:32px}.quick-chapter .quick-visual,.quick-chapter:nth-child(even):not(.quick-chapter-wide) .quick-visual{order:2}.quick-chapter .quick-copy,.quick-chapter:nth-child(even):not(.quick-chapter-wide) .quick-copy{order:1}.cardtype-switcher{grid-template-columns:1fr}.cardtype-readout{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.quick-finish{grid-template-columns:1fr}.quick-finish-actions{align-items:flex-start}.setup-visual{min-height:460px}}
@media(max-width:640px){.quick-hero{padding-top:44px}.quick-lede{font-size:16px}.quick-stepnav{grid-template-columns:1fr 1fr}.quick-stepnav a{justify-content:flex-start;padding-left:14px}.quick-content{width:min(100% - 36px,1240px)}.quick-chapter{padding:58px 0}.quick-copy h2,.quick-finish h2{font-size:42px}.turn-tabs{grid-template-columns:repeat(4,1fr)}.cardtype-cards{gap:8px}.setup-visual{min-height:390px}.setup-visual .quick-capital{width:78%;left:11%}.setup-visual .quick-nek-1,.setup-visual .quick-nek-2{width:30%}.setup-visual .quick-nek-1{left:18%}.setup-visual .quick-nek-2{right:18%}.attack-stage{min-height:420px;gap:10px}.attack-card{width:190px}.capital-target{width:95px;height:145px;font-size:11px}.attack-arrow{font-size:32px}.status-stage{min-height:440px}.status-card{width:250px;max-width:72%}.quick-anatomy{grid-template-columns:1fr}.quick-lightbox-card{width:min(390px,84vw)}}

/* Quick Start — richer visual teaching pass */
.setup-visual{min-height:570px}
.setup-table{position:relative;width:100%;height:100%;min-height:540px;border:1px solid rgba(255,255,255,.055);border-radius:28px;background:radial-gradient(circle at 52% 45%,rgba(255,255,255,.035),transparent 55%),rgba(4,5,5,.18);box-shadow:inset 0 0 60px rgba(0,0,0,.24)}
.capital-kit-stack{position:absolute;left:50%;top:48%;width:64%;height:72%;transform:translate(-50%,-50%)}
.resource-row{position:absolute;top:0;left:50%;transform:translateX(-50%);width:78%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}
.resource-row .setup-nek{width:100%;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.42)}
.resource-row .setup-alpha{transform:translateY(-9px);z-index:2;box-shadow:0 18px 34px rgba(0,0,0,.56)}
.alpha-tag{position:absolute;right:7px;bottom:7px;padding:4px 6px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font:700 8px Arial,sans-serif;letter-spacing:.1em}
.setup-visual .quick-capital{position:absolute;width:86%;left:7%;bottom:7%;border-radius:12px;z-index:4;box-shadow:0 24px 46px rgba(0,0,0,.58)}
.setup-deck{position:absolute;right:4%;top:25%;width:15%;z-index:3;transform:rotate(2deg);filter:drop-shadow(0 14px 20px rgba(0,0,0,.52))}
.setup-deck img{display:block;width:100%;border-radius:10px}
.setup-deck-shadow{position:absolute;inset:5px -7px -7px 7px;border-radius:10px;background:#050505;z-index:-1}
.setup-deck span{display:block;margin-top:8px;text-align:center;font:700 9px Arial,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.45)}
.setup-discard-placeholder{position:absolute;left:4%;top:27%;width:15%;aspect-ratio:.715;border:1px dashed rgba(255,255,255,.13);border-radius:10px;display:grid;place-items:center;color:rgba(255,255,255,.24);font:700 8px Arial,sans-serif;letter-spacing:.12em;text-align:center;padding:8px}
.setup-visual .resource-label{top:3%;left:50%;transform:translateX(-50%)}
.setup-visual .garrison-label{bottom:1%;left:50%;transform:translateX(-50%)}

.anatomy-stage{min-height:560px;overflow:visible}
.anatomy-card{width:min(310px,54%);z-index:2}
.anatomy-callout{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.83);font:700 10px Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.anatomy-callout span{padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(7,8,8,.64);backdrop-filter:blur(8px)}
.anatomy-callout i{display:block;height:1px;background:rgba(255,255,255,.27);position:relative}
.anatomy-callout i:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#ddd;top:-2px}
.anatomy-cost{left:0;top:11%}.anatomy-cost i{width:74px}.anatomy-cost i:after{right:-2px}
.anatomy-hp{right:1%;top:10%;flex-direction:row-reverse}.anatomy-hp i{width:68px}.anatomy-hp i:after{left:-2px}
.anatomy-soma{left:0;top:55%}.anatomy-soma i{width:82px}.anatomy-soma i:after{right:-2px}
.anatomy-ethos{right:0;top:62%;flex-direction:row-reverse}.anatomy-ethos i{width:74px}.anatomy-ethos i:after{left:-2px}
.anatomy-attack-cost{left:0;bottom:10%}.anatomy-attack-cost i{width:64px}.anatomy-attack-cost i:after{right:-2px}
.anatomy-damage{right:0;bottom:10%;flex-direction:row-reverse}.anatomy-damage i{width:62px}.anatomy-damage i:after{left:-2px}

.attack-stage{min-height:560px}
.attack-sim{position:relative;width:100%;max-width:520px;min-height:500px;border:1px solid rgba(255,255,255,.06);border-radius:26px;background:rgba(4,5,5,.22);overflow:hidden;box-shadow:inset 0 0 55px rgba(0,0,0,.28)}
.attack-lane{position:absolute;left:7%;right:7%;display:flex;align-items:center;gap:18px}
.attack-lane>span{width:70px;font:700 9px Arial,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.28)}
.attack-lane-top{top:9%}.attack-lane-bottom{bottom:14%}
.attack-attacker,.attack-defender{width:128px;border-radius:10px;transition:transform .6s ease,filter .35s ease,opacity .35s ease}
.attack-capital{margin-left:auto;width:112px;height:154px;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(12,13,13,.58);font:700 12px Arial,sans-serif;letter-spacing:.1em;color:rgba(255,255,255,.62);transition:transform .35s ease,box-shadow .35s ease}
.attack-capital span{display:block;margin-top:7px;font-size:9px;color:rgba(255,255,255,.35)}
.attack-flow{position:absolute;left:34%;right:19%;top:48%;height:50px;display:flex;align-items:center}
.attack-beam{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.4),rgba(255,255,255,.08));transform-origin:left;transform:scaleX(.15);opacity:.18;transition:.45s ease}
.attack-step-label{position:absolute;left:50%;top:12px;transform:translateX(-50%);font:700 9px Arial,sans-serif;letter-spacing:.13em;color:rgba(255,255,255,.35)}
.attack-play{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#ddd;padding:10px 15px;font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.attack-play:hover{background:rgba(255,255,255,.1)}
.attack-sim.is-committed .attack-attacker{transform:translate(82px,82px) rotate(-90deg)}
.attack-sim.is-committed .attack-beam{transform:scaleX(.55);opacity:.55}.attack-sim.is-committed .attack-step-label{color:#ddd}
.attack-sim.is-damage .attack-defender{animation:defenderHit .5s ease 2}.attack-sim.is-damage .attack-beam{transform:scaleX(1);opacity:.9}
.attack-sim.is-overflow .attack-defender{filter:brightness(.58);opacity:.55}.attack-sim.is-overflow .attack-capital{transform:scale(1.045);box-shadow:0 0 28px rgba(255,255,255,.16)}
.attack-sim.is-finish .attack-attacker{transform:translate(82px,82px) rotate(-180deg)}
@keyframes defenderHit{0%,100%{transform:translateX(0)}30%{transform:translateX(7px)}65%{transform:translateX(-5px)}}

@media(max-width:980px){.setup-table{min-height:500px}.anatomy-stage{min-height:520px}.attack-sim{max-width:560px}}
@media(max-width:640px){.setup-table{min-height:440px}.capital-kit-stack{width:73%}.setup-deck,.setup-discard-placeholder{width:17%}.anatomy-card{width:min(270px,58%)}.anatomy-callout span{font-size:8px}.anatomy-callout i{width:42px!important}.attack-sim{min-height:450px}.attack-attacker,.attack-defender{width:105px}.attack-capital{width:84px;height:126px}.attack-lane>span{width:54px;font-size:7px}}


/* Quick Start corrections — battlefield orientation, card anatomy, POV combat */
.setup-visual .capital-kit-stack{top:50%;height:86%;width:68%}
.setup-visual .garrison-zone{position:absolute;left:7%;right:7%;top:5%;height:24%;border:1px dashed rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.012);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.17);font:700 8px Arial,sans-serif;letter-spacing:.15em}
.setup-visual .garrison-label{top:1%;bottom:auto;left:50%;transform:translateX(-50%)}
.setup-visual .quick-capital{width:86%;left:7%;top:31%;bottom:auto;z-index:4}
.setup-visual .resource-label{top:57%;left:50%;transform:translateX(-50%)}
.setup-visual .resource-row{top:62%;width:76%;z-index:2}
.setup-visual .resource-row .setup-alpha{transform:translateY(8px)}
.setup-visual .setup-deck{top:36%}
.setup-visual .setup-discard-placeholder{top:38%}

/* Card anatomy: connector endpoints now land on the actual printed fields. */
.anatomy-stage{--card-w:min(310px,54%)}
.anatomy-card{width:var(--card-w)}
.anatomy-callout{position:absolute}
.anatomy-cost{left:1%;top:8%}.anatomy-cost i{width:86px;transform:rotate(6deg);transform-origin:right center}
.anatomy-hp{right:1%;top:8%;flex-direction:row-reverse}.anatomy-hp i{width:88px;transform:rotate(-5deg);transform-origin:left center}
.anatomy-soma{left:0;top:68%}.anatomy-soma i{width:94px;transform:rotate(-2deg);transform-origin:right center}
.anatomy-ethos{right:0;top:73%;flex-direction:row-reverse}.anatomy-ethos i{width:96px;transform:rotate(2deg);transform-origin:left center}
.anatomy-attack-cost{left:0;bottom:8.5%}.anatomy-attack-cost i{width:88px;transform:rotate(2deg);transform-origin:right center}
.anatomy-damage{right:0;bottom:8.5%;flex-direction:row-reverse}.anatomy-damage i{width:86px;transform:rotate(-1deg);transform-origin:left center}
/* Small target dots on the card itself make the intended fields unambiguous. */
.anatomy-stage:before,.anatomy-stage:after{content:"";position:absolute;z-index:4;width:6px;height:6px;border-radius:50%;background:#e8e8e8;box-shadow:0 0 0 3px rgba(0,0,0,.42)}
.anatomy-stage:before{left:calc(50% - 128px);top:9.3%}
.anatomy-stage:after{left:calc(50% + 124px);top:9.3%}

/* Attack simulation from the player's point of view: you are at the bottom, opponent ahead. */
.attack-lane-top{top:8%}.attack-lane-bottom{bottom:13%}
.attack-lane-top .attack-capital{margin-left:auto}
.attack-lane-bottom{justify-content:flex-start}
.attack-flow{left:34%;right:24%;top:47%;transform:rotate(-90deg);transform-origin:center}
.attack-step-label{transform:translateX(-50%) rotate(90deg)}
.attack-sim.is-committed .attack-attacker{transform:translate(82px,-82px) rotate(-90deg)}
.attack-sim.is-finish .attack-attacker{transform:translate(82px,-82px) rotate(-180deg)}

@media(max-width:640px){
  .setup-visual .capital-kit-stack{width:78%;height:88%}
  .setup-visual .quick-capital{width:86%;left:7%}
  .setup-visual .resource-row{width:82%}
  .anatomy-cost i,.anatomy-hp i,.anatomy-soma i,.anatomy-ethos i,.anatomy-attack-cost i,.anatomy-damage i{width:48px!important}
}

/* Quick Start v4 — corrected setup, precise anatomy, teaching-first combat */
.setup-table-v4{min-height:620px}
.setup-table-v4 .garrison-zone{left:8%;right:28%;top:4%;height:20%}
.setup-table-v4 .garrison-label{top:1.2%;left:40%}
.setup-table-v4 .quick-capital{width:62%;left:8%;top:27%;bottom:auto}
.setup-table-v4 .resource-label{top:55%;left:39%;transform:translateX(-50%)}
.setup-table-v4 .resource-row{top:60%;left:8%;transform:none;width:62%;grid-template-columns:repeat(3,1fr);gap:14px}
.setup-table-v4 .resource-row .setup-nek{width:100%;transform:none}
.setup-table-v4 .resource-row .setup-alpha{transform:none}
.setup-library{position:absolute;right:5%;top:28%;width:21%;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.setup-table-v4 .setup-deck,.setup-table-v4 .setup-discard-placeholder{position:relative;inset:auto;width:100%;top:auto;left:auto;right:auto;transform:none}
.setup-table-v4 .setup-discard-placeholder{aspect-ratio:.697;border-style:solid;background:rgba(4,5,5,.16);height:auto}
.setup-table-v4 .setup-discard-placeholder span{font:700 8px/1.35 Arial,sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.31)}
.setup-table-v4 .setup-deck span{margin-top:7px}

.anatomy-stage-v4{position:relative;min-height:610px;width:100%;display:grid;place-items:center}
.anatomy-stage-v4 .anatomy-card{width:340px;max-width:52%;z-index:2;overflow:hidden;border-radius:20px}
.anatomy-stage-v4 .anatomy-card img{width:100%;display:block}
.anatomy-stage-v4:before,.anatomy-stage-v4:after{display:none!important}
.anatomy-stage-v4 .anatomy-lines{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.anatomy-stage-v4 .anatomy-lines polyline{fill:none;stroke:rgba(255,255,255,.46);stroke-width:1.3;vector-effect:non-scaling-stroke}
.anatomy-stage-v4 .anatomy-lines circle{fill:#efefef;stroke:rgba(0,0,0,.62);stroke-width:2;vector-effect:non-scaling-stroke}
.anatomy-label{position:absolute;z-index:4;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(6,7,7,.72);backdrop-filter:blur(8px);font:700 10px Arial,sans-serif;letter-spacing:.065em;text-transform:uppercase;color:rgba(255,255,255,.9);white-space:nowrap}
.anatomy-l-cost{left:1%;top:12%}.anatomy-l-hp{right:2%;top:12%}.anatomy-l-soma{left:1%;top:55%}.anatomy-l-ethos{right:2%;top:62%}.anatomy-l-atkcost{left:1%;top:86%}.anatomy-l-damage{right:2%;top:86%}

.attack-stage-v4{min-height:760px;width:100%}
.attack-sim-v4{position:relative;width:100%;max-width:1050px;min-height:720px;border:1px solid rgba(255,255,255,.065);border-radius:28px;background:rgba(4,5,5,.22);overflow:hidden;box-shadow:inset 0 0 70px rgba(0,0,0,.34);padding:24px}
.attack-scene{position:relative;height:475px}
.attack-capital-real{position:absolute;left:50%;top:24px;width:470px;transform:translateX(-50%);z-index:1;filter:drop-shadow(0 18px 24px rgba(0,0,0,.48))}
.attack-capital-real img{display:block;width:100%;border-radius:17px}
.capital-hp-readout{position:absolute;right:18px;top:18px;display:flex;align-items:center;gap:10px;font:700 11px Arial,sans-serif;color:#fff}
.capital-hp-readout span{padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.14)}
.capital-hp-readout b{opacity:0;transform:scale(.5);font-size:28px;color:#fff;text-shadow:0 0 16px rgba(255,85,70,.9);transition:.35s ease}
.gorl-wrap{position:absolute;left:50%;top:155px;width:180px;height:258px;transform:translateX(-50%);z-index:4}
.gorl-base,.gorl-half{position:absolute;inset:0;width:100%;height:100%;border-radius:14px;overflow:hidden;filter:drop-shadow(0 16px 20px rgba(0,0,0,.52));transition:.55s cubic-bezier(.2,.75,.2,1)}
.gorl-base img,.gorl-half img{display:block;width:100%;height:100%;object-fit:cover}
.gorl-half{opacity:0;z-index:5}.gorl-half-left{clip-path:polygon(0 0,54% 0,44% 100%,0 100%)}.gorl-half-right{clip-path:polygon(54% 0,100% 0,100% 100%,44% 100%)}
.damage-burst{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) scale(.6);opacity:0;z-index:8;display:flex;flex-direction:column;align-items:center;text-shadow:0 0 22px #ff4b3d;transition:.3s ease}
.damage-burst strong{font:700 52px/1 Arial,sans-serif;color:#fff}.damage-burst span{font:700 9px Arial,sans-serif;letter-spacing:.16em;color:#fff}
.destroyed-tag{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);opacity:0;z-index:7;font:700 9px Arial,sans-serif;letter-spacing:.12em;color:#ddd;transition:.3s ease;white-space:nowrap}
.nevir-wrap{position:absolute;left:8%;bottom:8px;width:190px;z-index:6;transition:1s cubic-bezier(.2,.72,.2,1)}
.nevir-card{width:100%;border-radius:14px;overflow:hidden;filter:drop-shadow(0 18px 22px rgba(0,0,0,.52));transition:.55s ease}
.nevir-card img{display:block;width:100%}.nevir-name{text-align:center;margin-top:8px;font:700 9px Arial,sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.38)}
.attack-travel-line{position:absolute;left:27%;right:46%;bottom:135px;height:2px;z-index:2}.attack-travel-line span{display:block;width:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.75));transition:.65s ease}
.attack-explain{position:absolute;right:5%;top:270px;width:250px;padding:18px;border-radius:16px;background:rgba(8,9,9,.64);border:1px solid rgba(255,255,255,.07);z-index:7;transition:.3s ease}
.attack-explain-step{display:block;font:700 9px Arial,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.4);margin-bottom:6px}.attack-explain strong{display:block;font:700 17px/1.15 'Arial Narrow',Arial,sans-serif;color:#eee}.attack-explain p{margin:7px 0 0!important;font:400 12px/1.4 Arial,sans-serif!important;color:rgba(255,255,255,.55)!important}
.sideeffect-lesson{position:absolute;left:24px;right:24px;bottom:74px;height:125px;display:grid;grid-template-columns:1.8fr .55fr 1fr;gap:18px;align-items:center;opacity:.18;filter:grayscale(.6);transition:.5s ease}
.sideeffect-zoom{height:82px;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#070707;display:flex;align-items:center;transition:.45s ease}
.sideeffect-zoom img{width:100%;height:100%;object-fit:fill;display:block}.d20-demo{width:78px;height:78px;justify-self:center;display:grid;place-items:center;position:relative;clip-path:polygon(25% 5%,75% 5%,98% 50%,75% 95%,25% 95%,2% 50%);background:rgba(255,255,255,.13);border-radius:12px;color:#fff}.d20-demo:after{content:"";position:absolute;inset:4px;clip-path:inherit;background:#161718;z-index:-1}.d20-demo span{position:absolute;top:13px;font:700 8px Arial,sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.38)}.d20-demo b{font:700 32px Arial,sans-serif;opacity:0;transform:scale(.4) rotate(-30deg);transition:.55s cubic-bezier(.2,.8,.2,1)}
.overdose-result{padding:14px 16px;border-radius:14px;background:rgba(12,13,13,.55);border:1px solid rgba(255,255,255,.08);opacity:.35;transition:.45s ease}.overdose-result strong{display:block;font:700 15px 'Arial Narrow',Arial,sans-serif;letter-spacing:.05em;color:#eee}.overdose-result span{display:block;margin-top:5px;font:400 11px Arial,sans-serif;color:rgba(255,255,255,.52)}
.attack-sim-v4 .attack-play{bottom:22px}

.attack-sim-v4.is-committed .nevir-wrap{transform:translate(210px,-58px) scale(1.04)}
.attack-sim-v4.is-committed .attack-travel-line span{width:100%}
.attack-sim-v4.is-damage .damage-burst{opacity:1;transform:translate(-50%,-50%) scale(1)}
.attack-sim-v4.is-damage .gorl-base{filter:brightness(.6) drop-shadow(0 16px 20px rgba(0,0,0,.5))}
.attack-sim-v4.is-destroyed .gorl-base{opacity:0}
.attack-sim-v4.is-destroyed .gorl-half{opacity:1}
.attack-sim-v4.is-destroyed .gorl-half-left{transform:translate(-46px,18px) rotate(-13deg)}
.attack-sim-v4.is-destroyed .gorl-half-right{transform:translate(46px,18px) rotate(13deg)}
.attack-sim-v4.is-destroyed .destroyed-tag{opacity:1}
.attack-sim-v4.is-overflow .capital-hp-readout b{opacity:1;transform:scale(1)}
.attack-sim-v4.is-overflow .attack-capital-real{animation:capitalHit .55s ease 1}
.attack-sim-v4.is-sideeffect .sideeffect-lesson{opacity:1;filter:none}
.attack-sim-v4.is-sideeffect .sideeffect-zoom{transform:scale(1.08);box-shadow:0 0 30px rgba(255,255,255,.08)}
.attack-sim-v4.is-roll .d20-demo{animation:d20Roll .8s ease}.attack-sim-v4.is-roll .d20-demo b{opacity:1;transform:scale(1) rotate(0)}
.attack-sim-v4.is-overdosed .nevir-card{transform:rotate(90deg) scale(.78)}
.attack-sim-v4.is-overdosed .overdose-result{opacity:1;box-shadow:0 0 30px rgba(255,255,255,.07)}
@keyframes capitalHit{0%,100%{transform:translateX(-50%)}30%{transform:translateX(calc(-50% + 8px))}65%{transform:translateX(calc(-50% - 6px))}}
@keyframes d20Roll{0%{transform:rotate(0) scale(.8)}45%{transform:rotate(220deg) scale(1.16)}100%{transform:rotate(360deg) scale(1)}}

@media(max-width:980px){
  .setup-table-v4{min-height:560px}.setup-table-v4 .quick-capital{width:68%;left:5%}.setup-table-v4 .resource-row{width:68%;left:5%}.setup-library{right:3%;width:22%}
  .anatomy-stage-v4{min-height:570px}.anatomy-stage-v4 .anatomy-card{max-width:48%}
  .attack-sim-v4{max-width:760px}.attack-explain{right:3%;width:210px}.attack-capital-real{width:420px}
}
@media(max-width:640px){
  .setup-table-v4{min-height:650px}.setup-table-v4 .garrison-zone{left:7%;right:7%;height:16%}.setup-table-v4 .garrison-label{left:50%}.setup-table-v4 .quick-capital{left:7%;width:86%;top:22%}.setup-table-v4 .resource-label{left:50%;top:45%}.setup-table-v4 .resource-row{left:8%;width:84%;top:49%;gap:7px}.setup-library{left:22%;right:auto;top:79%;width:56%;gap:8px}
  .anatomy-stage-v4{min-height:510px}.anatomy-stage-v4 .anatomy-card{width:250px;max-width:55%}.anatomy-label{font-size:7px;padding:6px 7px}.anatomy-stage-v4 .anatomy-lines{opacity:.8}
  .attack-sim-v4{min-height:790px;padding:14px}.attack-scene{height:500px}.attack-capital-real{width:92%;top:16px}.gorl-wrap{top:145px;width:145px;height:208px}.nevir-wrap{left:3%;bottom:16px;width:145px}.attack-explain{right:3%;top:360px;width:47%;padding:12px}.sideeffect-lesson{left:14px;right:14px;bottom:78px;height:155px;grid-template-columns:1fr 70px;grid-template-rows:auto auto}.sideeffect-zoom{grid-column:1/3;height:62px}.overdose-result{padding:10px}.attack-sim-v4.is-committed .nevir-wrap{transform:translate(115px,-55px) scale(1.03)}
}

/* Quick Start v5 — deliberate battlefield spacing, fixed anatomy graphic, side-by-side combat lesson */
.setup-table-v4{min-height:650px}
.setup-table-v4 .garrison-zone{left:6%;right:6%;top:4%;height:17%}
.setup-table-v4 .garrison-label{top:1.4%;left:50%;transform:translateX(-50%)}
.setup-table-v4 .quick-capital{left:6%;top:25%;width:54%;bottom:auto}
.setup-table-v4 .resource-label{left:33%;top:61%;transform:translateX(-50%)}
.setup-table-v4 .resource-row{left:6%;top:66%;width:54%;transform:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.setup-table-v4 .resource-row .setup-nek,.setup-table-v4 .resource-row .setup-alpha{width:100%;transform:none;position:relative;box-shadow:0 13px 26px rgba(0,0,0,.45)}
.setup-table-v4 .resource-row img{display:block;width:100%;height:auto}
.setup-table-v4 .alpha-tag{display:none!important}
.setup-library{right:5%;top:28%;width:31%;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.setup-table-v4 .setup-deck,.setup-table-v4 .setup-discard-placeholder{width:100%;min-width:0}
.setup-table-v4 .setup-deck img{width:100%;border-radius:12px}
.setup-table-v4 .setup-discard-placeholder{aspect-ratio:.697;border:1px dashed rgba(255,255,255,.18);border-radius:12px;background:rgba(4,5,5,.18)}
.setup-table-v4 .setup-deck span,.setup-table-v4 .setup-discard-placeholder span{font-size:10px;letter-spacing:.13em}

.anatomy-fixed-stage{min-height:620px;display:grid;place-items:center;overflow:visible}
.anatomy-fixed-image{position:relative;width:min(100%,720px);padding:0;border:0;background:none;cursor:pointer;display:block}
.anatomy-fixed-image img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 32px rgba(0,0,0,.42))}
.anatomy-fixed-image .tap-hint{bottom:18px}

.attack-chapter-v5{grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr);gap:58px;align-items:center}
.attack-stage-v5{min-height:760px;width:100%;display:flex;align-items:center;justify-content:center}
.attack-stage-v5 .attack-sim-v4{width:100%;max-width:760px;min-height:740px;padding:22px 22px 72px}
.attack-stage-v5 .attack-scene{height:470px}
.attack-stage-v5 .attack-capital-real{top:18px;width:390px}
.attack-stage-v5 .battle-role{position:absolute;left:50%;transform:translateX(-50%);top:-22px;white-space:nowrap;font:700 9px Arial,sans-serif;letter-spacing:.11em;color:rgba(255,255,255,.5);text-transform:uppercase}
.attack-stage-v5 .attack-capital-real .battle-role{top:-16px}
.attack-stage-v5 .gorl-wrap{left:50%;top:165px;width:148px;height:212px;transform:translateX(-50%)}
.attack-stage-v5 .nevir-wrap{left:8%;bottom:8px;width:148px;transform:none}
.attack-stage-v5 .attack-travel-line{left:29%;right:44%;bottom:112px;height:28px;display:flex;align-items:center}
.attack-stage-v5 .attack-travel-line:after{content:'▶';position:absolute;right:-3px;top:3px;color:rgba(255,255,255,.62);font-size:16px;opacity:0;transition:.35s ease}
.attack-stage-v5 .attack-travel-line span{height:2px}
.attack-stage-v5 .attack-explain{right:4%;top:286px;width:225px;min-height:105px}
.attack-stage-v5 .sideeffect-lesson{left:22px;right:22px;bottom:78px;height:116px;grid-template-columns:1.7fr 80px 1fr;gap:14px}
.attack-stage-v5 .sideeffect-zoom{height:72px;transform-origin:center}
.attack-stage-v5 .capital-hp-readout em{display:none;padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.74);font-style:normal;font-size:11px}
.attack-stage-v5 .destroyed-tag{bottom:-25px}
.attack-stage-v5 .attack-play{left:22px;right:auto;bottom:20px}

/* Keep every combat card in its own lane; animation explains the connection instead of stacking cards. */
.attack-stage-v5 .attack-sim-v4.is-committed .nevir-wrap{transform:none}
.attack-stage-v5 .attack-sim-v4.is-committed .attack-travel-line span{width:100%}
.attack-stage-v5 .attack-sim-v4.is-committed .attack-travel-line:after{opacity:1}
.attack-stage-v5 .attack-sim-v4.is-damage .gorl-base{animation:gorlHit .7s ease 1;filter:brightness(.7) drop-shadow(0 16px 20px rgba(0,0,0,.5))}
.attack-stage-v5 .attack-sim-v4.is-destroyed .gorl-half-left{transform:translate(-55px,12px) rotate(-12deg)}
.attack-stage-v5 .attack-sim-v4.is-destroyed .gorl-half-right{transform:translate(55px,12px) rotate(12deg)}
.attack-stage-v5 .attack-sim-v4.is-overflow .capital-hp-readout em{display:inline-block}
.attack-stage-v5 .attack-sim-v4.is-sideeffect .sideeffect-lesson{opacity:1;filter:none}
.attack-stage-v5 .attack-sim-v4.is-sideeffect .sideeffect-zoom{transform:scale(1.16);box-shadow:0 0 34px rgba(255,255,255,.1)}
.attack-stage-v5 .attack-sim-v4.is-overdosed .nevir-card{transform:rotate(90deg) scale(.74);transform-origin:center}
@keyframes gorlHit{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}

@media(max-width:1100px){
  .attack-chapter-v5{grid-template-columns:1fr;gap:30px}.attack-stage-v5{min-height:760px}.attack-stage-v5 .attack-sim-v4{max-width:780px}
  .anatomy-fixed-image{width:min(100%,680px)}
}
@media(max-width:640px){
  .setup-table-v4{min-height:720px}.setup-table-v4 .garrison-zone{left:6%;right:6%;height:14%}.setup-table-v4 .quick-capital{left:6%;top:20%;width:88%}.setup-library{left:12%;right:auto;top:48%;width:76%;gap:12px}.setup-table-v4 .resource-label{left:50%;top:68%}.setup-table-v4 .resource-row{left:8%;top:72%;width:84%;gap:7px}
  .anatomy-fixed-stage{min-height:420px}.anatomy-fixed-image{width:100%}
  .attack-stage-v5 .attack-sim-v4{min-height:820px}.attack-stage-v5 .attack-scene{height:520px}.attack-stage-v5 .attack-capital-real{width:88%;top:18px}.attack-stage-v5 .gorl-wrap{top:160px;width:135px;height:194px}.attack-stage-v5 .nevir-wrap{left:4%;bottom:16px;width:132px}.attack-stage-v5 .attack-explain{right:3%;top:350px;width:48%}.attack-stage-v5 .sideeffect-lesson{height:155px;grid-template-columns:1fr 70px;grid-template-rows:auto auto}.attack-stage-v5 .sideeffect-zoom{grid-column:1/3;height:62px}
}


/* === 2026-08-25 consistency refinements === */
.quick-next{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:11px 15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(12,13,13,.38);color:#dfe1de;text-decoration:none;font:700 11px/1 Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,transform .18s ease}.quick-next span{font-size:16px;line-height:1;opacity:.72}.quick-next:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);transform:translateY(2px)}.quick-next-wide{grid-column:1/-1;justify-self:start;margin-top:18px}html{scroll-behavior:smooth}.quick-chapter{scroll-margin-top:28px}
.database-tools-row{max-width:1640px;margin:-14px auto 12px;display:flex;justify-content:flex-start;padding:0 4px}.controls-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(22,23,23,.66);color:#aeb1af;padding:8px 12px;cursor:pointer;font:700 10px/1 Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase;backdrop-filter:blur(8px);transition:.18s ease}.controls-toggle:hover{color:#f0f0ee;border-color:rgba(255,255,255,.18);background:rgba(30,31,31,.75)}.controls-toggle-icon{font-size:17px;line-height:.6;transition:transform .25s ease}.database-layout{transition:grid-template-columns .28s ease,gap .28s ease}.database-layout.controls-collapsed{grid-template-columns:0 0 minmax(0,1fr);gap:0}.database-layout.controls-collapsed .search-controls{display:contents}.database-layout.controls-collapsed .set-rail,.database-layout.controls-collapsed .filter-panel{opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;padding-left:0;padding-right:0;border-width:0}.database-layout.controls-collapsed .results-panel{grid-column:3}.database-layout.controls-collapsed+.database-grid-full{grid-column:1/-1}.controls-toggle.is-collapsed .controls-toggle-icon{transform:rotate(180deg)}
/* Cards have one physical display width whether beside filters or below them. */
.database-grid,.database-grid-full{grid-template-columns:repeat(auto-fill,190px)!important;gap:22px 16px!important;justify-content:start}.db-card{width:190px}.database-grid-full{width:100%}
@media(max-width:1080px){.database-layout.controls-collapsed{display:block}.database-layout.controls-collapsed .results-panel{display:block}.database-grid,.database-grid-full{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important}.db-card{width:100%}}
@media(max-width:760px){.database-tools-row{margin:0 0 12px;padding:0}.controls-toggle{width:100%;justify-content:center}.database-layout.controls-collapsed .set-rail,.database-layout.controls-collapsed .filter-panel{display:none}.database-grid,.database-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))!important}.db-card{width:100%}}
/* Correct collapse geometry for the two-column Card Search workspace. */
.database-layout.controls-collapsed{grid-template-columns:0 minmax(0,1fr);gap:0 0}
.database-layout.controls-collapsed .search-controls{display:grid;grid-column:1;width:0;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-24px);transition:opacity .2s ease,transform .25s ease}
.database-layout.controls-collapsed .results-panel{grid-column:2;grid-row:1}
.database-layout.controls-collapsed .database-grid-full{grid-column:1/-1}

/* Quick Start v6 refinements */
.anatomy-fixed-stage{min-height:560px}
.anatomy-fixed-image{width:min(100%,760px);cursor:default;pointer-events:none}
.anatomy-fixed-image img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 32px rgba(0,0,0,.42))}

/* Setup: resource cards fully visible at bottom, deck + discard larger */
.setup-table-v4{min-height:690px}
.setup-table-v4 .quick-capital{left:7%;top:24%;width:52%}
.setup-table-v4 .resource-row{left:7%;top:61%;width:52%;gap:14px;align-items:start}
.setup-table-v4 .resource-row .setup-nek{overflow:visible;border-radius:14px}
.setup-table-v4 .resource-row .setup-nek img{display:block;width:100%;height:auto;object-fit:contain;border-radius:inherit}
.setup-library{right:6%;top:25%;width:31%;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.setup-table-v4 .setup-deck,.setup-table-v4 .setup-discard-placeholder{width:100%}
.setup-table-v4 .setup-deck img{width:100%;height:auto}
.setup-table-v4 .setup-discard-placeholder{aspect-ratio:.697}

/* Attack simulator v6: explicit zones, no overlapping cards */
.attack-stage-v6{min-height:850px;width:100%;display:flex;align-items:center;justify-content:center}
.attack-sim-v6{position:relative;width:100%;max-width:800px;min-height:830px;border:1px solid rgba(255,255,255,.07);border-radius:28px;background:rgba(4,5,5,.2);box-shadow:inset 0 0 70px rgba(0,0,0,.34);padding:22px 22px 84px;overflow:hidden}
.battlefield-v6{position:relative;height:565px;display:grid;grid-template-rows:260px 44px 260px;gap:0}
.defender-zone-v6,.attacker-zone-v6{position:relative;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:rgba(0,0,0,.12)}
.zone-title-v6{position:absolute;left:18px;top:12px;font:700 9px/1 Arial,sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.46)}
.defender-zone-v6{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;padding:32px 26px 16px;gap:28px}
.capital-v6{position:relative;width:100%;max-width:390px;justify-self:start}
.capital-v6>img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 15px 26px rgba(0,0,0,.42)}
.capital-hp-v6{position:absolute;right:10px;bottom:10px;display:flex;gap:7px;align-items:center;font:700 10px Arial,sans-serif}
.capital-hp-v6 span,.capital-hp-v6 em,.capital-hp-v6 b{padding:6px 8px;border-radius:999px;background:rgba(0,0,0,.82);font-style:normal}
.capital-hp-v6 b{color:#fff;opacity:0;transform:scale(.5);transition:.35s ease}
.capital-hp-v6 em{display:none}
.gorl-v6{position:relative;width:128px;justify-self:center;align-self:center}
.role-v6{position:absolute;left:50%;top:-20px;transform:translateX(-50%);white-space:nowrap;font:700 8px/1 Arial,sans-serif;letter-spacing:.1em;color:rgba(255,255,255,.5)}
.gorl-card-v6,.gorl-cut-v6,.nevir-card-v6{border-radius:12px;overflow:hidden;box-shadow:0 14px 24px rgba(0,0,0,.48)}
.gorl-card-v6 img,.gorl-cut-v6 img,.nevir-card-v6 img{display:block;width:100%;height:auto}
.gorl-cut-v6{position:absolute;inset:0;opacity:0;transition:.65s cubic-bezier(.2,.78,.2,1);z-index:4}
.gorl-cut-v6.left{clip-path:polygon(0 0,55% 0,45% 100%,0 100%)}
.gorl-cut-v6.right{clip-path:polygon(55% 0,100% 0,100% 100%,45% 100%)}
.damage-v6{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) scale(.45);opacity:0;z-index:8;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 7%,#d65042 8% 32%,rgba(214,80,66,.15) 63%,transparent 70%);font:700 34px/1 Arial,sans-serif;text-shadow:0 2px 10px #000;transition:.35s ease}
.damage-v6 span{display:block;font-size:7px;letter-spacing:.08em;margin-top:-18px}
.destroy-v6{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);white-space:nowrap;opacity:0;font:700 9px Arial,sans-serif;letter-spacing:.1em;color:#ddd;transition:.3s}
.combat-divider-v6{position:relative;display:flex;align-items:center;justify-content:center}
.combat-divider-v6 span{position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.combat-divider-v6 b{position:relative;padding:5px 12px;border-radius:999px;background:#111;font:700 8px Arial,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.42)}
.attacker-zone-v6{display:grid;grid-template-columns:170px 1fr;align-items:center;padding:32px 22px 16px;gap:28px}
.nevir-v6{position:relative;width:126px;justify-self:center;transition:.45s ease}
.payment-v6{position:relative;display:grid;grid-template-columns:repeat(3,86px);gap:10px;justify-content:center;align-items:end;padding-top:24px}
.payment-title-v6{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;font:700 8px Arial,sans-serif;letter-spacing:.1em;color:rgba(255,255,255,.45)}
.juyx-nek-v6{position:relative;width:86px;transition:.5s ease;transform-origin:center}
.juyx-nek-v6 img{display:block;width:100%;height:auto;border-radius:9px;box-shadow:0 10px 18px rgba(0,0,0,.42)}
.juyx-nek-v6 span{position:absolute;right:4px;bottom:4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.78);font:700 10px Arial,sans-serif;color:#fff}
.payment-paid-v6{grid-column:1/4;justify-self:center;opacity:0;margin-top:2px;font:700 9px Arial,sans-serif;letter-spacing:.08em;color:#ddd;transition:.3s}
.sideeffect-focus-v6{position:absolute;left:22px;right:22px;bottom:145px;min-height:94px;display:grid;grid-template-columns:1.8fr 78px 1fr;gap:14px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(0,0,0,.27);opacity:0;transform:translateY(12px);transition:.45s ease;pointer-events:none}
.sideeffect-card-v6{height:66px;border-radius:9px;overflow:hidden;transform:scale(.92);transition:.45s ease}
.sideeffect-card-v6 img{display:block;width:100%;height:100%;object-fit:cover}
.d20-v6{width:62px;height:62px;margin:auto;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:rgba(255,255,255,.08);display:grid;place-items:center;position:relative}
.d20-v6 span{position:absolute;top:5px;font-size:11px;color:rgba(255,255,255,.46)}
.d20-v6 b{font:700 26px Arial,sans-serif;opacity:0;transform:scale(.4) rotate(180deg);transition:.5s ease}
.overdose-v6{opacity:.22;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28);transition:.4s}
.overdose-v6 strong,.overdose-v6 span{display:block}.overdose-v6 strong{font:700 13px Arial,sans-serif;letter-spacing:.08em}.overdose-v6 span{margin-top:4px;font-size:11px;color:#aaa}
.attack-explain-v6{position:absolute;left:22px;right:180px;bottom:24px;min-height:92px;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.05)}
.attack-explain-v6 strong{display:block;margin:4px 0 3px;font-size:13px}.attack-explain-v6 p{margin:0;font-size:11px;line-height:1.45;color:#aaa}
.attack-explain-v6 .attack-explain-step{font:700 8px Arial,sans-serif;letter-spacing:.12em;color:#888}
.attack-sim-v6 .attack-play{position:absolute;right:22px;bottom:30px;left:auto;padding:12px 15px}

/* attack v6 state animations */
.attack-sim-v6.is-paying .juyx-nek-v6:nth-child(2){transform:rotate(-90deg);transition-delay:.05s}
.attack-sim-v6.is-paying .juyx-nek-v6:nth-child(3){transform:rotate(-90deg);transition-delay:.32s}
.attack-sim-v6.is-paying .juyx-nek-v6:nth-child(4){transform:rotate(-90deg);transition-delay:.59s}
.attack-sim-v6.is-paid .payment-paid-v6{opacity:1}
.attack-sim-v6.is-committed .combat-divider-v6 b{color:#fff;box-shadow:0 0 18px rgba(255,255,255,.08)}
.attack-sim-v6.is-committed .nevir-v6{transform:translateY(-8px) scale(1.035)}
.attack-sim-v6.is-damage .damage-v6{opacity:1;transform:translate(-50%,-50%) scale(1)}
.attack-sim-v6.is-damage .gorl-card-v6{animation:gorlHit .75s ease 1;filter:brightness(.7)}
.attack-sim-v6.is-destroyed .gorl-card-v6{opacity:0}
.attack-sim-v6.is-destroyed .gorl-cut-v6{opacity:1}
.attack-sim-v6.is-destroyed .gorl-cut-v6.left{transform:translate(-40px,12px) rotate(-12deg)}
.attack-sim-v6.is-destroyed .gorl-cut-v6.right{transform:translate(40px,12px) rotate(12deg)}
.attack-sim-v6.is-destroyed .destroy-v6{opacity:1}
.attack-sim-v6.is-overflow .capital-v6{animation:capitalHit .65s ease 1}
.attack-sim-v6.is-overflow .capital-hp-v6 b{opacity:1;transform:scale(1)}
.attack-sim-v6.is-overflow .capital-hp-v6 span{display:none}
.attack-sim-v6.is-overflow .capital-hp-v6 em{display:inline-block}
.attack-sim-v6.is-sideeffect .sideeffect-focus-v6{opacity:1;transform:translateY(0)}
.attack-sim-v6.is-sideeffect .sideeffect-card-v6{transform:scale(1.08);box-shadow:0 0 26px rgba(255,255,255,.08)}
.attack-sim-v6.is-roll .d20-v6{animation:d20Roll .9s ease}.attack-sim-v6.is-roll .d20-v6 b{opacity:1;transform:scale(1) rotate(0)}
.attack-sim-v6.is-overdosed .overdose-v6{opacity:1;box-shadow:0 0 24px rgba(255,255,255,.07)}
.attack-sim-v6.is-overdosed .nevir-card-v6{transform:rotate(90deg) scale(.84);transition:.8s cubic-bezier(.2,.75,.2,1)}

@media(max-width:1180px){
  .attack-chapter-v5{grid-template-columns:1fr}.attack-stage-v6{min-height:850px}.attack-sim-v6{max-width:820px}
  .setup-table-v4 .quick-capital{width:58%}.setup-table-v4 .resource-row{width:58%}.setup-library{width:29%;right:4%}
}
@media(max-width:700px){
  .setup-table-v4{min-height:780px}.setup-table-v4 .quick-capital{left:6%;top:19%;width:88%}.setup-library{left:13%;right:auto;top:43%;width:74%}.setup-table-v4 .resource-row{left:8%;top:68%;width:84%;gap:8px}
  .anatomy-fixed-stage{min-height:360px}.anatomy-fixed-image{width:100%}
  .attack-sim-v6{min-height:1020px;padding:14px 14px 90px}.battlefield-v6{height:710px;grid-template-rows:335px 38px 335px}.defender-zone-v6{grid-template-columns:1fr;padding:36px 14px 12px;gap:8px}.capital-v6{max-width:92%;justify-self:center}.gorl-v6{width:105px}.attacker-zone-v6{grid-template-columns:1fr;padding:34px 12px 12px;gap:10px}.nevir-v6{width:105px}.payment-v6{grid-template-columns:repeat(3,70px);gap:7px}.juyx-nek-v6{width:70px}.sideeffect-focus-v6{bottom:150px;grid-template-columns:1fr 62px;grid-template-rows:auto auto}.sideeffect-card-v6{grid-column:1/3}.overdose-v6{padding:9px}.attack-explain-v6{right:14px;left:14px;bottom:62px}.attack-sim-v6 .attack-play{right:14px;bottom:14px}
}

/* === 2026-08-25 navigation + responsive card-search refinement === */
.back-to-top{
  position:fixed;right:24px;bottom:24px;z-index:120;
  display:flex;align-items:center;gap:8px;padding:11px 15px;
  border:1px solid rgba(255,255,255,.13);border-radius:999px;
  background:rgba(18,19,19,.76);color:#e7e7e5;
  font:700 10px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(0,0,0,.24);
  cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease;
}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:rgba(30,31,31,.9)}
.back-to-top .arrow{font-size:15px;line-height:.7}

/* Card Search: controls permanently own the left column; every result lives in one responsive grid. */
.database-layout{grid-template-columns:minmax(500px,540px) minmax(0,1fr);grid-template-rows:auto;align-items:start}
.search-controls{grid-column:1;grid-row:1}
.results-panel{grid-column:2;grid-row:1;min-width:0}
.database-grid-top{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
  gap:22px 16px!important;
  justify-content:center!important;
  align-items:start;
}
.database-grid-top .db-card{width:100%;max-width:210px;justify-self:center}
.database-grid-full{display:none!important}
.database-layout.controls-collapsed{grid-template-columns:minmax(0,1fr);gap:0}
.database-layout.controls-collapsed .search-controls{display:none}
.database-layout.controls-collapsed .results-panel{grid-column:1;grid-row:1;width:100%}
.database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}
@media(max-width:1450px) and (min-width:1081px){
  .database-layout{grid-template-columns:minmax(455px,490px) minmax(0,1fr)}
  .database-grid-top{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important}
}
@media(max-width:1080px){
  .database-layout{grid-template-columns:1fr}
  .search-controls{grid-column:1;grid-row:auto}
  .results-panel{grid-column:1;grid-row:auto;margin-top:24px}
  .database-grid-top{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
}
@media(max-width:760px){
  .back-to-top{right:14px;bottom:14px;padding:10px 12px}
  .database-grid-top{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;gap:16px 10px!important}
  .database-grid-top .db-card{max-width:190px}
}

/* Card Search: larger cards when Sets & Filters are hidden — cap desktop grid at 6 columns. */
@media (min-width: 1401px){
  .database-layout.controls-collapsed .database-grid-top{
    grid-template-columns:repeat(6,minmax(0,210px))!important;
    justify-content:center;
    gap:24px 20px!important;
  }
  .database-layout.controls-collapsed .database-grid-top .db-card{
    width:100%;
    max-width:210px;
  }
}
@media (min-width: 1181px) and (max-width: 1400px){
  .database-layout.controls-collapsed .database-grid-top{
    grid-template-columns:repeat(5,minmax(0,210px))!important;
    justify-content:center;
  }
}

/* === Quick Start v7 visual corrections === */
/* Setup: no SAMPLE stamps here, larger deck/discard, centered composition */
#setup .sample-card::after,
#setup .quick-card::after{display:none!important;content:none!important}
.setup-table-v4{min-height:700px;overflow:visible}
.setup-table-v4 .garrison-zone{left:8%;right:8%;top:3%;height:16%}
.setup-table-v4 .garrison-label{left:50%;top:.8%;transform:translateX(-50%)}
.setup-table-v4 .quick-capital{left:8%;top:23%;width:54%;transform:none}
.setup-table-v4 .resource-row{left:8%;top:59%;width:54%;transform:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.setup-table-v4 .resource-row .setup-nek,
.setup-table-v4 .resource-row .setup-alpha{width:100%;transform:none;border-radius:14px;overflow:hidden;box-shadow:0 14px 28px rgba(0,0,0,.42)}
.setup-table-v4 .resource-row img{display:block;width:100%;height:auto}
.setup-library{right:7%;top:26%;width:27%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;justify-items:center}
.setup-table-v4 .setup-deck,
.setup-table-v4 .setup-discard-placeholder{position:relative;inset:auto;width:100%;max-width:none;transform:none}
.setup-table-v4 .setup-deck{display:flex;flex-direction:column;align-items:center}
.setup-table-v4 .setup-deck img{display:block;width:100%;aspect-ratio:.697;object-fit:cover;border-radius:14px;box-shadow:0 14px 28px rgba(0,0,0,.42)}
.setup-table-v4 .setup-discard-placeholder{aspect-ratio:.697;border-radius:14px;border:1px dashed rgba(255,255,255,.22);background:rgba(5,6,7,.2);display:grid;place-items:center;box-shadow:inset 0 0 24px rgba(0,0,0,.18)}
.setup-table-v4 .setup-deck span,
.setup-table-v4 .setup-discard-placeholder span{font:700 10px/1.25 Arial,sans-serif;letter-spacing:.13em;color:rgba(255,255,255,.5);text-align:center}

/* Anatomy: fixed SVG with transparent surroundings; no stray dots, no click behavior */
.anatomy-fixed-stage.anatomy-v7{min-height:650px;display:grid;place-items:center;overflow:visible;background:transparent!important}
.anatomy-diagram-svg-v7{display:block;width:min(100%,900px);height:auto;overflow:visible;background:transparent}
.anatomy-diagram-svg-v7 image{filter:drop-shadow(0 22px 30px rgba(0,0,0,.38))}
.anatomy-callout-v7 rect{fill:rgba(6,8,9,.8);stroke:rgba(255,255,255,.08);stroke-width:1}
.anatomy-callout-v7 text{fill:#eceeeb;font:700 20px/1 Arial,sans-serif;letter-spacing:.035em;text-anchor:middle}
.anatomy-callout-v7 path{fill:none;stroke:rgba(235,238,234,.72);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.anatomy-v7::before,.anatomy-v7::after,.anatomy-diagram-svg-v7::before,.anatomy-diagram-svg-v7::after{display:none!important;content:none!important}

/* Attack simulator: compact, separated zones, text never overlays cards */
.attack-stage-v6{min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.attack-sim-v6{position:relative;width:100%;max-width:760px;min-height:0;border-radius:24px;padding:18px;overflow:visible;display:grid;grid-template-rows:auto auto auto auto;gap:14px;background:rgba(4,5,5,.18)}
.battlefield-v6{height:auto;display:grid;grid-template-rows:auto 34px auto;gap:10px}
.defender-zone-v6,.attacker-zone-v6{min-height:225px;border-radius:18px;background:rgba(0,0,0,.1)}
.defender-zone-v6{display:grid;grid-template-columns:minmax(0,1.5fr) 150px;align-items:center;padding:34px 22px 18px;gap:26px}
.capital-v6{width:100%;max-width:350px;justify-self:center}
.gorl-v6{width:118px;justify-self:center}
.attacker-zone-v6{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;padding:34px 20px 18px;gap:24px}
.nevir-v6{width:118px;justify-self:center}
.payment-v6{grid-template-columns:repeat(3,78px);gap:10px;justify-content:center;padding-top:24px}
.juyx-nek-v6{width:78px}
.sideeffect-focus-v6{position:relative;left:auto;right:auto;bottom:auto;min-height:84px;display:grid;grid-template-columns:minmax(0,1.8fr) 66px minmax(145px,.9fr);gap:12px;align-items:center;padding:10px 12px;margin:0;border-radius:14px;background:rgba(0,0,0,.18);opacity:0;transform:translateY(8px);transition:.45s ease}
.sideeffect-card-v6{height:60px}
.attack-explain-v6{position:relative;left:auto;right:auto;bottom:auto;min-height:94px;margin:0;padding:13px 15px;border-radius:14px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.05)}
.attack-sim-v6 .attack-play{position:relative;right:auto;bottom:auto;left:auto;justify-self:end;margin:0;padding:11px 15px}
.damage-v6{width:92px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:0}
.damage-v6 b{font:700 30px/1 Arial,sans-serif}.damage-v6 span{font:700 7px/1 Arial,sans-serif;letter-spacing:.08em;margin:0}.damage-v6 em{font:700 8px/1.1 Arial,sans-serif;font-style:normal;color:#fff;margin-top:4px;white-space:nowrap}
.spill-v7{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%) translateY(6px);opacity:0;white-space:nowrap;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.82);font:700 8px/1 Arial,sans-serif;letter-spacing:.09em;color:#f0f0ed;transition:.35s ease}
.attack-sim-v6.is-overflow .spill-v7{opacity:1;transform:translateX(-50%) translateY(0)}
.attack-sim-v6.is-sideeffect .sideeffect-focus-v6{opacity:1;transform:translateY(0)}
.attack-sim-v6.is-roll .sideeffect-focus-v6{opacity:1;transform:translateY(0)}
.attack-sim-v6.is-damage .damage-v6{opacity:1;transform:translate(-50%,-50%) scale(1)}
.attack-sim-v6.is-destroyed .damage-v6{opacity:.55}

@media(max-width:1180px){
  .attack-chapter-v5{grid-template-columns:1fr;gap:30px}.attack-sim-v6{max-width:760px}.attack-stage-v6{min-height:0}
}
@media(max-width:700px){
  .setup-table-v4{min-height:800px}.setup-table-v4 .quick-capital{left:7%;top:19%;width:86%}.setup-library{left:16%;right:auto;top:46%;width:68%;gap:12px}.setup-table-v4 .resource-row{left:8%;top:70%;width:84%;gap:8px}
  .anatomy-fixed-stage.anatomy-v7{min-height:420px}.anatomy-diagram-svg-v7{width:100%}
  .attack-sim-v6{padding:12px;gap:10px}.defender-zone-v6{grid-template-columns:1fr;gap:10px;padding:32px 12px 16px}.capital-v6{max-width:90%}.gorl-v6{width:108px}.attacker-zone-v6{grid-template-columns:1fr;gap:12px;padding:32px 12px 16px}.nevir-v6{width:108px}.payment-v6{grid-template-columns:repeat(3,68px);gap:7px}.juyx-nek-v6{width:68px}.sideeffect-focus-v6{grid-template-columns:1fr 58px;grid-template-rows:auto auto}.sideeffect-card-v6{grid-column:1/3}.overdose-v6{padding:9px}.attack-sim-v6 .attack-play{justify-self:stretch}
}

/* === Quick Start v8 refinement === */
/* Battlefield: deck/discard match portrait-card scale and composition is centered. */
#setup .setup-table-v4{min-height:720px}
#setup .setup-table-v4 .quick-capital{left:6%;top:22%;width:50%}
#setup .setup-table-v4 .resource-row{left:6%;top:58%;width:58%;gap:15px}
#setup .setup-library{right:5%;top:26%;width:36%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;justify-items:stretch}
#setup .setup-table-v4 .setup-deck,
#setup .setup-table-v4 .setup-discard-placeholder{width:100%;aspect-ratio:0.697;max-width:none}
#setup .setup-table-v4 .setup-deck img{width:100%;height:100%;aspect-ratio:0.697;object-fit:cover}
#setup .setup-table-v4 .setup-deck{position:relative}
#setup .setup-table-v4 .setup-deck span{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);margin:0;white-space:nowrap}
#setup .setup-table-v4 .setup-discard-placeholder span{font-size:11px;color:rgba(255,255,255,.62)}
#setup .sample-card::after,#setup .quick-card::after,#setup .setup-deck::after,#setup .setup-discard-placeholder::after{display:none!important;content:none!important}

/* Anatomy: remove legacy dot pseudo-elements, enlarge fixed visual, stay transparent. */
.anatomy-stage.anatomy-fixed-stage.anatomy-v7::before,
.anatomy-stage.anatomy-fixed-stage.anatomy-v7::after{display:none!important;content:none!important;width:0!important;height:0!important;box-shadow:none!important}
.anatomy-fixed-stage.anatomy-v7{min-height:760px;background:transparent!important;padding:0!important}
.anatomy-diagram-svg-v7{width:min(100%,1080px)!important;max-width:1080px;background:transparent!important}
.anatomy-callout-v7 text{font-size:22px}
.anatomy-callout-v7 path{stroke-width:2.7}

/* Attack: compact teaching panel with reserved text area; transient side-effect/roll UI disappears when timing ends. */
.attack-sim-v6{max-width:720px!important;padding:16px!important;gap:12px!important;background:rgba(4,5,5,.16)!important;overflow:hidden!important}
.defender-zone-v6,.attacker-zone-v6{min-height:210px!important}
.defender-zone-v6{grid-template-columns:minmax(0,1.55fr) 132px!important;padding:32px 18px 16px!important;gap:20px!important}
.attacker-zone-v6{grid-template-columns:132px minmax(0,1fr)!important;padding:32px 18px 16px!important;gap:18px!important}
.capital-v6{max-width:320px!important}
.gorl-v6,.nevir-v6{width:108px!important}
.payment-v6{grid-template-columns:repeat(3,72px)!important;gap:8px!important;padding-top:22px!important}
.juyx-nek-v6{width:72px!important}
.attack-explain-v6{position:relative!important;inset:auto!important;min-height:98px!important;padding:13px 15px!important;margin:0!important;z-index:2!important;background:rgba(0,0,0,.38)!important}
.sideeffect-focus-v6{min-height:76px!important;grid-template-columns:minmax(0,1.8fr) 62px minmax(130px,.9fr)!important;padding:8px 10px!important;transition:opacity .32s ease,transform .32s ease!important}
.sideeffect-card-v6{height:54px!important}
.attack-sim-v6:not(.is-sideeffect):not(.is-roll) .sideeffect-focus-v6{opacity:0!important;visibility:hidden!important;transform:translateY(6px)!important}
.attack-sim-v6.is-sideeffect .sideeffect-focus-v6,
.attack-sim-v6.is-roll .sideeffect-focus-v6{visibility:visible!important}
.attack-sim-v6.is-damage .sideeffect-focus-v6,
.attack-sim-v6.is-destroyed .sideeffect-focus-v6,
.attack-sim-v6.is-overflow .sideeffect-focus-v6,
.attack-sim-v6.is-overdosed .sideeffect-focus-v6{opacity:0!important;visibility:hidden!important;transform:translateY(6px)!important}

.capital-damage-v8{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.55);opacity:0;z-index:5;width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(138,17,12,.96),rgba(70,4,3,.78) 62%,rgba(0,0,0,0) 72%);text-shadow:0 0 16px rgba(255,70,50,.95);transition:.35s ease;pointer-events:none}
.capital-damage-v8 b{font:700 31px/1 Arial,sans-serif;color:#fff}.capital-damage-v8 span{font:700 8px/1 Arial,sans-serif;letter-spacing:.11em;color:#fff}.capital-damage-v8 em{font:700 8px/1.1 Arial,sans-serif;font-style:normal;color:#fff;margin-top:5px;white-space:nowrap}
.attack-sim-v6.is-overflow .capital-damage-v8{opacity:1;transform:translate(-50%,-50%) scale(1);animation:capitalDamagePulse .75s ease 1}
@keyframes capitalDamagePulse{0%{filter:brightness(1);transform:translate(-50%,-50%) scale(.55)}45%{filter:brightness(1.7);transform:translate(-50%,-50%) scale(1.15)}100%{filter:brightness(1);transform:translate(-50%,-50%) scale(1)}}
.attack-sim-v6.is-overflow .capital-v6>img{animation:capitalCardHit .72s ease 1}
@keyframes capitalCardHit{0%,100%{transform:translateX(0);filter:brightness(1)}20%{transform:translateX(-5px);filter:brightness(1.45)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}

@media(max-width:700px){
  #setup .setup-library{left:8%;right:8%;top:45%;width:auto;gap:12px}
  #setup .setup-table-v4 .resource-row{left:8%;top:71%;width:84%}
  .anatomy-fixed-stage.anatomy-v7{min-height:500px}.anatomy-diagram-svg-v7{width:100%!important}
}

/* === Quick Start v10: scale and spacing corrections === */
/* Setup: no premature Garrison diagram; deck and discard are full card-scale objects. */
#setup .garrison-zone,#setup .garrison-label{display:none!important}
#setup .setup-table-v4{min-height:730px}
#setup .setup-table-v4 .quick-capital{left:4%;top:15%;width:52%}
#setup .setup-table-v4 .resource-row{left:4%;top:54%;width:61%;gap:16px}
#setup .setup-library{right:3%;top:18%;width:42%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;justify-items:stretch}
#setup .setup-table-v4 .setup-deck,
#setup .setup-table-v4 .setup-discard-placeholder{width:100%!important;aspect-ratio:.697!important}
#setup .setup-table-v4 .setup-deck img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px}
#setup .setup-table-v4 .setup-discard-placeholder{min-height:0!important;border-radius:14px}
#setup .setup-table-v4 .setup-deck span{font-size:11px!important;bottom:-25px!important}
#setup .setup-table-v4 .setup-discard-placeholder span{font-size:12px!important}

/* Anatomy: dedicate more of the row to the visual and make the card diagram dominant. */
#kravers{grid-template-columns:minmax(300px,.58fr) minmax(620px,1.42fr);gap:42px}
#kravers .anatomy-fixed-stage.anatomy-v7{min-height:820px;width:100%;padding:0!important}
#kravers .anatomy-diagram-svg-v7{width:100%!important;max-width:1220px!important;height:auto!important}
#kravers .anatomy-callout-v7 text{font-size:22px!important}

/* Attack: separate Nevir's stat label from the zone heading. */
.attacker-zone-v6 .nevir-v6 .role-v6{top:auto!important;bottom:-22px!important}
.attacker-zone-v6{padding-bottom:34px!important}
.attacker-zone-v6 .zone-title-v6{top:11px!important;left:18px!important}

@media(max-width:1180px){
  #kravers{grid-template-columns:1fr;gap:28px}
  #kravers .anatomy-fixed-stage.anatomy-v7{min-height:680px}
}
@media(max-width:700px){
  #setup .setup-table-v4{min-height:840px}
  #setup .setup-table-v4 .quick-capital{left:6%;top:8%;width:88%}
  #setup .setup-library{left:8%;right:8%;top:37%;width:auto;gap:14px}
  #setup .setup-table-v4 .resource-row{left:8%;top:68%;width:84%;gap:8px}
  #kravers .anatomy-fixed-stage.anatomy-v7{min-height:500px}
}

/* === Quick Start v11: anchor alignment, battlefield balance, anatomy scale, compact combat === */
.quick-start-page .quick-chapter{scroll-margin-top:18px}

/* Battlefield: clean top row (Capital + library) and centered resource row below. */
#setup .setup-table-v4{min-height:680px!important}
#setup .setup-table-v4 .quick-capital{left:5%!important;top:10%!important;width:46%!important;transform:none!important}
#setup .setup-library{right:5%!important;left:auto!important;top:8%!important;width:40%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;justify-items:stretch!important}
#setup .setup-table-v4 .setup-deck,
#setup .setup-table-v4 .setup-discard-placeholder{width:100%!important;aspect-ratio:.697!important}
#setup .setup-table-v4 .resource-row{left:18%!important;top:51%!important;width:64%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;justify-items:center!important}
#setup .setup-table-v4 .resource-row .setup-nek{width:100%!important;max-width:none!important}

/* Kraver anatomy gets the visual majority of the row and a large readable card. */
#kravers.quick-chapter{grid-template-columns:minmax(280px,.62fr) minmax(700px,1.55fr)!important;gap:34px!important;align-items:center!important}
#kravers .anatomy-fixed-stage.anatomy-v7{min-height:720px!important;width:100%!important;display:grid!important;place-items:center!important;overflow:visible!important}
#kravers .anatomy-diagram-svg-v7{width:100%!important;max-width:1180px!important;height:auto!important;transform:scale(1.04);transform-origin:center center}

/* Combat: same information, less dead space. */
.attack-sim-v6{max-width:690px!important;padding:12px!important;gap:9px!important;border-radius:20px!important}
.battlefield-v6{gap:7px!important;grid-template-rows:auto 28px auto!important}
.defender-zone-v6,.attacker-zone-v6{min-height:172px!important;border-radius:15px!important}
.defender-zone-v6{grid-template-columns:minmax(0,1.55fr) 112px!important;padding:28px 14px 12px!important;gap:15px!important}
.attacker-zone-v6{grid-template-columns:112px minmax(0,1fr)!important;padding:28px 14px 12px!important;gap:15px!important}
.capital-v6{max-width:285px!important}
.gorl-v6,.nevir-v6{width:96px!important}
.payment-v6{grid-template-columns:repeat(3,62px)!important;gap:7px!important;padding-top:16px!important}
.juyx-nek-v6{width:62px!important}
.combat-divider-v6{height:28px!important;min-height:28px!important}
.sideeffect-focus-v6{min-height:64px!important;padding:7px 9px!important;gap:9px!important;grid-template-columns:minmax(0,1.8fr) 54px minmax(118px,.9fr)!important}
.sideeffect-card-v6{height:46px!important}
.attack-explain-v6{min-height:78px!important;padding:10px 12px!important}
.attack-explain-v6 p{margin-top:5px!important;margin-bottom:0!important}
.attack-sim-v6 .attack-play{padding:10px 14px!important}

@media(max-width:1180px){
  #kravers.quick-chapter{grid-template-columns:1fr!important;gap:26px!important}
  #kravers .anatomy-fixed-stage.anatomy-v7{min-height:600px!important}
  #kravers .anatomy-diagram-svg-v7{max-width:980px!important;transform:none}
}
@media(max-width:700px){
  #setup .setup-table-v4{min-height:820px!important}
  #setup .setup-table-v4 .quick-capital{left:8%!important;top:5%!important;width:84%!important}
  #setup .setup-library{left:10%!important;right:10%!important;top:31%!important;width:auto!important;gap:12px!important}
  #setup .setup-table-v4 .resource-row{left:8%!important;top:64%!important;width:84%!important;gap:8px!important}
  #kravers .anatomy-fixed-stage.anatomy-v7{min-height:480px!important}
  .attack-sim-v6{max-width:100%!important}
}

/* === Quick Start v12: readable anatomy, deliberate section landing, compact simulator === */
/* Status rotation: Wasted always turns counter-clockwise from Ready/Exhausted. */
.status-card[data-state='wasted']{transform:rotate(-180deg) scale(.92)!important}
.status-card[data-state='exhausted']{transform:rotate(-90deg) scale(.92)!important}
.status-card[data-state='overdosed']{transform:rotate(90deg) scale(.92)!important}
.status-card[data-state='ready']{transform:rotate(0deg) scale(1)!important}

/* Keep section number + breathing room visible after Next navigation. */
.quick-start-page .quick-chapter{scroll-margin-top:34px!important}
.quick-num{scroll-margin-top:34px}

/* Anatomy: genuinely large, readable and dominant in the visual column. */
#kravers.quick-chapter{grid-template-columns:minmax(250px,.46fr) minmax(760px,1.54fr)!important;gap:28px!important;align-items:center!important}
#kravers .anatomy-fixed-stage.anatomy-v7{min-height:760px!important;width:100%!important;overflow:visible!important;padding:0!important;background:transparent!important}
#kravers .anatomy-diagram-svg-v7{display:block!important;width:100%!important;max-width:1120px!important;height:auto!important;transform:none!important;overflow:visible!important}
#kravers .anatomy-callout-v7 text{font-size:23px!important;font-weight:800!important;letter-spacing:.025em!important}
#kravers .anatomy-callout-v7 path{stroke-width:3!important}
#kravers .anatomy-callout-v7 rect{fill:rgba(6,8,9,.76)!important}

/* Attack lesson: dense, professional composition; transient teaching tray only occupies room when relevant. */
.attack-sim-v6{max-width:720px!important;padding:12px!important;gap:8px!important;border-radius:19px!important;background:rgba(5,6,6,.2)!important;box-shadow:inset 0 0 48px rgba(0,0,0,.26)!important}
.battlefield-v6{gap:6px!important;grid-template-rows:auto 24px auto!important}
.defender-zone-v6,.attacker-zone-v6{min-height:154px!important;border-radius:14px!important}
.defender-zone-v6{grid-template-columns:minmax(0,1.7fr) 104px!important;padding:25px 12px 10px!important;gap:12px!important}
.attacker-zone-v6{grid-template-columns:104px minmax(0,1fr)!important;padding:25px 12px 12px!important;gap:12px!important}
.capital-v6{max-width:268px!important}
.gorl-v6,.nevir-v6{width:92px!important}
.payment-v6{grid-template-columns:repeat(3,58px)!important;gap:6px!important;padding-top:15px!important}
.juyx-nek-v6{width:58px!important}
.payment-title-v6{font-size:7px!important;top:0!important}
.combat-divider-v6{height:24px!important;min-height:24px!important}
.combat-divider-v6 b{padding:4px 10px!important}
.role-v6{font-size:7px!important}
.attacker-zone-v6 .nevir-v6 .role-v6{bottom:-18px!important}

/* The side-effect/d20 tray collapses completely when timing is over. */
.sideeffect-focus-v6{min-height:0!important;max-height:0!important;height:auto!important;padding:0 9px!important;margin:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;transform:translateY(4px)!important;transition:max-height .3s ease,padding .3s ease,opacity .25s ease,transform .3s ease!important}
.attack-sim-v6.is-sideeffect .sideeffect-focus-v6,
.attack-sim-v6.is-roll .sideeffect-focus-v6{max-height:84px!important;padding:7px 9px!important;opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.sideeffect-card-v6{height:44px!important}
.d20-v6{width:50px!important;height:50px!important}
.overdose-v6{padding:7px 8px!important}
.attack-explain-v6{min-height:72px!important;padding:9px 11px!important;border-radius:12px!important}
.attack-explain-v6 p{font-size:11px!important;line-height:1.42!important;margin:4px 0 0!important}
.attack-explain-v6 strong{font-size:12px!important}
.attack-explain-step{font-size:8px!important}
.attack-sim-v6 .attack-play{padding:9px 13px!important;font-size:10px!important}
.damage-v6{width:78px!important;height:78px!important}
.capital-damage-v8{width:78px!important;height:78px!important}

@media(max-width:1180px){
  #kravers.quick-chapter{grid-template-columns:1fr!important;gap:20px!important}
  #kravers .anatomy-fixed-stage.anatomy-v7{min-height:700px!important}
  #kravers .anatomy-diagram-svg-v7{max-width:1000px!important}
}
@media(max-width:760px){
  #kravers .anatomy-fixed-stage.anatomy-v7{min-height:500px!important}
  #kravers .anatomy-callout-v7 text{font-size:20px!important}
  .attack-sim-v6{max-width:100%!important}
}

/* === 2026-08-25 refinement: narrower search workspace, balanced setup, full-width anatomy === */
/* Card Search: make the left workspace lean enough for five full-size cards on common laptop widths. */
@media (min-width:1350px){
  .database-layout{grid-template-columns:420px minmax(0,1fr)!important;gap:24px!important}
  .search-controls{grid-template-columns:128px minmax(0,1fr)!important;width:420px!important;min-width:420px!important}
  .set-rail{padding:16px 8px!important}
  .filter-panel{padding:16px!important}
  .database-grid-top{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px 14px!important;justify-items:center!important}
  .database-grid-top .db-card{width:100%!important;max-width:210px!important}
}
@media (min-width:1650px){
  .database-layout{grid-template-columns:410px minmax(0,1fr)!important}
  .search-controls{grid-template-columns:124px minmax(0,1fr)!important;width:410px!important;min-width:410px!important}
}

/* Build the battlefield: Capital and its three Nektheries read as one centered kit; library is clearly separate. */
#setup .setup-table-v4{min-height:660px!important}
#setup .setup-table-v4 .quick-capital{
  left:7%!important;top:10%!important;width:52%!important;transform:none!important;
}
#setup .setup-table-v4 .resource-row{
  left:5%!important;top:53%!important;width:56%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;
  align-items:start!important;justify-items:center!important;
}
#setup .setup-library{
  left:auto!important;right:1.5%!important;top:12%!important;width:31%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;
}
#setup .setup-table-v4 .setup-deck,
#setup .setup-table-v4 .setup-discard-placeholder{width:100%!important;max-width:none!important;aspect-ratio:815/1110!important}

/* Deploy Kravers: stop squeezing the copy. Give the anatomy diagram the full page width it needs to be legible. */
#kravers.quick-chapter{
  grid-template-columns:1fr!important;gap:30px!important;align-items:start!important;
}
#kravers .quick-copy{max-width:820px!important;width:100%!important}
#kravers .quick-copy p{max-width:780px!important}
#kravers .anatomy-fixed-stage.anatomy-v7{
  min-height:0!important;width:100%!important;padding:0!important;margin:0 auto!important;
  display:flex!important;justify-content:center!important;align-items:flex-start!important;
  overflow:visible!important;background:transparent!important;
}
#kravers .anatomy-diagram-svg-v7{
  width:min(100%,1180px)!important;max-width:1180px!important;height:auto!important;
  transform:none!important;margin:0 auto!important;
}
#kravers .anatomy-callout-v7 text{font-size:26px!important;font-weight:800!important;letter-spacing:.02em!important}
#kravers .anatomy-callout-v7 path{stroke-width:3.3!important}
#kravers .anatomy-callout-v7 rect{fill:rgba(6,8,9,.74)!important}

@media(max-width:1180px){
  #setup .setup-table-v4{min-height:740px!important}
  #setup .setup-table-v4 .quick-capital{left:7%!important;top:8%!important;width:58%!important}
  #setup .setup-table-v4 .resource-row{left:5%!important;top:50%!important;width:62%!important}
  #setup .setup-library{right:2%!important;top:14%!important;width:29%!important;gap:12px!important}
  #kravers .anatomy-diagram-svg-v7{width:100%!important;max-width:1050px!important}
}
@media(max-width:760px){
  #setup .setup-table-v4{min-height:820px!important}
  #setup .setup-table-v4 .quick-capital{left:11%!important;top:4%!important;width:78%!important}
  #setup .setup-library{left:16%!important;right:16%!important;top:34%!important;width:auto!important;gap:12px!important}
  #setup .setup-table-v4 .resource-row{left:8%!important;top:66%!important;width:84%!important;gap:8px!important}
  #kravers .anatomy-callout-v7 text{font-size:21px!important}
}


/* === How to Play + Quick Start presentation refinement v14 === */
/* Keep primary page-title scale consistent with the site's standard .display treatment. */
.how-page .how-heading .display{font-size:clamp(52px,5vw,76px)!important;line-height:1.04!important;margin:0!important}
.how-page .how-heading{max-width:none!important;margin:0 0 42px!important}
.how-page .how-section{padding-top:76px!important}
.how-page .how-layout{grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr)!important;gap:52px!important;align-items:center!important}
.how-page .how-video-column{align-items:center!important}
.how-video-embed{position:relative;width:100%;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.09);background:rgba(4,5,5,.5);box-shadow:0 24px 65px rgba(0,0,0,.27);overflow:hidden}
.how-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.how-page .how-rules-column{align-self:center!important;border-top:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.how-page .how-rule-option{min-height:190px!important;padding:28px 10px 28px 0!important;align-items:center!important}
.how-page .how-rule-option h2{font-size:38px!important;margin-bottom:12px!important}
.how-page .how-rule-option p{margin-bottom:15px!important;line-height:1.46!important}

/* Battlefield: turn the visual into a deliberate Capital Kit + separate library composition. */
#setup .setup-visual{padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#setup .setup-table-v4{position:relative!important;width:100%!important;max-width:720px!important;min-height:570px!important;margin:auto!important}
#setup .setup-table-v4 .quick-capital{left:5%!important;top:12%!important;width:54%!important}
#setup .setup-table-v4 .resource-row{left:4%!important;top:52%!important;width:56%!important;gap:12px!important}
#setup .setup-library{left:auto!important;right:2%!important;top:22%!important;width:32%!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important}
#setup .setup-table-v4 .setup-deck,#setup .setup-table-v4 .setup-discard-placeholder{width:100%!important;aspect-ratio:815/1110!important;max-width:none!important}
#setup .setup-table-v4 .setup-deck img{object-fit:cover!important}

/* Kraver anatomy: side-by-side again, but crop the SVG viewport visually so its internal whitespace cannot make it look tiny. */
#kravers.quick-chapter{grid-template-columns:minmax(340px,.9fr) minmax(560px,1.1fr)!important;gap:42px!important;align-items:center!important}
#kravers .quick-copy{max-width:500px!important}
#kravers .quick-copy p{max-width:480px!important;line-height:1.6!important}
#kravers .anatomy-fixed-stage.anatomy-v7{width:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important}
#kravers .anatomy-diagram-svg-v7{width:100%!important;max-width:760px!important;height:auto!important;margin:-22px -4% -20px!important;transform:scale(1.13)!important;transform-origin:center!important}
#kravers .anatomy-callout-v7 text{font-size:25px!important}

@media(max-width:1050px){
 .how-page .how-layout{grid-template-columns:1fr!important;gap:34px!important}.how-page .how-rules-column{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}
 #kravers.quick-chapter{grid-template-columns:1fr!important}.quick-start-page #kravers .quick-copy{max-width:760px!important}.quick-start-page #kravers .anatomy-diagram-svg-v7{max-width:780px!important}
}
@media(max-width:760px){.how-page .how-rules-column{grid-template-columns:1fr!important}.how-page .how-heading .display{font-size:43px!important}}

/* === Refinement v15: larger collapsed Card Search, reliable video embed, uncropped anatomy === */
@media (min-width:1401px){
  .database-layout.controls-collapsed .database-grid-top{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:28px 22px!important;
    max-width:1540px!important;
    margin-inline:auto!important;
  }
  .database-layout.controls-collapsed .database-grid-top .db-card{
    width:100%!important;max-width:240px!important;justify-self:center!important;
  }
}
@media (min-width:1181px) and (max-width:1400px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:24px 18px!important}
  .database-layout.controls-collapsed .database-grid-top .db-card{max-width:235px!important}
}

/* Kraver anatomy: show the entire diagram with no crop while keeping it readable beside the copy. */
#kravers.quick-chapter{grid-template-columns:minmax(360px,.82fr) minmax(620px,1.18fr)!important;gap:44px!important;align-items:center!important}
#kravers .quick-copy{max-width:520px!important}
#kravers .anatomy-fixed-stage.anatomy-v7{overflow:visible!important;background:transparent!important;padding:0!important;margin:0!important}
#kravers .anatomy-diagram-svg-v7{width:100%!important;max-width:790px!important;height:auto!important;margin:0!important;transform:none!important;transform-origin:center!important}
#kravers .anatomy-callout-v7 text{font-size:25px!important}
@media(max-width:1120px){
  #kravers.quick-chapter{grid-template-columns:1fr!important}
  #kravers .quick-copy{max-width:760px!important}
  #kravers .anatomy-diagram-svg-v7{max-width:820px!important;margin-inline:auto!important}
}

/* v16: anatomy sizing + resilient video fallback */
#kravers .anatomy-diagram-svg-v7{max-width:632px!important;width:80%!important;height:auto!important;margin:0 auto!important;transform:none!important}
@media(max-width:1100px){#kravers .anatomy-diagram-svg-v7{max-width:656px!important;width:88%!important}}
@media(max-width:760px){#kravers .anatomy-diagram-svg-v7{width:100%!important;max-width:620px!important}}
.how-video-embed{isolation:isolate}
.how-video-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-decoration:none;background:rgba(4,5,5,.82);z-index:1}
.how-video-fallback span{padding:13px 20px;border:1px solid rgba(255,255,255,.24);background:rgba(10,11,12,.75);color:#fff;font-weight:800;letter-spacing:.04em}
.how-video-embed iframe{z-index:2;background:#050606}

/* === Refinement v17: robust local video preview, professional compact setup, adaptive expanded card browser === */
/* Card Search: hidden controls = one centered, responsive full-width browser. */
.database-layout.controls-collapsed .results-panel{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.database-layout.controls-collapsed .database-grid-top{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(185px,220px))!important;
  justify-content:center!important;
  justify-items:center!important;
  gap:26px 18px!important;
}
.database-layout.controls-collapsed .database-grid-top .db-card{
  width:100%!important;
  max-width:220px!important;
  min-width:0!important;
  justify-self:stretch!important;
}
@media(max-width:1500px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(auto-fit,minmax(180px,215px))!important}
}
@media(max-width:1050px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(auto-fit,minmax(165px,205px))!important}
}
@media(max-width:620px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important}
  .database-layout.controls-collapsed .database-grid-top .db-card{max-width:none!important}
}

/* How to Play: never show YouTube Error 153 during file:// previews. Hosted pages get the real iframe. */
.how-video-embed{background:#050606!important}
.how-video-fallback{z-index:3!important;background:#050606!important;overflow:hidden!important}
.how-video-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68;filter:saturate(.75) brightness(.7)}
.how-video-play{position:relative;z-index:2;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:rgba(8,9,9,.76);border:1px solid rgba(255,255,255,.42);font-size:24px;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.38)}
.how-video-fallback-label{position:absolute!important;z-index:2;bottom:24px!important;left:50%!important;transform:translateX(-50%)!important;white-space:nowrap!important;background:rgba(8,9,9,.74)!important;border:1px solid rgba(255,255,255,.17)!important;padding:10px 15px!important;font:700 11px/1 Arial,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.how-video-embed.can-embed .how-video-fallback{display:none!important}
.how-video-embed.can-embed iframe{display:block!important;z-index:2!important}
.how-video-embed.local-preview iframe{display:none!important}

/* Build the battlefield: tighter, cleaner and less vertically wasteful. */
#setup .setup-visual{padding:18px!important}
#setup .setup-table-v4{
  width:100%!important;
  max-width:720px!important;
  min-height:465px!important;
  height:465px!important;
  margin:0 auto!important;
}
#setup .setup-table-v4 .quick-capital{
  left:7%!important;top:8%!important;width:48%!important;
}
#setup .setup-table-v4 .resource-row{
  left:5%!important;top:55%!important;width:53%!important;
  gap:12px!important;
}
#setup .setup-library{
  right:2%!important;top:24%!important;width:34%!important;
  gap:14px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:center!important;
}
#setup .setup-table-v4 .setup-deck,
#setup .setup-table-v4 .setup-discard-placeholder{
  width:100%!important;aspect-ratio:815/1110!important;
}
@media(max-width:900px){
  #setup .setup-table-v4{height:auto!important;min-height:520px!important}
}
\n\n/* === Refinement v18: centered Quick Start step navigation + full-width collapsed card browser === */
/* When filters are hidden, the card browser must use the entire available width and keep a dense, balanced grid. */
.database-layout.controls-collapsed{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
}
.database-layout.controls-collapsed .results-panel{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
.database-layout.controls-collapsed .database-grid-top{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:24px 16px!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
}
.database-layout.controls-collapsed .database-grid-top .db-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
}
.database-layout.controls-collapsed .database-grid-top .db-card img,
.database-layout.controls-collapsed .database-grid-top .db-card .sample-wrap{
  width:100%!important;
  max-width:none!important;
}
@media(max-width:1680px) and (min-width:1481px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(7,minmax(0,1fr))!important}
}
@media(max-width:1480px) and (min-width:1261px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(max-width:1260px) and (min-width:1061px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1060px) and (min-width:821px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px) and (min-width:601px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:600px) and (min-width:401px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:400px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:1fr!important}
}
/* Quick Start status demo: animate Overdosed counter-clockwise. */
.status-card[data-state='overdosed']{transform:rotate(-270deg) scale(.92)!important}

/* === v20: collapsed Card Search must behave like a true full-width card browser === */
.database-main,
.database-heading,
.database-tools-row,
.database-layout{
  width:100%;
  box-sizing:border-box;
}
.database-layout.controls-collapsed{
  display:block!important;
  width:100%!important;
  max-width:1640px!important;
  margin-inline:auto!important;
}
.database-layout.controls-collapsed .search-controls{
  display:none!important;
}
.database-layout.controls-collapsed .results-panel{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0 4px!important;
}
.database-layout.controls-collapsed .results-toolbar{
  width:100%!important;
  max-width:none!important;
}
.database-layout.controls-collapsed .database-grid-top{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  column-gap:18px!important;
  row-gap:28px!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
}
.database-layout.controls-collapsed .database-grid-top .db-card{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.database-layout.controls-collapsed .database-grid-top .db-card-image{
  width:100%!important;
  max-width:none!important;
}
@media(max-width:1540px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(7,minmax(0,1fr))!important}
}
@media(max-width:1350px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(max-width:1160px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:960px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:360px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:1fr!important}
}

/* === v21: larger collapsed Card Search cards for readable browsing ===
   Roughly 60% wider than the previous 8-column desktop presentation. */
.database-layout.controls-collapsed .database-grid-top{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  column-gap:24px!important;
  row-gap:34px!important;
}
.database-layout.controls-collapsed .database-grid-top .db-card-meta strong{font-size:14px!important}
.database-layout.controls-collapsed .database-grid-top .db-card-meta small{font-size:11px!important}
@media(max-width:1500px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .database-layout.controls-collapsed .database-grid-top{grid-template-columns:1fr!important}
}

/* Print-and-Play Lab utility link — page itself remains fully isolated in /pnp-maker/ */
.hero-pnp-maker{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;color:rgba(255,255,255,.82);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .15s ease,transform .15s ease}
.hero-pnp-maker:hover{color:#fff;transform:translateY(-1px)}
@media(max-width:700px){.hero-pnp-maker{margin-top:13px;font-size:12px}}

/* Phase 1 — Card Search × Print-and-Play Lab */

/* Phase 3 v8 — authoritative Build the Battlefield composition */
#setup .setup-visual{min-height:0!important;padding:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
#setup .setup-table-v4{position:relative!important;width:min(100%,760px)!important;height:auto!important;min-height:500px!important;margin:0 auto!important;overflow:visible!important}
#setup .setup-table-v4 .quick-capital{position:absolute!important;left:4%!important;top:7%!important;width:53%!important;height:auto!important;transform:none!important;margin:0!important;z-index:2!important}
#setup .setup-table-v4 .quick-capital img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
#setup .setup-table-v4 .resource-row{position:absolute!important;left:3%!important;top:55%!important;width:56%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;transform:none!important;align-items:start!important;justify-items:center!important;z-index:2!important}
#setup .setup-table-v4 .resource-row .setup-nek{position:relative!important;width:100%!important;max-width:none!important;height:auto!important;transform:none!important;overflow:hidden!important;margin:0!important}
#setup .setup-table-v4 .resource-row img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
#setup .setup-library{position:absolute!important;left:auto!important;right:3%!important;top:20%!important;width:34%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;transform:none!important;margin:0!important}
#setup .setup-table-v4 .setup-deck,#setup .setup-table-v4 .setup-discard-placeholder{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:815/1110!important;transform:none!important;margin:0!important}
#setup .setup-table-v4 .setup-deck img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:815/1110!important;object-fit:cover!important;border-radius:12px!important}
#setup .setup-table-v4 .setup-deck span{position:absolute!important;left:50%!important;bottom:-22px!important;transform:translateX(-50%)!important;margin:0!important;white-space:nowrap!important}
#setup .setup-table-v4 .setup-discard-placeholder{display:grid!important;place-items:center!important;border-radius:12px!important}
@media(max-width:760px){#setup .setup-visual{padding:14px 8px!important}#setup .setup-table-v4{min-height:430px!important;width:100%!important}#setup .setup-table-v4 .quick-capital{left:3%!important;top:8%!important;width:54%!important}#setup .setup-table-v4 .resource-row{left:2%!important;top:54%!important;width:57%!important;gap:5px!important}#setup .setup-library{right:2%!important;top:22%!important;width:36%!important;gap:6px!important}#setup .setup-table-v4 .setup-deck span{bottom:-17px!important;font-size:8px!important}}

/* Phase 3 v10 — Build the Battlefield: remove ONLY the visual frame. */
#setup .setup-table-v4{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
#setup .setup-table-v4::before,
#setup .setup-table-v4::after{
  display:none!important;
}


/* v26 — organized primary navigation */
.menu{gap:clamp(20px,2.1vw,34px)}
.nav-dropdown{position:relative;display:flex;align-items:center;height:100%}
.nav-dropdown-trigger{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;text-transform:uppercase;font:inherit;letter-spacing:inherit;opacity:.88;transition:opacity .15s ease;white-space:nowrap}
.nav-dropdown:hover .nav-dropdown-trigger,.nav-dropdown.is-open .nav-dropdown-trigger,.nav-dropdown.active .nav-dropdown-trigger{opacity:1}
.nav-chevron{font-size:.8em;margin-left:5px}
.nav-dropdown-menu,.nav-submenu{position:absolute;opacity:0;visibility:hidden;pointer-events:none;background:#151515;border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 45px rgba(0,0,0,.38);border-radius:10px;text-transform:none;letter-spacing:0;transition:opacity .14s ease,transform .14s ease,visibility .14s}
.nav-dropdown-menu{top:calc(50% + 21px);left:-18px;min-width:245px;padding:8px;z-index:100;transform:translateY(8px)}
.nav-dropdown.is-open>.nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-dropdown-menu>a,.nav-subdropdown-link,.nav-submenu>a{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:10px 12px;border-radius:7px;font-size:14px;text-transform:none;white-space:nowrap;opacity:.9}
.nav-dropdown-menu>a:hover,.nav-subdropdown-link:hover,.nav-submenu>a:hover{background:#252525;opacity:1}
.nav-subdropdown{position:relative}
.nav-submenu{left:calc(100% + 7px);top:-8px;min-width:230px;padding:8px;transform:translateX(-6px)}
.nav-subdropdown:hover>.nav-submenu,.nav-subdropdown:focus-within>.nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}

.mobile-nav-group,.mobile-nav-subgroup{display:grid}
.mobile-nav-toggle{border:0;background:transparent;color:inherit;padding:0;font:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer}
.mobile-nav-children,.mobile-nav-grandchildren{display:none}
.mobile-nav-group.is-open>.mobile-nav-children{display:grid;gap:18px;margin-top:22px;padding:20px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.mobile-nav-children>a,.mobile-nav-subrow>a{font-size:.55em;font-weight:600;line-height:1.12}
.mobile-nav-subrow{display:flex;justify-content:center;align-items:center;gap:12px}
.mobile-sub-toggle{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center;padding:0}
.mobile-nav-subgroup.is-open>.mobile-nav-grandchildren{display:grid;gap:13px;margin-top:15px}
.mobile-nav-grandchildren a{font-size:.4em;font-weight:500;opacity:.72}


/* v27 — robust About dropdown fix
   Explicit block layout prevents the dropdown from collapsing after its first item. */
.topbar,.nav,.menu,.nav-dropdown{overflow:visible!important}
.nav-dropdown-menu{
  display:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  top:88px!important;
  left:-18px!important;
  width:270px!important;
  min-width:270px!important;
  padding:8px!important;
  z-index:1000!important;
}
.nav-dropdown.is-open>.nav-dropdown-menu{display:block!important}

.nav-dropdown-menu>a,
.nav-dropdown-menu>.nav-subdropdown{
  width:100%;
  box-sizing:border-box;
}
.nav-dropdown-menu>a,
.nav-subdropdown>.nav-subdropdown-link{
  display:flex!important;
  box-sizing:border-box;
  width:100%;
}

/* How to Play's two child pages open to its right. */
.nav-subdropdown{display:block!important;position:relative!important}
.nav-submenu{
  display:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  position:absolute!important;
  left:calc(100% + 8px)!important;
  top:-8px!important;
  width:250px!important;
  min-width:250px!important;
  z-index:1001!important;
}
.nav-subdropdown:hover>.nav-submenu,
.nav-subdropdown:focus-within>.nav-submenu{display:block!important}
.nav-submenu>a{display:flex!important;width:100%;box-sizing:border-box}


/* v28 — anchor About menu directly beneath the About label */
.nav-dropdown-menu{
  top:calc(50% + 22px)!important;
  left:0!important;
  margin-top:0!important;
}


/* === UX / discoverability refinement v3 === */
/* How to Play is a navigation parent, not a page link. */
button.nav-subdropdown-link{border:0;background:transparent;color:inherit;font-family:inherit;cursor:pointer;text-align:left}
.nav-subdropdown.is-open>.nav-submenu{display:block!important}
.mobile-how-toggle{width:auto!important;height:auto!important;min-height:44px!important;border:0!important;border-radius:0!important;display:inline-flex!important;gap:12px!important;padding:4px 8px!important;font:600 .55em/1.12 inherit!important}
.mobile-how-mark{font-size:.72em;opacity:.72}
.site-footer-inner{grid-template-columns:auto 1fr auto auto!important}
.site-footer-nav{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;font-size:11px;letter-spacing:.05em}
.site-footer-nav a{color:#8e9390;transition:color .15s ease}.site-footer-nav a:hover{color:#f0f1ef}

/* Card artwork should look like the actual card, not be heavily clipped by UI rounding. */
.home-page .hero-card,.home-page .hero-card-front,.home-page .hero-card-back{border-radius:6px!important;overflow:visible!important}
.home-page .hero-card img,.home-page .hero-card-front img,.home-page .hero-card-back img{border-radius:4px!important;box-shadow:0 0 0 2px #050505,0 16px 28px rgba(0,0,0,.42)!important}
.db-card-image{border-radius:5px!important;overflow:visible!important;background:transparent!important}
.db-card-image img{border-radius:3px!important;box-shadow:0 0 0 2px #050505,0 8px 20px rgba(0,0,0,.25)}
.modal-image-wrap img{border-radius:4px!important;box-shadow:0 0 0 2px #050505,0 16px 32px rgba(0,0,0,.38)!important}

/* How-to-play hub */
.how-hub-lede,.video-tutorial-lede{max-width:760px;color:#aeb3af;font-size:17px;line-height:1.55;margin:12px 0 0}
.how-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.how-hub-card{display:flex;flex-direction:column;min-height:330px;border:1px solid rgba(255,255,255,.10);background:rgba(7,8,8,.35);color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease;overflow:hidden}
.how-hub-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.24);background:rgba(12,13,13,.55)}
.how-hub-media{position:relative;display:block;aspect-ratio:16/9;background:#050606;overflow:hidden}
.how-hub-media img{width:100%;height:100%;display:block;object-fit:cover;opacity:.68;filter:saturate(.8) brightness(.72)}
.how-hub-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:rgba(5,6,6,.78);border:1px solid rgba(255,255,255,.38)}
.how-hub-card-copy{display:flex;flex-direction:column;flex:1;padding:24px}
.how-hub-card h2{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:34px;font-weight:400;text-transform:uppercase;margin:8px 0 10px}
.how-hub-card p{color:#aeb3af;font-size:14px;line-height:1.55;margin:0 0 20px}.how-hub-card .how-option-link{margin-top:auto}

/* Dedicated video page */
.video-tutorial-wrap{width:min(1120px,calc(100% - 56px));margin:0 auto;padding:58px 0 90px}
.video-tutorial-heading{margin-bottom:34px}.video-tutorial-player{position:relative;width:100%;aspect-ratio:16/9;background:#050606;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 68px rgba(0,0,0,.3);overflow:hidden}
.video-tutorial-player iframe,.video-tutorial-poster{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-tutorial-player iframe{display:none;background:#050606}.video-tutorial-player.is-playing iframe{display:block}.video-tutorial-player.is-playing .video-tutorial-poster{display:none}
.video-tutorial-poster{cursor:pointer;padding:0;background:#050606;color:#fff}.video-tutorial-poster img{width:100%;height:100%;object-fit:cover;display:block;opacity:.7;filter:saturate(.82) brightness(.72)}
.video-tutorial-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:rgba(4,5,5,.8);border:1px solid rgba(255,255,255,.45);font-size:26px;box-shadow:0 12px 38px rgba(0,0,0,.4)}
.video-tutorial-label{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(4,5,5,.74);font:700 11px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.video-tutorial-after{max-width:820px;margin:34px auto 0;text-align:center}.video-tutorial-after h2{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-size:36px;font-weight:400;margin:0 0 8px}.video-tutorial-after p{color:#aeb3af;line-height:1.6;margin:0 auto 18px}.video-tutorial-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.video-tutorial-link{border:1px solid rgba(255,255,255,.14);padding:11px 14px;color:#dfe1de;background:rgba(255,255,255,.03);font-size:12px;font-weight:700}

/* Support page needs readable rhythm, not a single compressed paragraph. */
.support{max-width:860px}.support .support-copy{max-width:760px;margin:0 auto 18px;color:#b8bcb9;font-size:17px;line-height:1.58}.support-welcome{margin:24px 0 0;color:#f0f0ee}

/* Quick Start visuals: protect card edges and give simple lessons a consistent stage. */
.quick-start-page .quick-card{border-radius:4px!important;overflow:visible!important;box-shadow:0 0 0 3px #050505,0 22px 42px rgba(0,0,0,.42)!important}
.quick-start-page .quick-card img{border-radius:2px!important}
.quick-start-page .single-card-stage,.quick-start-page .status-stage,.quick-start-page .anatomy-fixed-stage{border:1px solid rgba(255,255,255,.065);border-radius:14px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),rgba(0,0,0,.10) 58%,rgba(0,0,0,.18));padding:22px}
.anatomy-card-frame-v3{filter:drop-shadow(0 18px 28px rgba(0,0,0,.4))}
.anatomy-mobile-v3{display:none}
.capital-v6>img,.juyx-nek-v6 img{border-radius:3px!important;box-shadow:0 0 0 3px #050505,0 12px 22px rgba(0,0,0,.4)!important}
.gorl-card-v6,.nevir-card-v6{border-radius:3px!important;box-shadow:0 0 0 3px #050505,0 14px 24px rgba(0,0,0,.46)!important}

/* Rules: mobile TOC is collapsible instead of consuming half the screen. */
.rules-index-toggle{display:none;width:100%;min-height:44px;border:1px solid rgba(255,255,255,.12);background:rgba(6,7,7,.42);color:#d9dcda;padding:10px 12px;align-items:center;justify-content:space-between;font:700 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}

/* News arrows are real links. */
.news-arrow{font-size:22px;color:inherit;padding:12px;display:inline-grid;place-items:center}

/* === v4 professional UX pass === */
:where(a,button,input,select,summary):focus-visible{outline:2px solid rgba(238,240,237,.95);outline-offset:3px}
.home-page .hero-card,.home-page .hero-card-front,.home-page .hero-card-back,.db-card-image,.quick-start-page .quick-card,.quick-start-page .sample-card,.cardtype-cards .quick-card{clip-path:none!important}
.home-page .hero-card img,.home-page .hero-card-front img,.home-page .hero-card-back img,.db-card-image img,.modal-image-wrap img,.quick-start-page .quick-card img,.quick-start-page .sample-card img,.cardtype-cards img{clip-path:none!important;border-radius:2px!important}
.quick-start-page .quick-card,.quick-start-page .sample-card{border-radius:2px!important;overflow:visible!important;box-shadow:0 0 0 4px #020303,0 18px 36px rgba(0,0,0,.38)!important}
.quick-start-page .quick-visual{border:1px solid rgba(255,255,255,.085)!important;border-radius:8px!important;background:linear-gradient(rgba(255,255,255,.018),rgba(255,255,255,.008)),radial-gradient(circle at 50% 36%,rgba(255,255,255,.045),rgba(3,5,5,.28) 60%,rgba(2,3,3,.48))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.12)}
.quick-start-page .quick-copy p{max-width:670px}
.quick-start-page .quick-callout{border-left:2px solid rgba(232,235,232,.72);padding:12px 14px!important;background:rgba(255,255,255,.025)!important}
#setup .setup-visual{padding:28px!important}
#setup .setup-table-v4{background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px}
.setup-zone-label-v4{position:absolute;z-index:8;color:rgba(255,255,255,.48);font:700 9px/1 Arial,sans-serif;letter-spacing:.16em;pointer-events:none}
.setup-zone-capital{left:4%;top:2%}.setup-zone-resources{left:4%;top:57%}.setup-zone-library{right:6%;top:18%}
#kravers .anatomy-stage{min-height:0!important;padding:26px!important}
.anatomy-board-v4{width:min(100%,780px);margin:0 auto;display:grid;grid-template-columns:minmax(280px,430px) minmax(210px,1fr);gap:30px;align-items:center}
.anatomy-card-v4{position:relative;width:min(100%,430px);justify-self:center;padding:12px;background:#020202;border:1px solid rgba(255,255,255,.13);border-radius:5px;box-shadow:0 26px 50px rgba(0,0,0,.46)}
.anatomy-card-v4 img{display:block;width:100%;height:auto;border-radius:2px!important;clip-path:none!important}
.anatomy-dot-v4{position:absolute;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f0f0ed;color:#0d0e0e;border:2px solid #080909;box-shadow:0 4px 14px rgba(0,0,0,.58);font:800 13px/1 Arial,sans-serif}
.anatomy-pos-cost{left:3%;top:2.2%}.anatomy-pos-hp{right:3%;top:2.2%}.anatomy-pos-soma{left:3%;top:66.2%}.anatomy-pos-ethos{left:3%;top:72.4%}.anatomy-pos-attack-cost{left:3%;bottom:2.2%}.anatomy-pos-side-effect{left:55%;bottom:2.2%}.anatomy-pos-damage{right:3%;bottom:2.2%}
.anatomy-key-v4{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.anatomy-key-v4 li{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:center;min-height:44px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.075);color:#c9cdca;font:700 12px/1.25 Arial,sans-serif}
.anatomy-key-v4 li:last-child{border-bottom:0}.anatomy-key-v4 b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eceeeb;color:#111;font-size:12px}
.turn-tabs{gap:0!important;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.14);overflow:hidden}
.turn-tabs button{border:0!important;border-right:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;background:transparent!important}.turn-tabs button:last-child{border-right:0!important}.turn-tabs button.active{background:#e9ebe8!important;color:#111!important}
.turn-readout{border-left:2px solid rgba(235,237,234,.8);padding-left:18px}
.attack-sim-v6{border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;background:linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),rgba(2,4,4,.24)!important;background-size:28px 28px!important}
.defender-zone-v6,.attacker-zone-v6{border-radius:5px!important;border-color:rgba(255,255,255,.08)!important}
.capital-v6>img,.gorl-card-v6,.nevir-card-v6,.juyx-nek-v6 img{border-radius:2px!important;clip-path:none!important;overflow:visible!important;box-shadow:0 0 0 3px #020303,0 12px 24px rgba(0,0,0,.42)!important}
.attack-explain-v6,.sideeffect-focus-v6,.overdose-v6{border-radius:5px!important}.attack-play{min-height:46px;padding-inline:22px!important}
.status-stage{overflow:visible!important}.status-card{box-shadow:0 0 0 4px #020303,0 24px 46px rgba(0,0,0,.42)!important}
.status-readout{min-height:58px;padding:12px 14px;border-left:2px solid rgba(235,237,234,.72);background:rgba(255,255,255,.022)}
.type-card{border-radius:6px!important}.type-card .quick-card{border-radius:2px!important}.cardtype-readout{border-radius:6px!important}
.hero-eyebrow-v4{margin:0 0 13px;color:rgba(255,255,255,.62);font:700 11px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}


/* ===== Quick Start Visual System v5 ===== */
.quick-start-page .quick-hero{
  padding:82px 0 24px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));
}
.quick-start-page .quick-hero-inner{max-width:1180px}
.quick-start-page .quick-lede{max-width:780px;color:rgba(255,255,255,.82)}
.quick-start-page .quick-stepnav{
  margin-top:36px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.025);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}
.quick-start-page .quick-stepnav a{padding:14px 8px}
.quick-start-page .quick-chapter{gap:58px;padding:76px 0;border-top:1px solid rgba(255,255,255,.065)}
.quick-start-page .quick-chapter-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.quick-start-page .quick-copy{max-width:540px}
.quick-start-page .quick-copy h2{letter-spacing:.015em}
.quick-start-page .quick-copy .quick-num{
  display:inline-grid;place-items:center;
  min-width:42px;height:42px;padding:0 11px;
  border-radius:999px;background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.quick-start-page .quick-visual{min-height:auto}
.quick-start-page .quick-next{margin-top:28px}

/* Consistent card presentation */
.quick-start-page .quick-card,
.quick-start-page .sample-card,
.quick-start-page .status-card,
.quick-start-page .gorl-card-v6,
.quick-start-page .nevir-card-v6,
.quick-start-page .capital-v6 > img,
.quick-start-page .juyx-nek-v6 img,
.quick-start-page .setup-deck img{
  border-radius:2px !important;
  box-shadow:0 0 0 5px #050505,0 18px 38px rgba(0,0,0,.42) !important;
}
.quick-start-page .type-card .quick-card{box-shadow:0 0 0 4px #050505,0 14px 26px rgba(0,0,0,.32) !important}

/* Remove unnecessary generic containers where they hurt the composition */
.quick-start-page .setup-visual,
.quick-start-page .single-card-stage,
.quick-start-page .status-stage{
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}
.quick-start-page .single-card-stage{padding:6px 0 0 !important}
.quick-start-page .status-stage{padding:0 !important;min-height:520px}
.quick-start-page .status-card{width:350px;max-width:84%}

/* Setup board redesign */
#setup .setup-visual{padding:0 !important}
#setup .setup-table-v4{
  position:relative !important;
  width:min(100%,780px) !important;
  min-height:540px !important;
  margin:0 auto !important;
  border:0 !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.035), rgba(255,255,255,0) 58%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 24%),
    linear-gradient(180deg, #0b1110, #0a100f) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), inset 0 -50px 80px rgba(0,0,0,.2), 0 26px 60px rgba(0,0,0,.16) !important;
  overflow:hidden !important;
}
#setup .setup-table-v4::before{
  content:"";
  position:absolute; inset:18px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:22px;
  pointer-events:none;
}
#setup .setup-garrison-band{
  position:absolute; left:5%; top:5%; width:58%; height:14%;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
#setup .setup-garrison-band span{
  position:absolute; left:16px; top:12px;
  color:rgba(255,255,255,.48);
  font:700 10px/1 Arial,sans-serif;
  letter-spacing:.16em; text-transform:uppercase;
}
#setup .setup-group-label{
  position:absolute; z-index:6;
  display:inline-flex; align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
  font:700 10px/1 Arial,sans-serif;
  letter-spacing:.12em; text-transform:uppercase;
  white-space:nowrap;
}
#setup .setup-label-capital{left:5%; top:21%}
#setup .setup-label-resources{left:5%; top:58%}
#setup .setup-library .setup-label-library{position:static; justify-self:start; margin:0 0 4px 0}
#setup .setup-table-v4 .quick-capital{
  position:absolute !important;
  left:5% !important; top:28% !important;
  width:53% !important;
  transform:none !important;
}
#setup .setup-library{
  position:absolute !important;
  right:5% !important; top:21% !important;
  width:30% !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}
#setup .setup-library .setup-label-library{grid-column:1/-1}
#setup .setup-table-v4 .setup-deck,
#setup .setup-table-v4 .setup-discard-placeholder{
  position:relative !important;
  width:100% !important;
  aspect-ratio:815/1110 !important;
  transform:none !important;
}
#setup .setup-table-v4 .setup-deck img{width:100% !important; height:100% !important; object-fit:cover !important; border-radius:2px !important}
#setup .setup-table-v4 .setup-deck span{
  position:absolute !important;
  left:50%; bottom:-24px; transform:translateX(-50%);
  margin:0 !important;
  color:rgba(255,255,255,.62) !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
}
#setup .setup-discard-placeholder{
  display:grid !important; place-items:center;
  border:1px dashed rgba(255,255,255,.14) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)) !important;
}
#setup .setup-discard-silhouette{
  position:relative; width:62%; aspect-ratio:815/1110;
}
#setup .setup-discard-silhouette i{
  position:absolute; inset:0;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.025);
}
#setup .setup-discard-silhouette i:nth-child(1){transform:translate(-7px,7px) rotate(-5deg)}
#setup .setup-discard-silhouette i:nth-child(2){transform:translate(0,2px) rotate(0deg)}
#setup .setup-discard-silhouette i:nth-child(3){transform:translate(7px,-3px) rotate(5deg)}
#setup .setup-discard-placeholder span{
  margin-top:16px;
  color:rgba(255,255,255,.62) !important;
  font:700 10px/1.25 Arial,sans-serif !important;
  letter-spacing:.14em !important;
  text-align:center;
}
#setup .setup-table-v4 .resource-row{
  position:absolute !important;
  left:5% !important; top:64% !important;
  width:53% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}
#setup .setup-table-v4 .resource-row .setup-nek{
  width:100% !important; margin:0 !important;
}

/* Nekthar interaction stage */
#nekthar .single-card-stage{
  display:grid; place-items:center;
  min-height:0;
}
#nekthar .interactive-nekthery{
  padding:0; background:none; border:0;
}
#nekthar .tap-hint{
  margin-top:14px;
  color:rgba(255,255,255,.62);
  font:700 11px/1 Arial,sans-serif;
  letter-spacing:.10em; text-transform:uppercase;
}

/* Turn explorer and anatomy harmonization */
.quick-start-page .turn-explorer{
  padding:28px 30px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.008));
  box-shadow:0 18px 46px rgba(0,0,0,.1);
}
.quick-start-page .anatomy-fixed-stage{
  padding:18px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.006)) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.12);
}
.quick-start-page .anatomy-card-v4{
  padding:14px;
  border-radius:8px;
  box-shadow:0 0 0 1px rgba(255,255,255,.09), 0 26px 52px rgba(0,0,0,.42);
}
.quick-start-page .anatomy-key-v4 li{padding:10px 12px}

/* Attack, statuses, card types */
.quick-start-page .attack-stage-v6{
  padding:18px !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.008)) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.12);
}
.quick-start-page .attack-sim-v6{border-radius:12px !important}
.quick-start-page .status-card{
  background:none;
}
.quick-start-page .status-buttons button,
.quick-start-page .turn-tabs button,
.quick-start-page .type-card{
  transition:transform .18s ease, opacity .18s ease, background .18s ease, border-color .18s ease;
}
.quick-start-page .status-buttons button{
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
}
.quick-start-page .status-buttons button.active{background:#ebedea;color:#111}
.quick-start-page .status-readout{
  margin-top:12px;
  border-left:0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.quick-start-page .cardtype-switcher{
  gap:34px;
  margin-top:24px;
}
.quick-start-page .cardtype-cards{gap:14px}
.quick-start-page .type-card{
  padding:10px 10px 14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.005));
}
.quick-start-page .type-card.active,
.quick-start-page .type-card:hover{
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
}
.quick-start-page .cardtype-readout{
  min-height:218px;
  padding:28px 30px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.008));
}

/* Mobile: make setup clean and non-awkward */
@media(max-width:900px){
  .quick-start-page .quick-chapter{gap:34px;padding:58px 0}
  #setup .setup-table-v4{min-height:520px !important}
  #setup .setup-garrison-band{width:62%;height:13%}
  #setup .setup-table-v4 .quick-capital{width:56% !important}
  #setup .setup-library{width:32% !important}
  #setup .setup-table-v4 .resource-row{width:56% !important;gap:10px !important}
}
@media(max-width:760px){
  .quick-start-page .quick-stepnav{grid-template-columns:repeat(2,1fr)}
  .quick-start-page .quick-stepnav a{justify-content:flex-start;padding:13px 12px}
  .quick-start-page .quick-copy{max-width:none}
  #setup .setup-visual{padding:0 !important}
  #setup .setup-table-v4{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
    min-height:0 !important;
    padding:16px 14px 18px !important;
  }
  #setup .setup-table-v4::before{inset:10px}
  #setup .setup-garrison-band,
  #setup .setup-table-v4 .quick-capital,
  #setup .setup-label-capital,
  #setup .setup-label-resources,
  #setup .setup-library,
  #setup .setup-table-v4 .resource-row{
    position:relative !important;
    left:auto !important; right:auto !important; top:auto !important;
    width:100% !important;
  }
  #setup .setup-garrison-band{height:58px;width:100% !important}
  #setup .setup-garrison-band span{top:10px;left:12px}
  #setup .setup-table-v4 .quick-capital{max-width:300px !important;justify-self:center}
  #setup .setup-label-capital,
  #setup .setup-label-resources{display:none !important}
  #setup .setup-library{max-width:340px !important;justify-self:center;gap:10px !important}
  #setup .setup-library .setup-label-library{justify-self:center}
  #setup .setup-table-v4 .resource-row{max-width:340px !important;justify-self:center;gap:8px !important}
  #setup .setup-table-v4 .setup-deck span{bottom:-20px;font-size:9px !important}
  #setup .setup-discard-placeholder span{font-size:9px !important}

  .quick-start-page .status-stage{min-height:380px}
  .quick-start-page .status-card{width:min(78vw,320px)}
  .quick-start-page .cardtype-switcher{gap:22px}
  .quick-start-page .cardtype-cards{gap:10px}
}


/* Quick Start setup cleanup v6 */
#setup .setup-visual,
#setup .setup-table-v4{
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}
#setup .setup-table-v4{
  width:min(100%,760px) !important;
  min-height:470px !important;
  margin:0 auto !important;
}
#setup .setup-table-v4::before,
#setup .setup-table-v4::after{display:none !important;content:none !important}
#setup .setup-table-v4 .quick-capital{
  left:0 !important;
  top:2% !important;
  width:58% !important;
}
#setup .setup-library{
  right:0 !important;
  top:5% !important;
  width:28% !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  align-items:start !important;
}
#setup .setup-table-v4 .setup-deck,
#setup .setup-table-v4 .setup-discard-placeholder{
  aspect-ratio:815/1110 !important;
  width:100% !important;
}
#setup .setup-table-v4 .setup-deck{
  display:block !important;
}
#setup .setup-table-v4 .setup-deck img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
#setup .setup-table-v4 .setup-deck span{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
  margin:0 !important;
  font:700 11px/1 Arial,sans-serif !important;
  letter-spacing:.18em !important;
  color:rgba(255,255,255,.88) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.6) !important;
}
#setup .setup-deck-shadow{display:none !important}
#setup .setup-discard-placeholder{
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:2px !important;
  background:rgba(255,255,255,.02) !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
}
#setup .setup-discard-placeholder span{
  margin:0 !important;
  font:700 10px/1.3 Arial,sans-serif !important;
  letter-spacing:.16em !important;
  color:rgba(255,255,255,.7) !important;
  text-align:center !important;
  padding:10px !important;
}
#setup .setup-table-v4 .resource-row{
  left:16% !important;
  top:58% !important;
  width:68% !important;
  gap:16px !important;
}
#setup .setup-table-v4 .resource-row .setup-nek{
  border-radius:2px !important;
}
@media(max-width:760px){
  #setup .setup-visual{padding:4px 0 !important}
  #setup .setup-table-v4{min-height:0 !important; padding-top:0 !important}
  #setup .setup-table-v4 .quick-capital{left:0 !important; top:0 !important; width:58% !important}
  #setup .setup-library{right:0 !important; top:2% !important; width:31% !important; gap:8px !important}
  #setup .setup-table-v4 .resource-row{left:10% !important; top:56% !important; width:78% !important; gap:8px !important}
  #setup .setup-table-v4 .setup-deck span{font-size:8px !important; letter-spacing:.14em !important}
  #setup .setup-discard-placeholder span{font-size:8px !important; letter-spacing:.14em !important}
}

/* ===== Starting table geometry v7 — physical card proportions ===== */
#setup .setup-visual,
#setup .setup-table-v4{
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
#setup .setup-table-v4::before,
#setup .setup-table-v4::after{display:none!important;content:none!important}

#setup .setup-table-v4{
  --card-w:150px;
  --card-gap:18px;
  position:relative!important;
  width:min(100%, 720px)!important;
  height:500px!important;
  min-height:500px!important;
  margin:0 auto!important;
  overflow:visible!important;
}

/* Capital centered exactly over the three Nektheries.
   Horizontal width = two portrait card widths + one physical gap. */
#setup .setup-table-v4 .quick-capital{
  position:absolute!important;
  width:calc((var(--card-w) * 2) + var(--card-gap))!important;
  left:50%!important;
  top:10px!important;
  transform:translateX(-50%)!important;
  margin:0!important;
}
#setup .setup-table-v4 .quick-capital img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Three portrait Capital Kit cards */
#setup .setup-table-v4 .resource-row{
  position:absolute!important;
  left:50%!important;
  top:235px!important;
  width:calc((var(--card-w) * 3) + (var(--card-gap) * 2))!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:repeat(3,var(--card-w))!important;
  gap:var(--card-gap)!important;
  margin:0!important;
}
#setup .setup-table-v4 .resource-row .setup-nek{
  width:var(--card-w)!important;
  height:auto!important;
  margin:0!important;
  transform:none!important;
  border-radius:2px!important;
}
#setup .setup-table-v4 .resource-row .setup-nek img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Deck + discard use exactly the SAME portrait-card footprint. */
#setup .setup-library{
  position:absolute!important;
  left:50%!important;
  top:235px!important;
  width:calc((var(--card-w) * 2) + var(--card-gap))!important;
  transform:translateX(calc(-50% + 365px))!important;
  display:grid!important;
  grid-template-columns:repeat(2,var(--card-w))!important;
  gap:var(--card-gap)!important;
  margin:0!important;
  align-items:start!important;
}
#setup .setup-table-v4 .setup-deck,
#setup .setup-table-v4 .setup-discard-placeholder{
  position:relative!important;
  width:var(--card-w)!important;
  height:auto!important;
  aspect-ratio:815/1110!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
}
#setup .setup-table-v4 .setup-deck img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:2px!important;
}
#setup .setup-deck-shadow{display:none!important}
#setup .setup-table-v4 .setup-deck span{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  margin:0!important;
  font:700 11px/1 Arial,sans-serif!important;
  letter-spacing:.18em!important;
  color:rgba(255,255,255,.92)!important;
  text-shadow:0 2px 8px #000!important;
}
#setup .setup-discard-placeholder{
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:2px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#setup .setup-discard-placeholder span{
  margin:0!important;
  padding:8px!important;
  font:700 10px/1.3 Arial,sans-serif!important;
  letter-spacing:.15em!important;
  color:rgba(255,255,255,.68)!important;
  text-align:center!important;
}

/* The full setup needs room for five portrait footprints on desktop.
   On narrower screens it scales as one coherent tabletop diagram. */
@media(min-width:1001px){
  #setup .setup-table-v4{
    width:1000px!important;
    max-width:none!important;
  }
  #setup .setup-library{
    left:calc(50% + 330px)!important;
    transform:translateX(-50%)!important;
  }
}
@media(max-width:1000px){
  #setup .setup-table-v4{
    --card-w:120px;
    --card-gap:14px;
    width:min(100%,760px)!important;
    height:420px!important;
    min-height:420px!important;
  }
  #setup .setup-table-v4 .resource-row,
  #setup .setup-library{top:195px!important}
  #setup .setup-library{
    left:auto!important;
    right:0!important;
    transform:none!important;
  }
  #setup .setup-table-v4 .resource-row{
    left:0!important;
    transform:none!important;
  }
  #setup .setup-table-v4 .quick-capital{
    left:calc(((var(--card-w) * 3) + (var(--card-gap) * 2)) / 2)!important;
  }
}
@media(max-width:760px){
  #setup .setup-visual{padding:0!important;overflow-x:auto!important}
  #setup .setup-table-v4{
    --card-w:82px;
    --card-gap:8px;
    width:100%!important;
    height:330px!important;
    min-height:330px!important;
    min-width:0!important;
  }
  #setup .setup-table-v4 .quick-capital{
    width:calc((var(--card-w) * 2) + var(--card-gap))!important;
    left:50%!important;
    top:0!important;
  }
  #setup .setup-table-v4 .resource-row{
    left:50%!important;
    top:135px!important;
    transform:translateX(-50%)!important;
  }
  #setup .setup-library{
    left:50%!important;
    right:auto!important;
    top:255px!important;
    transform:translateX(-50%)!important;
  }
  #setup .setup-table-v4 .setup-deck span{font-size:7px!important}
  #setup .setup-discard-placeholder span{font-size:7px!important;padding:4px!important}
}


/* ===== Quick Start starting-table layout v8 =====
   Physical scale: every portrait card shares one footprint.
   Capital uses the same physical dimensions rotated landscape. */
#setup .setup-visual,
#setup .setup-table-v4{
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
#setup .setup-table-v4::before,
#setup .setup-table-v4::after{display:none!important;content:none!important}

#setup .setup-table-v4{
  --portrait-w:108px;
  --portrait-ratio:63 / 88;
  --landscape-w:calc(var(--portrait-w) * 88 / 63);
  --gap:12px;

  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  justify-items:start!important;
  align-items:start!important;
  row-gap:24px!important;
  width:max-content!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:8px 0 18px!important;
  overflow:visible!important;
}

/* Capital: true landscape physical footprint, centered over the first 3 cards. */
#setup .setup-capital-v8{
  position:relative!important;
  width:var(--landscape-w)!important;
  height:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0!important;

  /* center over width of 3 portraits + 2 gaps */
  justify-self:start!important;
  margin-left:calc(
    ((var(--portrait-w) * 3 + var(--gap) * 2) - var(--landscape-w)) / 2
  )!important;
}
#setup .setup-capital-v8 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* One row: 3 Capital Kit Nektheries + Deck + Discard. */
#setup .setup-lower-row-v8{
  display:grid!important;
  grid-template-columns:repeat(5,var(--portrait-w))!important;
  gap:var(--gap)!important;
  align-items:start!important;
  width:max-content!important;
}

/* All portrait cards, including deck and discard, are identical size. */
#setup .setup-lower-row-v8 > .quick-card,
#setup .setup-card-footprint-v8{
  position:relative!important;
  width:var(--portrait-w)!important;
  aspect-ratio:var(--portrait-ratio)!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:2px!important;
  overflow:visible!important;
}
#setup .setup-lower-row-v8 > .quick-card img,
#setup .setup-card-footprint-v8 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:2px!important;
}
#setup .setup-lower-row-v8 > .quick-card,
#setup .setup-deck{
  box-shadow:0 0 0 4px #050505,0 16px 30px rgba(0,0,0,.38)!important;
}
#setup .setup-deck-shadow{display:none!important}

#setup .setup-deck span{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  transform:none!important;
  color:rgba(255,255,255,.94)!important;
  font:800 10px/1 Arial,sans-serif!important;
  letter-spacing:.18em!important;
  text-shadow:0 2px 9px rgba(0,0,0,.9)!important;
}
#setup .setup-discard-placeholder{
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:transparent!important;
  box-shadow:none!important;
}
#setup .setup-discard-placeholder span{
  margin:0!important;
  padding:7px!important;
  color:rgba(255,255,255,.70)!important;
  font:800 9px/1.3 Arial,sans-serif!important;
  letter-spacing:.13em!important;
  text-align:center!important;
}

/* Medium widths: preserve the exact ratio, only reduce the common scale. */
@media(max-width:1180px){
  #setup .setup-table-v4{
    --portrait-w:94px;
    --gap:10px;
  }
}

/* Phone: same physical scale relationship, but stack Deck/Discard onto a third row
   so the five portrait cards do not become microscopic. */
@media(max-width:760px){
  #setup .setup-visual{
    padding:4px 0!important;
    overflow:visible!important;
  }
  #setup .setup-table-v4{
    --portrait-w:82px;
    --gap:9px;
    width:max-content!important;
    max-width:100%!important;
    row-gap:18px!important;
    padding:4px 0 12px!important;
  }
  #setup .setup-lower-row-v8{
    grid-template-columns:repeat(3,var(--portrait-w))!important;
    grid-template-areas:
      "nek1 nek2 nek3"
      ". deck discard"!important;
    row-gap:22px!important;
  }
  #setup .setup-lower-row-v8 > :nth-child(1){grid-area:nek1!important}
  #setup .setup-lower-row-v8 > :nth-child(2){grid-area:nek2!important}
  #setup .setup-lower-row-v8 > :nth-child(3){grid-area:nek3!important}
  #setup .setup-lower-row-v8 > :nth-child(4){grid-area:deck!important}
  #setup .setup-lower-row-v8 > :nth-child(5){grid-area:discard!important}

  /* Center Capital over the 3-Nekthery row, not over Deck/Discard. */
  #setup .setup-capital-v8{
    margin-left:calc(
      ((var(--portrait-w) * 3 + var(--gap) * 2) - var(--landscape-w)) / 2
    )!important;
  }
  #setup .setup-deck span{font-size:7px!important}
  #setup .setup-discard-placeholder span{font-size:7px!important;padding:4px!important}
}


/* ===== Quick Start setup v9: isolated, proportional, no legacy positioning ===== */
#setup .setup-visual{
  min-height:0!important;
  padding:12px 0 8px!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#setup .ks-setup-stage-v9{
  --gap:14px;
  --card-w:110px;
  display:grid!important;
  grid-template-columns:repeat(5,var(--card-w))!important;
  grid-template-rows:auto auto!important;
  gap:22px var(--gap)!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  align-items:start!important;
  justify-items:center!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Capital occupies the first three portrait columns, but keeps true 88:63 physical proportions. */
#setup .ks-setup-capital-v9{
  grid-column:1 / span 3!important;
  grid-row:1!important;
  width:calc(var(--card-w) * 88 / 63)!important;
  aspect-ratio:88 / 63!important;
  align-self:end!important;
  justify-self:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:2px!important;
  background:none!important;
  box-shadow:0 0 0 4px #050505,0 18px 34px rgba(0,0,0,.38)!important;
  overflow:hidden!important;
}
#setup .ks-setup-capital-v9 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:2px!important;
}

/* Every portrait footprint is literally identical. */
#setup .ks-setup-portrait-v9{
  grid-row:2!important;
  width:var(--card-w)!important;
  aspect-ratio:63 / 88!important;
  position:relative!important;
  padding:0!important;
  margin:0!important;
  border-radius:2px!important;
  overflow:hidden!important;
  background:none!important;
  box-shadow:0 0 0 4px #050505,0 15px 28px rgba(0,0,0,.34)!important;
}
#setup .ks-setup-portrait-v9 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:2px!important;
}

/* Deck label sits on the card itself. */
#setup .ks-setup-deck-v9 span{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font:800 10px/1 Arial,sans-serif!important;
  letter-spacing:.18em!important;
  text-shadow:0 2px 9px rgba(0,0,0,.95)!important;
  pointer-events:none!important;
}

/* Discard is only a minimal card-sized frame. */
#setup .ks-setup-discard-v9{
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#setup .ks-setup-discard-v9 span{
  color:rgba(255,255,255,.67)!important;
  font:800 9px/1.3 Arial,sans-serif!important;
  letter-spacing:.13em!important;
  text-align:center!important;
  padding:8px!important;
}

/* Scale the whole tabletop consistently instead of changing individual card sizes. */
@media(max-width:1180px){
  #setup .ks-setup-stage-v9{--card-w:96px;--gap:11px}
}
@media(max-width:760px){
  #setup .ks-setup-stage-v9{
    --card-w:calc((100vw - 70px) / 5);
    --gap:7px;
    gap:18px var(--gap)!important;
  }
  #setup .ks-setup-capital-v9{box-shadow:0 0 0 3px #050505,0 14px 24px rgba(0,0,0,.34)!important}
  #setup .ks-setup-portrait-v9{box-shadow:0 0 0 3px #050505,0 12px 20px rgba(0,0,0,.3)!important}
  #setup .ks-setup-deck-v9 span{font-size:7px!important;letter-spacing:.14em!important}
  #setup .ks-setup-discard-v9 span{font-size:7px!important;letter-spacing:.11em!important;padding:3px!important}
}
@media(max-width:380px){
  #setup .ks-setup-stage-v9{
    --card-w:calc((100vw - 58px) / 5);
    --gap:5px;
  }
}


/* v29 — navigation IA + simple information pages */
.ks-info-page{max-width:900px;margin:0 auto}
.ks-info-page .support-copy{max-width:820px}
.ks-tutorial-steps{list-style:none;counter-reset:ks-step;margin:42px 0 0;padding:0;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.14)}
.ks-tutorial-steps li{counter-increment:ks-step;display:grid;grid-template-columns:58px 210px 1fr;gap:22px;align-items:start;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.ks-tutorial-steps li::before{content:counter(ks-step,decimal-leading-zero);font-size:12px;letter-spacing:.14em;color:#8e9390;padding-top:4px}
.ks-tutorial-steps strong{font-size:18px}
.ks-tutorial-steps span{color:#aeb3b0;line-height:1.55}
.ks-info-actions{margin-top:34px}
@media(max-width:900px){.ks-tutorial-steps li{grid-template-columns:42px 1fr;gap:12px 16px}.ks-tutorial-steps li span{grid-column:2}.ks-info-actions{display:grid!important;gap:18px!important}}

/* v29 — keep the expanded five-part navigation comfortable on narrower laptops. */
@media (min-width:901px) and (max-width:1120px){
  body:not(.home-page) .nav .brand{width:240px;flex-basis:240px;min-width:180px}
  body:not(.home-page) .nav{gap:30px}
  body:not(.home-page) .menu{gap:16px;font-size:13px}
}
@media (max-width:900px){
  .mobile-overlay{overflow-y:auto}
}


/* v30 — single-source desktop dropdown visibility.
   Top-level dropdowns are shown ONLY by .is-open; CSS :hover never opens them. */
@media (hover:hover) and (pointer:fine){
  .nav-dropdown:not(.is-open)>.nav-dropdown-menu{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
  .nav-dropdown.is-open>.nav-dropdown-menu{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
}


/* v31 — seamless desktop dropdown pointer bridge.
   Keeps the current menu reachable across the small visual gap without
   reintroducing CSS-driven menu opening or allowing menus to overlap. */
@media (hover:hover) and (pointer:fine){
  .nav-dropdown.is-open>.nav-dropdown-menu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-18px;
    height:18px;
    background:transparent;
    pointer-events:auto;
  }
}

/* v29: multi-select subtype/species filter */
.multi-filter{position:relative;width:100%;font-size:13px}.multi-filter summary{list-style:none;width:100%;height:38px;border:1px solid rgba(255,255,255,.105);border-radius:7px;background:#151616;color:#dedfdd;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;user-select:none}.multi-filter summary::-webkit-details-marker{display:none}.multi-filter[open] summary{border-color:#777b79;background:#171818}.multi-filter-arrow{font-size:13px;color:#8f9290;transition:transform .16s ease}.multi-filter[open] .multi-filter-arrow{transform:rotate(180deg)}.multi-filter-options{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 5px);max-height:245px;overflow:auto;padding:6px;background:#111212;border:1px solid rgba(255,255,255,.13);border-radius:7px;box-shadow:0 14px 32px rgba(0,0,0,.42)}.multi-filter-option{display:flex;align-items:center;gap:9px;min-height:34px;padding:6px 7px;border-radius:5px;color:#c9ccca;cursor:pointer}.multi-filter-option:hover{background:rgba(255,255,255,.055);color:#fff}.multi-filter-option input{width:16px!important;height:16px!important;margin:0;accent-color:#d8dad7}.multi-filter-option span{min-width:0}.filter-row.two .multi-filter{min-width:0}@media(max-width:760px){.multi-filter summary{height:38px}.multi-filter-options{max-height:220px}}


/* v37 — Lore chapter library + reading view */

/* Lore — chapter library and book reader (v38) */
.lore-page .lore-main{min-height:70vh}
.lore-page [hidden]{display:none!important}
.lore-intro{max-width:850px;margin:0 auto 54px;text-align:center}
.lore-chapters-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 0 20px;padding-top:10px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:16px}
.lore-chapters-head h2{margin:0;font-size:28px;letter-spacing:.02em}
.lore-chapters-head p{margin:0;color:#969c98;font-size:14px}
.lore-chapter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:22px;align-items:stretch}
.lore-chapter-card{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(300px,1.05fr);min-height:340px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:linear-gradient(145deg,#171a18,#0d0f0e);color:inherit;text-decoration:none;box-shadow:0 24px 60px rgba(0,0,0,.28);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.lore-chapter-card:hover,.lore-chapter-card:focus-visible{transform:translateY(-3px);border-color:rgba(255,255,255,.3);box-shadow:0 30px 70px rgba(0,0,0,.38)}
.lore-chapter-art{position:relative;min-height:340px;overflow:hidden;background:#121514}
.lore-chapter-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(12,14,13,.55));pointer-events:none}
.lore-chapter-art img{width:100%;height:100%;display:block;object-fit:cover}
.lore-chapter-card-copy{padding:42px 40px;display:flex;flex-direction:column;justify-content:center}
.lore-chapter-number{display:block;margin-bottom:10px;color:#8f9691;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.lore-chapter-card h3{margin:0;font-size:38px;line-height:1.02;letter-spacing:.01em}
.lore-read-link{margin-top:30px;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff}
.lore-read-link span{display:inline-block;margin-left:8px;transition:transform .18s ease}
.lore-chapter-card:hover .lore-read-link span{transform:translateX(5px)}
.lore-chapter-placeholder{display:grid;place-items:center;min-height:340px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:#636965;font-size:13px;letter-spacing:.04em;background:rgba(255,255,255,.015);text-align:center;padding:30px}

.lore-reader-view{padding:54px 0 96px}
.lore-reader-wrap{max-width:980px}
.lore-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:42px;color:#aeb4b0;text-decoration:none;font-size:12px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.lore-back:hover{color:#fff}
.lore-reader-header{text-align:center;max-width:700px;margin:0 auto 48px;padding-bottom:32px;position:relative}
.lore-reader-header::after{content:"";position:absolute;left:50%;bottom:0;width:72px;height:1px;transform:translateX(-50%);background:rgba(255,255,255,.28)}
.lore-reader-header .eyebrow{font-family:Georgia,'Times New Roman',serif;font-size:13px;font-weight:400;letter-spacing:.22em;color:#989e99}
.lore-reader-header .display{margin:12px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,6vw,68px);font-weight:500;line-height:1.04;letter-spacing:-.025em}

/* A restrained dark "book page": typography and measure do the work, not a giant panel. */
.lore-book-page{max-width:680px;margin:0 auto;color:#dedfdc;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.92;letter-spacing:.002em;text-rendering:optimizeLegibility}
.lore-book-page p{margin:0 0 1.55em;text-align:justify;text-wrap:pretty;hyphens:auto}
.lore-book-page .lore-opening-paragraph::first-letter{float:left;font-size:4.15em;line-height:.78;padding:.12em .12em 0 0;color:#f0f0ed;font-weight:400}
.lore-book-page .lore-opening-paragraph::first-line{font-variant:small-caps;letter-spacing:.045em}
.lore-book-page p+p{text-indent:1.5em}
.lore-book-page p.lore-opening-paragraph+p{text-indent:1.5em}
.lore-book-page .lore-closing-line{margin-top:2.15em;margin-bottom:0;text-indent:0;text-align:center;font-style:italic;font-size:1.03em}
.lore-reader-end{max-width:680px;margin:70px auto 0;padding-top:30px;border-top:1px solid rgba(255,255,255,.12)}
.lore-back-bottom{margin:0}

@media (max-width:900px){
  .lore-chapter-grid{grid-template-columns:1fr}
  .lore-chapter-placeholder{display:none}
  .lore-chapter-card{grid-template-columns:1fr;min-height:0}
  .lore-chapter-art{min-height:260px;aspect-ratio:16/9}
  .lore-chapter-art::after{background:linear-gradient(0deg,rgba(12,14,13,.3),transparent 58%)}
  .lore-chapter-card-copy{padding:30px 28px 34px}
  .lore-reader-view{padding-top:34px}
  .lore-book-page{font-size:18px;line-height:1.86}
}
@media (max-width:640px){
  .lore-intro{margin-bottom:38px;text-align:left}
  .lore-chapters-head{align-items:start;flex-direction:column;gap:7px}
  .lore-chapter-card h3{font-size:32px}
  .lore-chapter-card-copy{padding:26px 22px 30px}
  .lore-chapter-art{min-height:210px}
  .lore-reader-header{text-align:center;margin-bottom:38px}
  .lore-reader-header .display{font-size:46px}
  .lore-book-page{font-size:17px;line-height:1.82}
  .lore-book-page p{text-align:left;hyphens:none}
  .lore-book-page p+p{ text-indent:1.15em }
  .lore-book-page .lore-opening-paragraph::first-letter{font-size:3.7em}
}


/* v39 — old book page simulation for Lore reader */

.lore-reader-view{padding:54px 0 108px;background:
  radial-gradient(circle at top, rgba(255,255,255,.04), transparent 36%),
  linear-gradient(180deg, rgba(7,9,8,.18), rgba(7,9,8,0));}
.lore-reader-wrap{max-width:1120px}
.lore-back{margin-bottom:28px}
.lore-book-shell{
  max-width:860px;
  margin:0 auto;
  position:relative;
  padding:64px 78px 62px;
  color:#19130d;
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.42), transparent 20%),
    radial-gradient(circle at 78% 15%, rgba(165,120,56,.08), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(123,85,32,.08), transparent 30%),
    linear-gradient(180deg, #f4ecd6 0%, #eee1c2 48%, #ead9b4 100%);
  border:1px solid rgba(104,77,38,.38);
  border-radius:8px;
  box-shadow:
    0 30px 80px rgba(0,0,0,.38),
    0 10px 20px rgba(69,44,17,.15),
    inset 0 0 0 1px rgba(255,255,255,.25),
    inset 0 0 120px rgba(120,83,29,.08);
}
.lore-book-shell::before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(111,79,36,.22);
  border-radius:4px;
  pointer-events:none;
}
.lore-book-shell::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:8px;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(108,72,29,.09), transparent 8%, transparent 92%, rgba(108,72,29,.09)),
    linear-gradient(180deg, rgba(255,255,255,.14), transparent 14%, transparent 86%, rgba(95,62,23,.07));
  mix-blend-mode:multiply;
}
.lore-reader-header{
  text-align:center;
  max-width:640px;
  margin:0 auto 46px;
  padding:0 0 28px;
  position:relative;
  color:#18120d;
}
.lore-reader-header::after{background:rgba(83,57,23,.38)}
.lore-reader-header .eyebrow{
  font-family:Georgia,'Times New Roman',serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.24em;
  color:#5d4530;
  text-transform:uppercase;
}
.lore-reader-header .display{
  margin:10px 0 0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(44px,6vw,68px);
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.025em;
  color:#18120d;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}
.lore-book-page{
  max-width:100%;
  margin:0 auto;
  color:#17110b;
  font-family:Georgia,'Times New Roman',serif;
  font-size:20px;
  line-height:1.98;
  letter-spacing:.002em;
  text-rendering:optimizeLegibility;
}
.lore-book-page p{margin:0 0 1.55em;text-align:justify;text-wrap:pretty;hyphens:auto;color:#17110b}
.lore-book-page .lore-opening-paragraph::first-letter{
  float:left;
  font-size:4.35em;
  line-height:.77;
  padding:.12em .12em 0 0;
  color:#4d3017;
  font-weight:400;
}
.lore-book-page .lore-opening-paragraph::first-line{font-variant:small-caps;letter-spacing:.05em}
.lore-book-page p+p{text-indent:1.7em}
.lore-book-page p.lore-opening-paragraph+p{text-indent:1.7em}
.lore-book-page .lore-closing-line{
  margin-top:2.25em;
  margin-bottom:0;
  text-indent:0;
  text-align:center;
  font-style:italic;
  font-size:1.03em;
  color:#23180e;
}
.lore-reader-end{
  max-width:100%;
  margin:64px auto 0;
  padding-top:26px;
  border-top:1px solid rgba(91,63,29,.24);
}
.lore-reader-end .lore-back,
.lore-back-bottom{
  color:#4d3a26;
  margin:0;
}
.lore-reader-end .lore-back:hover,
.lore-back-bottom:hover{color:#1b130d}
@media (max-width:900px){
  .lore-book-shell{padding:48px 38px 46px}
  .lore-book-page{font-size:18px;line-height:1.9}
}
@media (max-width:640px){
  .lore-reader-view{padding-top:34px;padding-bottom:82px}
  .lore-back{margin-bottom:20px}
  .lore-book-shell{padding:34px 22px 36px;border-radius:6px}
  .lore-book-shell::before{inset:10px}
  .lore-reader-header{margin-bottom:34px;padding-bottom:24px}
  .lore-reader-header .display{font-size:42px}
  .lore-book-page{font-size:17px;line-height:1.84}
  .lore-book-page p{text-align:left;hyphens:none}
  .lore-book-page p+p{text-indent:1.1em}
  .lore-book-page .lore-opening-paragraph::first-letter{font-size:3.95em}
}


/* v40 — open book lore reader */

.lore-reader-view{padding:44px 0 108px;background:
  radial-gradient(circle at top, rgba(255,255,255,.04), transparent 36%),
  linear-gradient(180deg, rgba(7,9,8,.14), rgba(7,9,8,0));}
.lore-reader-wrap{max-width:1240px}
.lore-book-reader{max-width:1180px;margin:0 auto}
.lore-reader-header{max-width:680px;margin:0 auto 30px;text-align:center;color:#eadcc1}
.lore-reader-header .eyebrow{color:#d5be93}
.lore-reader-header .display{color:#fff6e4}
.lore-book-spread{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  background:linear-gradient(180deg,#b38b59 0%, #9b7447 100%);
  border-radius:16px;
  padding:18px;
  box-shadow:0 28px 70px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.08);
}
.lore-book-spread::before{
  content:"";
  position:absolute;
  left:50%; top:18px; bottom:18px;
  width:28px;
  transform:translateX(-50%);
  background:linear-gradient(90deg, rgba(89,57,27,.52), rgba(53,34,16,.18) 35%, rgba(255,255,255,.08) 50%, rgba(53,34,16,.18) 65%, rgba(89,57,27,.52));
  border-radius:18px;
  pointer-events:none;
  z-index:2;
}
.lore-page-panel{
  position:relative;
  min-height:760px;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.38), transparent 26%),
    radial-gradient(circle at bottom right, rgba(146,95,34,.10), transparent 24%),
    linear-gradient(180deg,#f6edd7 0%, #efdfbd 54%, #ead6ae 100%);
  border:1px solid rgba(108,76,38,.32);
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), inset 0 0 90px rgba(126,83,26,.08);
}
.lore-page-left{border-radius:12px 0 0 12px;padding:48px 44px 52px 54px}
.lore-page-right{border-radius:0 12px 12px 0;padding:48px 54px 52px 44px}
.lore-page-panel::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(115,81,39,.16);
  pointer-events:none;
}
.lore-page-inner{
  position:relative;
  z-index:1;
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px;
  line-height:1.9;
  color:#17110b;
  text-rendering:optimizeLegibility;
}
.lore-page-inner p{margin:0 0 1.3em;text-align:justify;text-wrap:pretty;hyphens:auto;color:#17110b}
.lore-page-inner p+p{text-indent:1.4em}
.lore-page-inner .lore-opening-paragraph::first-letter{
  float:left;
  font-size:4.1em;
  line-height:.8;
  padding:.11em .12em 0 0;
  color:#4d3017;
  font-weight:400;
}
.lore-page-inner .lore-opening-paragraph::first-line{font-variant:small-caps;letter-spacing:.045em}
.lore-page-inner .lore-closing-line{margin-top:2em;text-indent:0;text-align:center;font-style:italic;color:#23180e}
.lore-page-frontmatter{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px}
.lore-frontmatter-chapter{font-family:Georgia,'Times New Roman',serif;font-size:14px;letter-spacing:.26em;text-transform:uppercase;color:#6c5037}
.lore-frontmatter-title{font-family:Georgia,'Times New Roman',serif;font-size:46px;line-height:1.02;color:#2a1d12}
.lore-page-empty{height:100%}
.lore-book-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:980px;margin:28px auto 0}
.lore-page-button{
  appearance:none;border:none;cursor:pointer;
  border-radius:999px;padding:14px 20px;
  background:rgba(246,237,215,.12);color:#f2e7cf;
  font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  transition:transform .2s ease, background .2s ease, opacity .2s ease;
}
.lore-page-button:hover:not(:disabled){background:rgba(246,237,215,.2);transform:translateY(-1px)}
.lore-page-button:disabled{opacity:.42;cursor:default}
.lore-page-status{font-family:Georgia,'Times New Roman',serif;font-size:16px;letter-spacing:.04em;color:#d9c7a1;text-align:center;flex:1}
.lore-reader-end{max-width:980px;margin:24px auto 0;padding-top:8px;border-top:none}
.lore-reader-end .lore-back,.lore-back-bottom{color:#ccb793}
.lore-reader-end .lore-back:hover,.lore-back-bottom:hover{color:#fff1d2}
@media (max-width:1100px){
  .lore-page-panel{min-height:700px}
  .lore-page-left{padding:42px 34px 46px 42px}
  .lore-page-right{padding:42px 42px 46px 34px}
  .lore-page-inner{font-size:17px;line-height:1.82}
}
@media (max-width:900px){
  .lore-book-spread{grid-template-columns:1fr;padding:14px}
  .lore-book-spread::before{display:none}
  .lore-page-left{display:none}
  .lore-page-right{border-radius:12px;padding:34px 24px 38px}
  .lore-page-panel{min-height:auto}
  .lore-page-inner{font-size:17px;line-height:1.84}
  .lore-book-controls{max-width:700px}
}
@media (max-width:640px){
  .lore-reader-view{padding-top:34px;padding-bottom:82px}
  .lore-reader-header{margin-bottom:22px}
  .lore-reader-header .display{font-size:40px}
  .lore-book-spread{padding:10px;border-radius:12px}
  .lore-page-right{padding:28px 18px 30px}
  .lore-page-panel::before{inset:10px}
  .lore-page-inner{font-size:16px;line-height:1.8}
  .lore-page-inner p{text-align:left;hyphens:none}
  .lore-page-inner p+p{text-indent:1em}
  .lore-page-inner .lore-opening-paragraph::first-letter{font-size:3.7em}
  .lore-book-controls{flex-wrap:wrap;justify-content:center}
  .lore-page-status{order:-1;flex:0 0 100%;margin-bottom:4px}
  .lore-page-button{padding:12px 16px;font-size:12px}
}

/* v41 — non-spoiler chapter teaser */
.lore-chapter-teaser{margin:18px 0 0;max-width:34em;color:#a9aeaa;font-size:15px;line-height:1.65;}
@media(max-width:640px){.lore-chapter-teaser{font-size:14px;line-height:1.6;margin-top:14px}}


/* v42 — Lore library restyled as old-book front matter */

.lore-library-view{
  position:relative;
  padding-top:72px;
  padding-bottom:96px;
  background:
    radial-gradient(circle at 50% -10%, rgba(196,154,91,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 26%);
}
.lore-library-view .wrap{max-width:1120px}
.lore-intro{max-width:760px;margin:0 auto 54px;text-align:center;position:relative;padding-bottom:28px}
.lore-intro::after{
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:128px;height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(205,176,128,.55),transparent);
}
.lore-intro .eyebrow{
  font-family:Georgia,'Times New Roman',serif;
  color:#b99a6d;
  font-size:12px;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.lore-intro .display{
  margin-top:12px;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;
  font-size:clamp(54px,7vw,84px);
  line-height:.98;
  letter-spacing:-.035em;
  color:#f2e8d5;
}
.lore-chapters-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin:0 0 24px;
  padding:0 2px 14px;
  border-bottom:1px solid rgba(196,163,111,.24);
}
.lore-chapters-head h2{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:25px;
  font-weight:500;
  color:#eadcc4;
  letter-spacing:.015em;
}
.lore-chapters-head p{
  margin:0;
  color:#a99575;
  font-family:Georgia,'Times New Roman',serif;
  font-size:14px;
  font-style:italic;
}
.lore-chapter-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,.34fr);
  gap:24px;
  align-items:stretch;
}
.lore-chapter-card{
  display:grid;
  grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);
  min-height:360px;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(117,83,40,.6);
  border-radius:7px;
  background:
    radial-gradient(circle at 82% 12%, rgba(255,255,255,.27), transparent 24%),
    linear-gradient(180deg,#f1e5ca 0%,#e6d3ad 100%);
  color:#1d150d;
  text-decoration:none;
  box-shadow:
    0 28px 60px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(255,255,255,.23),
    inset 0 0 90px rgba(113,75,29,.08);
  transition:transform .18s ease,box-shadow .18s ease;
}
.lore-chapter-card::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(99,66,28,.2);
  pointer-events:none;
  z-index:2;
}
.lore-chapter-card:hover,.lore-chapter-card:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 34px 72px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.25),inset 0 0 90px rgba(113,75,29,.08);
}
.lore-chapter-art{position:relative;min-height:360px;overflow:hidden;background:#17130f}
.lore-chapter-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 68%,rgba(225,207,171,.36) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.14));
  pointer-events:none;
}
.lore-chapter-art img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.88) contrast(.98) sepia(.04)}
.lore-chapter-card-copy{
  padding:52px 52px 48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:1;
}
.lore-chapter-number{
  display:block;
  margin-bottom:12px;
  color:#765b3d;
  font-family:Georgia,'Times New Roman',serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.lore-chapter-card h3{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:46px;
  font-weight:500;
  line-height:1;
  letter-spacing:-.025em;
  color:#20160d;
}
.lore-chapter-teaser{
  margin:24px 0 0;
  max-width:34ch;
  font-family:Georgia,'Times New Roman',serif;
  font-size:17px;
  line-height:1.65;
  color:#513e2b;
  font-style:italic;
}
.lore-read-link{
  margin-top:32px;
  color:#3f2c19;
  font-family:Georgia,'Times New Roman',serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.lore-chapter-placeholder{
  position:relative;
  display:grid;
  place-items:center;
  min-height:360px;
  padding:30px;
  border:1px solid rgba(178,145,97,.2);
  border-radius:7px;
  background:
    linear-gradient(180deg,rgba(232,215,182,.035),rgba(185,146,89,.02));
  color:#887558;
  font-family:Georgia,'Times New Roman',serif;
  font-size:14px;
  font-style:italic;
  text-align:center;
}
.lore-chapter-placeholder::before{
  content:"✦";
  display:block;
  position:absolute;
  top:38%;
  color:#705e43;
  font-size:16px;
  opacity:.7;
}
@media(max-width:900px){
  .lore-library-view{padding-top:54px}
  .lore-chapter-grid{grid-template-columns:1fr}
  .lore-chapter-placeholder{display:none}
  .lore-chapter-card{grid-template-columns:1fr;min-height:0}
  .lore-chapter-art{min-height:270px;aspect-ratio:16/9}
  .lore-chapter-art::after{background:linear-gradient(0deg,rgba(227,208,172,.28),transparent 48%)}
  .lore-chapter-card-copy{padding:36px 34px 40px}
}
@media(max-width:640px){
  .lore-library-view{padding-top:42px;padding-bottom:72px}
  .lore-intro{text-align:left;margin-bottom:40px;padding-bottom:22px}
  .lore-intro::after{left:0;transform:none;width:104px}
  .lore-intro .display{font-size:58px}
  .lore-chapters-head{align-items:start;flex-direction:column;gap:7px}
  .lore-chapter-art{min-height:220px}
  .lore-chapter-card-copy{padding:30px 24px 34px}
  .lore-chapter-card h3{font-size:40px}
  .lore-chapter-teaser{font-size:16px;line-height:1.6}
}


/* v43 — page-turn controls on the book edges */
.lore-book-spread{overflow:visible}
.lore-page-button-edge{
  position:absolute;
  top:50%;
  z-index:8;
  transform:translateY(-50%);
  min-width:54px;
  min-height:76px;
  padding:12px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border-radius:12px;
  background:linear-gradient(180deg,#ead8b3,#caa574);
  color:#2a1b0e;
  border:1px solid rgba(78,49,20,.42);
  box-shadow:0 8px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.35);
  font-family:Georgia,'Times New Roman',serif;
  text-transform:none;
  letter-spacing:.02em;
}
.lore-page-button-edge > span[aria-hidden="true"]{font-size:34px;line-height:.75}
.lore-page-button-label{font-size:11px;font-weight:700}
.lore-page-button-prev{left:-27px}
.lore-page-button-next{right:-27px}
.lore-page-button-edge:hover:not(:disabled){
  background:linear-gradient(180deg,#f3e4c5,#d7b17e);
  transform:translateY(-50%) scale(1.04);
}
.lore-page-button-edge:focus-visible{outline:3px solid rgba(255,244,211,.72);outline-offset:3px}
.lore-page-button-edge:disabled{opacity:.3;cursor:default;filter:saturate(.55)}
.lore-page-status{
  max-width:980px;
  margin:18px auto 0;
  text-align:center;
  font-family:Georgia,'Times New Roman',serif;
  font-size:15px;
  letter-spacing:.04em;
  color:#d9c7a1;
}
/* Old below-book controls are no longer used. */
.lore-book-controls{display:none!important}
@media (max-width:1250px){
  .lore-page-button-prev{left:-10px}
  .lore-page-button-next{right:-10px}
}
@media (max-width:900px){
  .lore-page-button-edge{
    min-width:46px;
    min-height:64px;
    padding:10px 7px;
    border-radius:10px;
  }
  .lore-page-button-edge > span[aria-hidden="true"]{font-size:31px}
  .lore-page-button-label{display:none}
  .lore-page-button-prev{left:-8px}
  .lore-page-button-next{right:-8px}
  .lore-page-status{margin-top:14px;font-size:14px}
}
@media (max-width:640px){
  .lore-page-button-edge{
    min-width:42px;
    min-height:58px;
    padding:8px 5px;
    background:rgba(232,211,173,.94);
  }
  .lore-page-button-prev{left:-6px}
  .lore-page-button-next{right:-6px}
}

/* v46 — Lore subtitle */
.lore-subtitle{
  max-width:620px;
  margin:14px auto 0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px;
  line-height:1.6;
  font-style:italic;
  letter-spacing:.01em;
  color:#c8b894;
}
@media (max-width:640px){
  .lore-subtitle{
    margin:12px 0 0;
    font-size:16px;
    line-height:1.55;
  }
}

/* v47 — fixed, consistent book-page dimensions */
.lore-book-spread{
  height:796px;
  box-sizing:border-box;
  align-items:stretch;
}
.lore-page-panel{
  height:760px;
  min-height:760px;
  max-height:760px;
  box-sizing:border-box;
}
.lore-page-inner{
  height:100%;
  box-sizing:border-box;
  overflow:hidden;
}
.lore-page-inner .lore-paragraph-continuation{
  text-indent:1.4em;
}
@media (max-width:1100px) and (min-width:901px){
  .lore-book-spread{height:736px}
  .lore-page-panel{
    height:700px;
    min-height:700px;
    max-height:700px;
  }
}
@media (max-width:900px){
  .lore-book-spread{
    height:744px;
    min-height:744px;
    max-height:744px;
  }
  .lore-page-panel{
    height:716px;
    min-height:716px;
    max-height:716px;
  }
}
@media (max-width:640px){
  .lore-book-spread{
    height:714px;
    min-height:714px;
    max-height:714px;
  }
  .lore-page-panel{
    height:694px;
    min-height:694px;
    max-height:694px;
  }
  .lore-page-inner .lore-paragraph-continuation{text-indent:1em}
}

/* v50 — compact Lore intro/header */
.lore-library-view .lore-intro{
  max-width:1040px;
  margin:0 auto 34px;
  padding-top:6px;
}
.lore-library-view .lore-intro .eyebrow{
  margin-bottom:4px;
}
.lore-library-view #lore-title{
  font-size:clamp(58px,6vw,82px);
  line-height:.95;
  margin:0;
}
.lore-library-view .lore-subtitle{
  max-width:none;
  width:max-content;
  margin:18px auto 0;
  white-space:nowrap;
  font-size:17px;
  line-height:1.35;
}
.lore-library-view .lore-intro::after{
  margin-top:26px;
}
.lore-library-view .lore-chapters-head{
  margin-top:0;
  padding-top:0;
}

@media (max-width:900px){
  .lore-library-view .lore-intro{
    margin-bottom:30px;
  }
  .lore-library-view #lore-title{
    font-size:clamp(52px,9vw,70px);
  }
  .lore-library-view .lore-subtitle{
    font-size:16px;
  }
}
@media (max-width:700px){
  .lore-library-view .lore-subtitle{
    width:auto;
    max-width:100%;
    white-space:normal;
    margin-left:0;
    margin-right:0;
  }
}

/* v51 — safe text area inside fixed-size Lore pages */
.lore-page-left{padding-bottom:72px}
.lore-page-right{padding-bottom:72px}
@media (max-width:1100px) and (min-width:901px){
  .lore-page-left,.lore-page-right{padding-bottom:64px}
}
@media (max-width:900px){
  .lore-page-right{padding-bottom:58px}
}
@media (max-width:640px){
  .lore-page-right{padding-bottom:50px}
}


/* v54 — themed mobile menu refresh */
.mobile-overlay{
  background:
    radial-gradient(circle at 18% 16%, rgba(112,145,117,.14), transparent 32%),
    radial-gradient(circle at 82% 26%, rgba(139,103,58,.14), transparent 28%),
    linear-gradient(180deg, rgba(8,12,11,.985), rgba(11,19,16,.992));
  color:#eee5d2;
}
.mobile-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.03), transparent 44%);
  pointer-events:none;
}
.mobile-overlay.open{display:flex}
.mobile-close{
  right:18px;
  top:max(18px,calc(env(safe-area-inset-top) + 8px));
  width:54px;
  height:54px;
  border:1px solid rgba(239,229,208,.18);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
}
.mobile-close:before,.mobile-close:after{
  left:12px;
  top:25px;
  width:28px;
  height:1.5px;
  background:#eee5d2;
}
.mobile-links{
  position:relative;
  width:min(100%, 620px);
  margin:max(82px,calc(env(safe-area-inset-top) + 56px)) auto auto;
  display:grid;
  gap:0;
  text-align:left;
  font-size:initial;
  font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;
  font-weight:400;
  line-height:1;
  letter-spacing:.01em;
}
.mobile-links > a,
.mobile-nav-group{
  border-bottom:1px solid rgba(239,229,208,.13);
}
.mobile-links > a,
.mobile-nav-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  min-height:70px;
  padding:12px 0;
  background:transparent;
  border:0;
  color:#f2ead8;
  font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;
  font-size:clamp(2.15rem, 8vw, 3.2rem);
  font-weight:400;
  line-height:1;
  letter-spacing:.01em;
  text-transform:none;
  cursor:pointer;
  text-decoration:none;
}
.mobile-nav-toggle:hover,
.mobile-links > a:hover{color:#fff}
.mobile-nav-toggle span,
.mobile-sub-toggle span,
.mobile-how-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:1.2em;
  font-size:.58em;
  opacity:.72;
  transition:transform .2s ease, opacity .2s ease;
}
.mobile-nav-toggle[aria-expanded="true"] span,
.mobile-sub-toggle[aria-expanded="true"] span,
.mobile-sub-toggle[aria-expanded="true"] .mobile-how-mark{
  transform:rotate(180deg);
  opacity:1;
}
.mobile-nav-children,
.mobile-nav-grandchildren{
  display:none;
}
.mobile-nav-group.is-open > .mobile-nav-children,
.mobile-nav-subgroup.is-open > .mobile-nav-grandchildren{
  display:grid;
}
.mobile-nav-group.is-open > .mobile-nav-children{
  gap:6px;
  margin:0 0 16px;
  padding:10px 0 14px 14px;
  border-top:0;
  border-bottom:0;
}
.mobile-nav-children > a,
.mobile-nav-subrow > a,
.mobile-nav-grandchildren a{
  color:rgba(236,226,206,.86);
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(1rem, 4.3vw, 1.12rem);
  font-weight:600;
  line-height:1.25;
  padding:10px 0;
}
.mobile-nav-children > a:hover,
.mobile-nav-subrow > a:hover,
.mobile-nav-grandchildren a:hover{
  color:#fff;
}
.mobile-nav-subrow{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.mobile-sub-toggle{
  width:36px;
  height:36px;
  border:1px solid rgba(239,229,208,.2);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:#eee5d2;
  cursor:pointer;
  display:grid;
  place-items:center;
  padding:0;
  flex:0 0 auto;
}
.mobile-nav-subgroup.is-open > .mobile-nav-grandchildren{
  gap:4px;
  margin:8px 0 2px;
  padding-left:10px;
}
.mobile-socials{
  width:min(100%,620px);
  margin:28px auto 0;
  padding:18px 0 max(6px, env(safe-area-inset-bottom));
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  border-top:1px solid rgba(239,229,208,.13);
}
.mobile-socials a{
  color:#e9ddc4;
  text-decoration:none;
  border:1px solid rgba(239,229,208,.16);
  border-radius:999px;
  padding:10px 16px;
  font:700 12px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(255,255,255,.04);
}
.mobile-socials a:hover{color:#fff;border-color:rgba(239,229,208,.3);background:rgba(255,255,255,.08)}

@media (max-width:900px){
  .mobile-overlay{padding:max(12px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));}
}
@media (max-width:620px){
  .mobile-links{margin:max(72px,calc(env(safe-area-inset-top) + 48px)) auto auto}
  .mobile-links > a,
  .mobile-nav-toggle{min-height:64px;font-size:clamp(1.95rem, 8.2vw, 2.6rem)}
  .mobile-nav-group.is-open > .mobile-nav-children{padding-left:10px}
  .mobile-socials{gap:10px}
  .mobile-socials a{padding:9px 13px;font-size:11px}
}


/* v55 — enriched about pages */
.about-rich{max-width:1180px}
.about-rich-hero{max-width:920px;margin:0 0 42px}
.about-rich-kicker{display:inline-block;margin:0 0 14px;padding:8px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#c8c2ae;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.about-rich .display{margin:0 0 18px;font-size:clamp(46px,5vw,72px)}
.about-rich-intro{max-width:880px;margin:0;color:#ebe7dd;font-size:clamp(22px,2vw,29px);line-height:1.42}
.about-rich-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:24px;align-items:start}
.about-panel{background:linear-gradient(180deg,rgba(19,22,21,.92),rgba(12,15,14,.92));border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:28px 30px;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.about-panel + .about-panel{margin-top:20px}
.about-panel h2,.about-panel h3{margin:0 0 16px;color:#f3ebd8;font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-weight:400;letter-spacing:.02em;line-height:1}
.about-panel h2{font-size:clamp(31px,3vw,44px)}
.about-panel h3{font-size:clamp(26px,2.2vw,34px)}
.about-panel p{margin:0 0 18px;color:#ddd8cb;font-size:18px;line-height:1.7}
.about-panel p:last-child{margin-bottom:0}
.about-panel strong{color:#fff5df}
.about-bullets,.about-feature-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.about-bullets li,.about-feature-list li{position:relative;padding-left:18px;color:#ddd8cb;font-size:17px;line-height:1.6}
.about-bullets li:before,.about-feature-list li:before{content:'•';position:absolute;left:0;top:0;color:#d5bf8b}
.about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0}
.about-fact{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.about-fact span{display:block;margin-bottom:5px;color:#a8a18f;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.about-fact strong{display:block;color:#f3ebd8;font:700 17px/1.35 Arial,Helvetica,sans-serif}
.about-quote{font-style:italic;color:#efe6cf !important;font-size:20px !important;line-height:1.6 !important}
.about-note{margin-top:18px;padding:16px 18px;border-left:3px solid rgba(213,191,139,.7);background:rgba(255,255,255,.03);border-radius:0 14px 14px 0}
@media (max-width:980px){.about-rich-grid{grid-template-columns:1fr}.about-rich-intro{font-size:21px}.about-panel{padding:24px 22px}.about-facts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.about-rich-kicker{font-size:10px}.about-rich .display{font-size:40px}.about-rich-intro{font-size:19px;line-height:1.5}.about-panel p{font-size:16px;line-height:1.65}.about-bullets li,.about-feature-list li{font-size:15px}.about-facts{grid-template-columns:1fr}.about-panel{border-radius:22px}}


/* v56 — simpler About pages */
.about-simple{max-width:1000px}
.about-simple .about-rich-hero{max-width:820px;margin-bottom:30px}
.about-simple .about-rich-intro{max-width:800px;font-size:clamp(20px,1.7vw,24px);line-height:1.45}
.about-simple .about-rich-grid{grid-template-columns:minmax(0,1fr) 280px;gap:22px}
.about-simple .about-panel{padding:24px 26px;border-radius:22px}
.about-simple .about-panel p{font-size:17px;line-height:1.65;margin-bottom:16px}
.about-simple .about-panel h2{font-size:34px}
.about-simple .about-panel h3{font-size:27px}
.about-simple .about-feature-list li{font-size:15px;line-height:1.5}
@media(max-width:860px){.about-simple .about-rich-grid{grid-template-columns:1fr}.about-simple .about-rich-intro{font-size:19px}}


/* v57 — simple text-only About pages */
.about-text-only{max-width:900px}
.about-text-only .display{margin:0 0 22px;font-size:clamp(48px,5vw,72px)}
.about-text-lead{margin:0 0 42px;max-width:840px;color:#eee9df;font-size:clamp(22px,2vw,28px);line-height:1.45}
.about-text-body{max-width:820px}
.about-text-body p{margin:0 0 26px;color:#d8d5cd;font-size:19px;line-height:1.72}
.about-text-body p:last-child{margin-bottom:0}
.about-text-body strong{color:#f5efe3}
@media(max-width:640px){
  .about-text-only .display{font-size:42px;margin-bottom:18px}
  .about-text-lead{font-size:19px;line-height:1.5;margin-bottom:32px}
  .about-text-body p{font-size:17px;line-height:1.65;margin-bottom:22px}
}

/* v59 — plain about pages */
.about-plain{max-width:860px}
.about-simple-title{margin:0 0 34px;color:#f1eee7;font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:clamp(34px,3.6vw,52px);font-weight:400;line-height:1;letter-spacing:.01em}
.about-plain .about-text-body{max-width:820px}
.about-plain .about-text-body p{font-size:18px;line-height:1.75;margin-bottom:24px}
@media(max-width:620px){.about-simple-title{font-size:34px;margin-bottom:26px}.about-plain .about-text-body p{font-size:16.5px;line-height:1.68;margin-bottom:20px}}

/* v64 — Patreon about page */
.patreon-page-button{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:13px 20px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#f1eee7;text-decoration:none;font:700 13px/1 Arial,Helvetica,sans-serif;letter-spacing:.04em;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.patreon-page-button:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.28);transform:translateY(-1px)}

/* v65 — simple contact links */
.contact-simple-links{margin:6px 0 0;padding-left:20px;display:grid;gap:10px}
.contact-simple-links li{font-size:18px;line-height:1.5}
.contact-simple-links a{color:#f1eee7;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.contact-simple-links a:hover{color:#fff}
@media(max-width:620px){.contact-simple-links li{font-size:16.5px}}

/* v66 — FAQ plain text layout */
.faq-plain .faq-question{margin:42px 0 14px;color:#f1eee7;font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:clamp(25px,2.2vw,34px);font-weight:400;line-height:1.12;letter-spacing:.01em}
.faq-plain .faq-question:first-child{margin-top:0}
.faq-plain p{margin-bottom:18px}
@media(max-width:620px){.faq-plain .faq-question{margin-top:34px;font-size:26px}}


/* v69 — privacy policy text layout */
.policy-plain .policy-updated{color:#98958c;font-size:14px;margin-top:-10px;margin-bottom:30px}
.policy-plain .policy-heading{margin:40px 0 12px;color:#f1eee7;font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:clamp(24px,2.1vw,32px);font-weight:400;line-height:1.12;letter-spacing:.01em}
.policy-plain .policy-heading:first-of-type{margin-top:32px}
.policy-plain a{color:#eee5d2;text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.policy-plain .policy-heading{margin-top:32px;font-size:25px}.policy-plain .policy-updated{font-size:13px;margin-bottom:24px}}

/* v73 — newspaper-style News archive */
.news-masthead{max-width:1100px;margin-bottom:34px}
.news-masthead .display{margin-bottom:20px}
.news-masthead-rule{display:flex;justify-content:space-between;gap:24px;padding:10px 0 9px;border-top:1px solid rgba(238,233,223,.72);border-bottom:1px solid rgba(238,233,223,.32);color:#bdb6aa;font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.news-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));gap:30px;max-width:1100px;margin:0 0 76px;padding:0 0 44px;border-bottom:1px solid rgba(255,255,255,.14)}
.news-preview{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;background:rgba(10,10,10,.56);border:1px solid rgba(233,226,211,.16);box-shadow:0 18px 40px rgba(0,0,0,.24);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.news-preview:hover{transform:translateY(-4px);box-shadow:0 24px 46px rgba(0,0,0,.3);border-color:rgba(255,255,255,.28)}
.news-preview-image{position:relative;aspect-ratio:1/1;overflow:hidden;background:#130d0f;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.news-preview-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.09);pointer-events:none}
.news-preview-image:before{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.58) 42%,rgba(0,0,0,0));pointer-events:none;z-index:1}
.news-preview-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.01)}
.news-preview-overlay{position:absolute;left:0;right:0;bottom:0;padding:22px 22px 20px;z-index:2}
.news-preview-kicker{display:inline-block;margin:0 0 10px;padding:5px 9px;border:1px solid rgba(241,237,228,.34);background:rgba(12,12,12,.38);color:#f4ecdd;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.news-preview-overlay h2{margin:0;color:#fbf6ec;font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:700;line-height:1.04;letter-spacing:-.018em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.news-preview-copy{display:flex;flex:1;flex-direction:column;gap:0;padding:18px 22px 22px;background:linear-gradient(180deg,rgba(29,25,22,.92),rgba(17,15,14,.94))}
.news-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid rgba(232,223,208,.18)}
.news-preview-copy time{display:block;color:#bcb19d;font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.news-preview-copy p{margin:0 0 16px;color:#d6cec1;font:16px/1.62 Georgia,'Times New Roman',serif}
.news-preview-read{margin-top:auto;color:#ede6d9;font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.news-articles{max-width:950px}
.news-articles .newsitem{scroll-margin-top:100px}
.news-articles .newsitem>time{display:block;margin-bottom:8px;color:#aaa397;font:700 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.news-articles .newsitem h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,50px);font-weight:700;letter-spacing:-.02em}
.news-articles .newsitem p{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.62;color:#d8d3ca}
@media(max-width:700px){
  .news-masthead-rule{display:block}.news-masthead-rule span+span{display:block;margin-top:5px}
  .news-index{grid-template-columns:1fr;gap:25px;margin-bottom:54px;padding-bottom:34px}
  .news-preview-overlay h2{font-size:25px}.news-preview-copy p{font-size:15.5px}.news-preview-copy{padding:16px 18px 18px}.news-preview-overlay{padding:18px 18px 16px}
  .news-articles .newsitem p{font-size:17px;line-height:1.58}
}

/* v77 Articles archive */
.article-index{max-width:1100px;margin:0 0 76px;padding:0 0 44px;border-bottom:1px solid rgba(255,255,255,.14)}
.article-preview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:28px;color:inherit;text-decoration:none;border-top:4px solid #e7dfd0;padding-top:13px;transition:transform .18s ease,border-color .18s ease}
.article-preview:hover{transform:translateY(-3px);border-top-color:#fff}
.article-preview-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#130d0f;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.article-preview-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.09);pointer-events:none}
.article-preview-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.article-preview-copy{align-self:center}
.article-preview-copy time{display:block;margin-bottom:9px;color:#a9a295;font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.article-preview-copy h2{margin:0 0 11px;color:#f1ede4;font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:700;line-height:1.08;letter-spacing:-.015em}
.article-preview-copy p{margin:0 0 14px;color:#cfc9bd;font:16px/1.55 Georgia,'Times New Roman',serif}
.article-entries{max-width:950px}
@media(max-width:760px){.article-index{margin-bottom:54px;padding-bottom:34px}.article-preview{grid-template-columns:1fr;gap:18px}.article-preview-copy h2{font-size:25px}.article-preview-copy p{font-size:15.5px}}


/* v79 — editorial archive navigation and standalone article pages */
/* Shared detail template: News and Article text, header and hero always use the same content width. */
.editorial-tools{max-width:1100px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 34px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.editorial-search{flex:1;max-width:430px}.editorial-search input{width:100%;height:44px;border:1px solid rgba(255,255,255,.26);background:rgba(5,8,7,.5);color:#f0ece4;padding:0 15px;font:15px/1 Arial,Helvetica,sans-serif;outline:none}.editorial-search input:focus{border-color:#eee7db;box-shadow:0 0 0 1px rgba(238,231,219,.25)}.editorial-search input::placeholder{color:#989287}
.editorial-categories{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.editorial-categories button{appearance:none;border:1px solid rgba(255,255,255,.22);background:transparent;color:#bbb4a8;padding:9px 13px;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.editorial-categories button:hover,.editorial-categories button.is-active{background:#e8e1d4;color:#111;border-color:#e8e1d4}
.editorial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;max-width:1100px;margin:0}.editorial-grid .news-preview{height:100%}.editorial-grid .news-preview-copy{align-items:flex-start;height:auto}.editorial-grid .news-preview-copy p{flex:1}.editorial-card[hidden]{display:none!important}.editorial-category-label{display:block;margin:0;color:#b8b0a3;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase}.editorial-empty{max-width:1100px;padding:28px 0;color:#aaa397;font:16px/1.5 Georgia,'Times New Roman',serif;border-top:1px solid rgba(255,255,255,.14)}
.editorial-article{--editorial-width:920px;max-width:var(--editorial-width);margin:0 auto}.editorial-back{display:inline-block;margin:0 0 30px;color:#c9c2b6;text-decoration:none;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}.editorial-back:hover{color:#fff}.editorial-article-header{width:100%;max-width:none;margin-bottom:28px}.editorial-article-header time{display:block;margin:8px 0 12px;color:#a9a295;font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase}.editorial-article-header h1{margin:0 0 16px;color:#f1ede4;font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,6vw,72px);font-weight:700;line-height:1.02;letter-spacing:-.025em}.editorial-deck{width:100%;max-width:none;margin:0;color:#cfc9bd;font:20px/1.5 Georgia,'Times New Roman',serif}.editorial-hero{width:100%;margin:30px 0 40px;aspect-ratio:16/9;overflow:hidden;background:#130d0f}.editorial-hero img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.editorial-body{width:100%;max-width:none}.editorial-body p{width:100%;margin:0 0 22px;color:#d8d3ca;font:19px/1.68 Georgia,'Times New Roman',serif}.editorial-body strong{color:#f1ede4}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.editorial-tools{align-items:stretch;flex-direction:column}.editorial-search{max-width:none}.editorial-categories{justify-content:flex-start}.editorial-grid{grid-template-columns:1fr;gap:25px}.editorial-article-header h1{font-size:40px}.editorial-deck{font-size:18px}.editorial-body p{font-size:17px;line-height:1.6}.editorial-hero{margin:24px 0 32px}}

/* PLAY ONLINE — v82 */
.online-page-shell{max-width:1180px;margin:0 auto}.online-page-intro{max-width:760px;margin-bottom:24px}.online-access-card,.online-lobby-card{border:1px solid rgba(255,255,255,.12);background:rgba(7,15,13,.76);backdrop-filter:blur(12px);border-radius:18px;padding:clamp(20px,4vw,38px)}.online-access-card{max-width:720px}.online-access-card h2,.online-lobby-card h2{margin:.2em 0 .35em}.online-access-card p,.online-lobby-card p{color:var(--muted,#b5c3ba)}.online-access-actions,.online-match-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.online-primary-action,.online-secondary-action{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:10px;padding:0 18px;font-weight:850;text-decoration:none;cursor:pointer}.online-primary-action{border:1px solid rgba(170,255,216,.42);background:rgba(52,124,93,.34);color:#ecfff5}.online-secondary-action{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055);color:#f0f4f1}.online-primary-action:disabled,.online-secondary-action:disabled{opacity:.5;cursor:wait}.online-profile-strip{display:flex;align-items:center;gap:13px;padding:12px 14px;margin-bottom:22px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}.online-profile-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.online-profile-fallback{display:grid;width:52px;height:52px;border-radius:50%;place-items:center;background:rgba(255,255,255,.08);font-weight:900}.online-profile-strip small{display:block;color:var(--muted,#aebdb3);margin-bottom:2px}.online-profile-strip strong{font-size:1.05rem}.online-lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.online-lobby-panel{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}.online-lobby-panel h3{margin-top:0}.online-code-form{display:flex;gap:9px;align-items:stretch}.online-code-form input,.online-invite-row input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.14);background:#09110f;color:#fff;border-radius:9px;padding:0 13px;font-size:16px}.online-code-form input{text-transform:uppercase;letter-spacing:.16em;font-weight:900}.online-page-message{margin-top:14px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.055);color:#e6eee9}.online-page-message.error{border:1px solid rgba(255,110,110,.35);color:#ffd0d0}.online-match-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:15px 16px;margin-bottom:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(7,15,13,.84)}.online-room-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.online-room-title strong{font:900 1.25rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.online-room-meta{display:flex;gap:10px 18px;flex-wrap:wrap;color:var(--muted,#b5c3ba);font-size:.92rem}.online-invite-row{display:flex;gap:8px;min-width:min(100%,430px)}.online-invite-row input{min-height:43px}.online-game-wrap{border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#07100e}.online-game-frame{display:block;width:100%;height:1120px;border:0;background:#07100e}.online-security-note{margin-top:12px;color:var(--muted,#aebdb3);font-size:.88rem}.online-security-note strong{color:#d9e7df}@media(max-width:760px){.online-lobby-grid{grid-template-columns:1fr}.online-code-form,.online-invite-row{flex-direction:column}.online-code-form input,.online-invite-row input{min-height:46px}.online-game-frame{height:980px}.online-match-toolbar{align-items:stretch}.online-match-actions{width:100%}.online-match-actions>*{flex:1}}


/* === v91 Nekthar archive === */
.nekthar-types-page .section,.nekthar-type-detail .section{position:relative}
.nekthar-index-hero{overflow:hidden;padding-bottom:72px}
.nekthar-index-hero:before,.nekthar-detail-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.06),transparent 31%),linear-gradient(180deg,rgba(3,8,8,.16),rgba(3,5,5,.64));pointer-events:none}
.nekthar-index-heading{position:relative;z-index:1;max-width:760px;margin:0 auto 20px;text-align:center}
.nekthar-index-heading .lead{max-width:700px;margin-left:auto;margin-right:auto}
.nekthar-wheel-shell{position:relative;width:min(760px,86vw);aspect-ratio:1/1;margin:12px auto 8px;isolation:isolate}
.nekthar-wheel-ring{position:absolute;inset:18%;border:1px solid rgba(236,229,215,.24);border-radius:50%;box-shadow:0 0 0 14px rgba(255,255,255,.015),inset 0 0 70px rgba(0,0,0,.58)}
.nekthar-wheel-ring:before,.nekthar-wheel-ring:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(236,229,215,.10);border-radius:50%}
.nekthar-wheel-ring:after{inset:26%;border-style:solid;border-color:rgba(236,229,215,.08)}
.nekthar-wheel-node{--node-size:110px;position:absolute;left:50%;top:50%;width:var(--node-size);height:var(--node-size);transform:translate(-50%,-50%);z-index:4;color:#f4efe5;text-decoration:none;text-align:center;transition:transform .2s ease,filter .2s ease}
.nekthar-wheel-node:hover,.nekthar-wheel-node:focus-visible{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 0 18px var(--nekthar-accent));outline:none}
.nekthar-wheel-icon{display:grid;place-items:center;width:100%;height:100%;border:1px solid color-mix(in srgb,var(--nekthar-accent) 58%,#fff 10%);border-radius:50%;background:radial-gradient(circle at 45% 35%,rgba(255,255,255,.15),rgba(7,8,9,.92) 68%);box-shadow:0 12px 28px rgba(0,0,0,.45),inset 0 0 24px color-mix(in srgb,var(--nekthar-accent) 18%,transparent)}
.nekthar-wheel-icon img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.45))}
.nekthar-wheel-name{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(5,6,6,.72);font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d8d1c5}
.nekthar-node-top{left:50%;top:9%}.nekthar-node-upper-right{left:79%;top:27%}.nekthar-node-lower-right{left:88%;top:57%}.nekthar-node-bottom-right{left:70%;top:84%}.nekthar-node-bottom-left{left:30%;top:84%}.nekthar-node-lower-left{left:12%;top:57%}.nekthar-node-upper-left{left:21%;top:27%}
.nekthar-wheel-center{position:absolute;left:50%;top:51%;width:31%;aspect-ratio:1/1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;border:1px solid rgba(239,233,222,.18);border-radius:50%;background:radial-gradient(circle,rgba(16,21,21,.94),rgba(5,8,8,.98));box-shadow:0 22px 55px rgba(0,0,0,.48),0 0 45px color-mix(in srgb,var(--active-nekthar-accent,#fff) 15%,transparent);z-index:2;text-align:center;transition:box-shadow .2s ease}
.nekthar-wheel-mark{width:76%;height:auto;opacity:.82;margin-bottom:5px}
.nekthar-wheel-center-kicker{font:700 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9f998e}
.nekthar-wheel-center strong{font:700 clamp(22px,3vw,34px)/1 Georgia,'Times New Roman',serif;color:#f3eee5}
.nekthar-wheel-center span:last-child{max-width:190px;font:12px/1.4 Georgia,'Times New Roman',serif;color:#bdb6aa}
.nekthar-wheel-order-note{position:relative;z-index:1;margin:6px auto 0;text-align:center;color:#8f897f;font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.06em}
.nekthar-index-actions{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:18px;margin-top:28px}
.nekthar-index-ledger{padding-top:58px;border-top:1px solid rgba(255,255,255,.07)}
.nekthar-ledger-head{max-width:760px;margin-bottom:28px}.nekthar-ledger-head h2{margin:7px 0 12px;font:700 clamp(30px,4vw,47px)/1.04 Georgia,'Times New Roman',serif;color:#f1ece2}.nekthar-ledger-head p{max-width:690px;color:#c6bfb4;font:17px/1.6 Georgia,'Times New Roman',serif}
.nekthar-ledger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:980px}
.nekthar-ledger-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:13px 16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,color-mix(in srgb,var(--nekthar-accent) 11%,rgba(11,13,13,.76)),rgba(11,13,13,.76));color:#f0ebe2;text-decoration:none;transition:transform .16s ease,border-color .16s ease}
.nekthar-ledger-row:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--nekthar-accent) 58%,#fff 8%)}.nekthar-ledger-row img{width:48px;height:48px;object-fit:contain}.nekthar-ledger-row strong{display:block;font:700 20px/1.1 Georgia,'Times New Roman',serif}.nekthar-ledger-row small{display:block;margin-top:4px;color:#a9a297;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}.nekthar-ledger-row b{font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#bfb8ac}

.nekthar-detail-hero{overflow:hidden;padding-bottom:48px}.nekthar-detail-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:calc(50% - 260px);top:-300px;background:radial-gradient(circle,color-mix(in srgb,var(--nekthar-accent) 18%,transparent),transparent 66%);pointer-events:none}.nekthar-back-link{position:relative;z-index:2;display:inline-block;margin-bottom:28px;color:#bdb5a8;text-decoration:none;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}.nekthar-back-link:hover{color:#fff}
.nekthar-detail-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:58px;align-items:center;max-width:1040px}.nekthar-detail-symbol{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(7,8,9,.82) 60%,rgba(7,8,9,.98));box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 50px color-mix(in srgb,var(--nekthar-accent) 19%,transparent)}.nekthar-detail-symbol:before,.nekthar-symbol-orbit{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid color-mix(in srgb,var(--nekthar-accent) 45%,transparent)}.nekthar-symbol-orbit{inset:18%;border-style:dashed;opacity:.55}.nekthar-detail-symbol img{position:relative;width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.42))}.nekthar-detail-intro h1{margin:4px 0 4px;font:700 clamp(54px,7vw,88px)/.94 Georgia,'Times New Roman',serif;color:#f4efe6;letter-spacing:-.035em}.nekthar-detail-tag{margin:0 0 20px;color:var(--nekthar-accent);font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase}.nekthar-detail-intro blockquote{margin:0 0 18px;padding:0;border:0;color:#f0e9dd;font:italic 700 clamp(23px,3vw,34px)/1.22 Georgia,'Times New Roman',serif}.nekthar-detail-intro>p:last-child{max-width:690px;margin:0;color:#c8c1b5;font:17px/1.65 Georgia,'Times New Roman',serif}
.nekthar-mini-nav{position:relative;z-index:2;display:flex;gap:9px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09)}.nekthar-mini-link{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:rgba(5,7,7,.55);opacity:.62;transition:opacity .15s ease,transform .15s ease,border-color .15s ease}.nekthar-mini-link:hover,.nekthar-mini-link.is-active{opacity:1;transform:translateY(-2px);border-color:color-mix(in srgb,var(--mini-accent) 62%,#fff 8%)}.nekthar-mini-link img{width:34px;height:34px;object-fit:contain}
.nekthar-detail-body{padding-top:58px}.nekthar-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1040px;width:100%}.nekthar-feature{min-width:0;width:100%;max-width:100%;padding:28px 30px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,color-mix(in srgb,var(--nekthar-accent) 8%,rgba(14,15,15,.76)),rgba(9,10,10,.82));box-shadow:0 20px 42px rgba(0,0,0,.16)}.nekthar-label{display:block;margin-bottom:9px;color:var(--nekthar-accent);font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase}.nekthar-feature h2,.nekthar-section-heading h2{margin:0 0 13px;color:#f0ebe2;font:700 28px/1.08 Georgia,'Times New Roman',serif}.nekthar-feature p{margin:0;color:#c8c1b5;font:16px/1.65 Georgia,'Times New Roman',serif}.nekthar-ingredient-list{display:flex;flex-wrap:wrap;gap:8px;margin:3px 0 15px}.nekthar-ingredient-list span{padding:9px 11px;border:1px solid color-mix(in srgb,var(--nekthar-accent) 36%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--nekthar-accent) 8%,rgba(4,5,5,.6));color:#e4ddd2;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase}.nekthar-ingredient-list .is-unknown{letter-spacing:.18em}.nekthar-formula-note{font-size:14px!important;color:#aaa398!important}
.nekthar-capital-section,.nekthar-kravers-section{max-width:1040px;margin-top:54px}.nekthar-section-heading{margin-bottom:18px}.nekthar-capital-card{display:grid;grid-template-columns:minmax(260px,430px) 1fr;gap:30px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(110deg,color-mix(in srgb,var(--nekthar-accent) 12%,rgba(12,13,13,.88)),rgba(10,11,11,.74));text-decoration:none;color:inherit;transition:transform .17s ease,border-color .17s ease}.nekthar-capital-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--nekthar-accent) 55%,#fff 8%)}.nekthar-capital-image{overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#080909}.nekthar-capital-image img{display:block;width:100%;height:auto}.nekthar-capital-card h3{margin:0 0 8px;color:#f2ece2;font:700 31px/1 Georgia,'Times New Roman',serif}.nekthar-capital-card p{margin:0 0 13px;color:#c4bdb1;font:16px/1.55 Georgia,'Times New Roman',serif}.nekthar-capital-card b{color:#ddd5c8;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.nekthar-unknown-panel,.nekthar-unknown-kravers{padding:34px;border:1px dashed color-mix(in srgb,var(--nekthar-accent) 45%,rgba(255,255,255,.14));background:linear-gradient(110deg,color-mix(in srgb,var(--nekthar-accent) 7%,rgba(8,9,9,.86)),rgba(8,9,9,.76));text-align:center}.nekthar-unknown-panel strong,.nekthar-unknown-kravers strong{display:block;margin:2px 0 10px;color:#e9e4da;font:700 clamp(32px,4vw,52px)/1 Georgia,'Times New Roman',serif;letter-spacing:.12em}.nekthar-unknown-panel p,.nekthar-unknown-kravers p{max-width:650px;margin:0 auto;color:#bcb5aa;font:16px/1.6 Georgia,'Times New Roman',serif}
.nekthar-kraver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.nekthar-kraver-card{display:block;border:1px solid rgba(255,255,255,.10);background:rgba(9,10,10,.78);overflow:hidden;color:inherit;text-decoration:none;transition:transform .17s ease,border-color .17s ease}.nekthar-kraver-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--nekthar-accent) 55%,#fff 8%)}.nekthar-kraver-card img{display:block;width:100%;height:auto}.nekthar-kraver-card div{padding:15px 16px 18px}.nekthar-kraver-card strong{display:block;color:#f0eae0;font:700 20px/1.08 Georgia,'Times New Roman',serif}.nekthar-kraver-card span{display:block;margin-top:7px;color:#afa89d;font:14px/1.5 Georgia,'Times New Roman',serif}
.nekthar-bottom-grid{margin-top:54px}.nekthar-echoes ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.nekthar-echoes li{padding:11px 0;border-top:1px solid rgba(255,255,255,.08)}.nekthar-echoes li:first-child{border-top:0}.nekthar-echoes li strong{display:block;color:#eee8de;font:700 17px/1.2 Georgia,'Times New Roman',serif}.nekthar-echoes li span{display:block;margin-top:4px;color:#aaa398;font:13px/1.45 Arial,Helvetica,sans-serif}.nekthar-echo-disclaimer{margin-top:18px!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font:11px/1.5 Arial,Helvetica,sans-serif!important;color:#858078!important}.nekthar-detail-actions{display:flex;align-items:center;gap:18px;margin-top:44px;max-width:1040px}
@media(max-width:860px){.nekthar-wheel-shell{width:min(660px,92vw)}.nekthar-wheel-node{--node-size:92px}.nekthar-wheel-center{width:34%;padding:18px}.nekthar-detail-hero-grid{grid-template-columns:230px 1fr;gap:34px}.nekthar-feature-grid{grid-template-columns:minmax(0,1fr)}.nekthar-capital-card{grid-template-columns:1fr}.nekthar-capital-image{max-width:560px}.nekthar-kraver-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.nekthar-index-hero{padding-bottom:46px}.nekthar-wheel-shell{width:94vw;margin-left:50%;transform:translateX(-50%)}.nekthar-wheel-node{--node-size:66px}.nekthar-wheel-name{font-size:8px;margin-top:5px;padding:3px 5px}.nekthar-wheel-center{width:35%;padding:10px}.nekthar-wheel-mark{width:68%}.nekthar-wheel-center-kicker{font-size:7px}.nekthar-wheel-center strong{font-size:19px}.nekthar-wheel-center span:last-child{display:none}.nekthar-ledger-grid{grid-template-columns:1fr}.nekthar-index-actions,.nekthar-detail-actions{flex-direction:column;align-items:flex-start}.nekthar-detail-hero-grid{grid-template-columns:1fr;gap:26px}.nekthar-detail-symbol{width:min(250px,70vw);margin:0 auto}.nekthar-detail-intro{text-align:center}.nekthar-detail-intro>p:last-child{font-size:16px}.nekthar-mini-nav{justify-content:center;flex-wrap:wrap}.nekthar-feature{padding:23px 21px}.nekthar-kraver-grid{grid-template-columns:1fr}.nekthar-kraver-card{display:grid;grid-template-columns:120px 1fr;align-items:center}.nekthar-kraver-card img{height:100%;object-fit:cover}.nekthar-capital-card{padding:14px}.nekthar-capital-card h3{font-size:27px}.nekthar-unknown-panel,.nekthar-unknown-kravers{padding:26px 20px}}


/* === v92 Nekthar convergences === */
.nekthar-wheel-legend{position:relative;z-index:2;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:4px auto 12px;color:#aaa397;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}.nekthar-wheel-legend span{display:inline-flex;align-items:center;gap:7px}.nekthar-wheel-legend i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 8px rgba(255,255,255,.08)}.nekthar-wheel-legend .is-mono{width:17px;height:17px;background:#171919}.nekthar-wheel-legend .is-dual{background:linear-gradient(135deg,#e08b32 0 48%,#55a9d7 52% 100%)}
.nekthar-wheel-shell{width:min(920px,94vw);margin-top:5px}.nekthar-dual-orbit-ring{position:absolute;inset:3.5%;border:1px solid rgba(236,229,215,.13);border-radius:50%;box-shadow:0 0 60px rgba(0,0,0,.26),inset 0 0 50px rgba(255,255,255,.012);z-index:0}.nekthar-dual-orbit-ring:before{content:"21";position:absolute;left:50%;top:-8px;transform:translate(-50%,-50%);padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080a0a;color:#8f897f;font:700 8px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em}
.nekthar-dual-orbit-node{position:absolute;width:48px;height:48px;transform:translate(-50%,-50%);z-index:5;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--dual-a) 24%,#090a0a),color-mix(in srgb,var(--dual-b) 24%,#090a0a));box-shadow:0 8px 20px rgba(0,0,0,.36),inset 0 0 14px rgba(255,255,255,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.nekthar-dual-orbit-node:hover,.nekthar-dual-orbit-node:focus-visible{transform:translate(-50%,-50%) scale(1.18);z-index:8;outline:none;border-color:rgba(255,255,255,.58);box-shadow:0 10px 24px rgba(0,0,0,.5),0 0 20px color-mix(in srgb,var(--dual-a) 25%,var(--dual-b))}.nekthar-dual-orbit-icons{display:flex;align-items:center;justify-content:center}.nekthar-dual-orbit-icons img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.nekthar-dual-orbit-icons img+img{margin-left:-8px}
.nekthar-wheel-center-symbols{display:flex;align-items:center;justify-content:center;min-height:58px}.nekthar-wheel-center-dual-icon{width:50px;height:50px;object-fit:contain}.nekthar-wheel-center-plus{margin:0 -5px;color:#c9c0b3;font:700 20px/1 Georgia,'Times New Roman',serif;z-index:2;text-shadow:0 2px 6px #000}.nekthar-wheel-center .nekthar-wheel-mark{width:170px;max-width:86%}
.nekthar-convergence-index{padding-top:64px;border-top:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(4,7,7,.28),rgba(4,6,6,.5))}.nekthar-dual-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.nekthar-dual-filters button{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(9,11,11,.7);color:#afa89c;padding:9px 12px;border-radius:999px;cursor:pointer;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}.nekthar-dual-filters button:hover,.nekthar-dual-filters button.is-active{border-color:rgba(255,255,255,.35);background:#e8e1d5;color:#151515}.nekthar-convergence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1120px}.nekthar-convergence-card{position:relative;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;min-height:92px;padding:14px 15px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(110deg,color-mix(in srgb,var(--dual-a) 9%,rgba(10,11,11,.88)),color-mix(in srgb,var(--dual-b) 8%,rgba(8,9,9,.86)));text-decoration:none;color:inherit;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.nekthar-convergence-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--dual-a),var(--dual-b));opacity:.75}.nekthar-convergence-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.26);box-shadow:0 16px 30px rgba(0,0,0,.22)}.nekthar-dual-icons{display:flex;align-items:center;justify-content:center}.nekthar-dual-icons img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.42))}.nekthar-dual-icons img+img{margin-left:-18px}.nekthar-convergence-copy small{display:block;color:#928b80;font:700 8px/1 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase}.nekthar-convergence-copy strong{display:block;margin-top:5px;color:#f0eae0;font:700 18px/1.06 Georgia,'Times New Roman',serif}.nekthar-convergence-card>b{color:#a69f94;font:700 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.07em;text-transform:uppercase}.nekthar-dual-note{max-width:800px;margin:22px 0 0;color:#918b81;font:13px/1.5 Arial,Helvetica,sans-serif}
.nekthar-mono-convergences{max-width:1040px;margin-top:54px;padding-top:3px}.nekthar-mono-convergences .nekthar-convergence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nekthar-convergence-card.is-compact{min-height:80px}.nekthar-convergence-card.is-compact .nekthar-dual-icons img{width:37px;height:37px}.nekthar-convergence-card.is-compact .nekthar-convergence-copy strong{font-size:17px}
.nekthar-dual-detail{--nekthar-accent:var(--dual-a)}.nekthar-dual-hero{overflow:hidden;padding-bottom:48px}.nekthar-dual-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 38% 36%,color-mix(in srgb,var(--dual-a) 12%,transparent),transparent 32%),radial-gradient(circle at 63% 38%,color-mix(in srgb,var(--dual-b) 12%,transparent),transparent 32%),linear-gradient(180deg,rgba(3,8,8,.16),rgba(3,5,5,.68));pointer-events:none}.nekthar-dual-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(230px,360px) minmax(0,1fr);gap:58px;align-items:center;max-width:1060px}.nekthar-dual-symbol{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:radial-gradient(circle at 32% 35%,color-mix(in srgb,var(--dual-a) 13%,transparent),transparent 43%),radial-gradient(circle at 68% 65%,color-mix(in srgb,var(--dual-b) 13%,transparent),transparent 45%),rgba(7,8,9,.94);box-shadow:0 30px 70px rgba(0,0,0,.45)}.nekthar-dual-symbol:before,.nekthar-dual-symbol:after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.12);border-radius:50%}.nekthar-dual-symbol:after{inset:19%;border-style:dashed;opacity:.55}.nekthar-dual-symbol a{position:relative;z-index:2;display:grid;place-items:center;width:48%;height:48%;transition:transform .17s ease}.nekthar-dual-symbol a:hover{transform:scale(1.08)}.nekthar-dual-symbol img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 15px rgba(0,0,0,.5))}.nekthar-dual-symbol .nekthar-dual-hero-plus{position:relative;z-index:3;margin:0 -7px;color:#f1eadd;font:700 36px/1 Georgia,'Times New Roman',serif;text-shadow:0 3px 10px #000}.nekthar-dual-intro h1{margin:4px 0 4px;font:700 clamp(45px,6.2vw,76px)/.95 Georgia,'Times New Roman',serif;color:#f4efe6;letter-spacing:-.035em}.nekthar-dual-intro h1 span{opacity:.55}.nekthar-dual-intro blockquote{margin:0 0 18px;padding:0;border:0;color:#f0e9dd;font:italic 700 clamp(22px,3vw,32px)/1.22 Georgia,'Times New Roman',serif}.nekthar-dual-intro>p:last-child{max-width:700px;margin:0;color:#c8c1b5;font:17px/1.65 Georgia,'Times New Roman',serif}.nekthar-dual-parent-links{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09)}.nekthar-dual-parent-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);background:rgba(4,6,6,.48);color:#d5cec2;text-decoration:none;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}.nekthar-dual-parent-links img{width:24px;height:24px;object-fit:contain}.nekthar-dual-parent-links a:hover{border-color:rgba(255,255,255,.3)}
.nekthar-dual-body{padding-top:32px}.nekthar-dual-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1060px;width:100%}.nekthar-dual-feature{min-width:0;width:100%;max-width:100%;padding:27px 29px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,color-mix(in srgb,var(--feature-color,var(--dual-a)) 8%,rgba(14,15,15,.8)),rgba(9,10,10,.84));box-shadow:0 20px 42px rgba(0,0,0,.15)}.nekthar-dual-feature h2{margin:0 0 12px;color:#f0ebe2;font:700 27px/1.08 Georgia,'Times New Roman',serif}.nekthar-dual-feature p{margin:0;color:#c8c1b5;font:16px/1.65 Georgia,'Times New Roman',serif}.nekthar-dual-feature .nekthar-label{color:var(--feature-color,var(--dual-a))}.nekthar-dual-core{grid-column:1/-1;background:linear-gradient(120deg,color-mix(in srgb,var(--dual-a) 8%,rgba(14,15,15,.8)),color-mix(in srgb,var(--dual-b) 8%,rgba(9,10,10,.84)))}.nekthar-dual-echoes{max-width:1060px;margin-top:50px}.nekthar-dual-people{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nekthar-dual-person{padding:20px;border:1px solid rgba(255,255,255,.1);background:rgba(9,10,10,.78)}.nekthar-dual-person strong{display:block;color:#eee8de;font:700 20px/1.15 Georgia,'Times New Roman',serif}.nekthar-dual-person span{display:block;margin-top:8px;color:#aaa398;font:13px/1.5 Arial,Helvetica,sans-serif}.nekthar-related-convergences{max-width:1060px;margin-top:50px}.nekthar-related-convergences .nekthar-convergence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:920px){.nekthar-convergence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nekthar-dual-orbit-node{width:42px;height:42px}.nekthar-dual-orbit-icons img{width:22px;height:22px}.nekthar-wheel-node{--node-size:92px}.nekthar-dual-hero-grid{grid-template-columns:240px 1fr;gap:34px}}
@media(max-width:640px){.nekthar-wheel-shell{width:94vw}.nekthar-dual-orbit-node,.nekthar-dual-orbit-ring{display:none}.nekthar-wheel-legend .is-dual{opacity:.75}.nekthar-wheel-order-note{max-width:330px}.nekthar-convergence-grid,.nekthar-mono-convergences .nekthar-convergence-grid,.nekthar-related-convergences .nekthar-convergence-grid{grid-template-columns:1fr}.nekthar-convergence-card{grid-template-columns:56px 1fr auto;min-height:82px}.nekthar-dual-icons img{width:39px;height:39px}.nekthar-dual-hero-grid{grid-template-columns:1fr;gap:26px}.nekthar-dual-symbol{width:min(250px,70vw);margin:0 auto}.nekthar-dual-intro{text-align:center}.nekthar-dual-parent-links{justify-content:center}.nekthar-dual-feature-grid{grid-template-columns:1fr}.nekthar-dual-core{grid-column:auto}.nekthar-dual-people{grid-template-columns:1fr}.nekthar-dual-feature{padding:23px 21px}}

/* v93 — community distribution + portrait medallions */
.nekthar-wheel-center{padding:28px}
.nekthar-wheel-center .nekthar-wheel-mark{width:78%;max-width:190px;margin:0;opacity:.9}
.nekthar-community-note{max-width:760px;margin:10px 0 0;color:#807a72;font:11px/1.5 Arial,Helvetica,sans-serif}
.nekthar-ledger-row>b,.nekthar-convergence-card>b{display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}
.nekthar-community-stat{display:inline-flex;align-items:baseline;gap:7px;width:max-content;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(5,7,7,.58);color:#e9e2d7;line-height:1}
.nekthar-community-stat strong{font:700 17px/1 Georgia,'Times New Roman',serif;color:#f5eee3}
.nekthar-community-stat small{font:700 8px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8f897f}
.nekthar-community-stat.is-compact{padding:5px 8px;gap:5px}
.nekthar-community-stat.is-compact strong{font-size:13px}
.nekthar-community-stat.is-compact small{font-size:7px}
.nekthar-community-detail{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:13px 0 17px}
.nekthar-community-detail>span:last-child{color:#8f897f;font:700 9px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.nekthar-person-row{display:grid!important;grid-template-columns:58px 1fr;align-items:center;gap:13px;padding:11px 0!important}
.nekthar-person-photo{display:grid!important;place-items:center;width:54px;height:54px;min-width:54px;margin:0!important;border:1px solid rgba(255,255,255,.18);border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.1),rgba(8,10,10,.94));box-shadow:0 7px 18px rgba(0,0,0,.28);color:#bcb4a8!important;text-decoration:none;font:700 14px/1 Arial,Helvetica,sans-serif;letter-spacing:.05em}
.nekthar-person-photo:hover{border-color:rgba(255,255,255,.42);transform:scale(1.04)}
.nekthar-person-photo span{display:block!important;margin:0!important;color:inherit!important;font:inherit!important}
.nekthar-person-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(.82) contrast(1.02)}
.nekthar-person-copy{display:block!important;margin:0!important;min-width:0}
.nekthar-person-copy>span{margin-top:4px!important}
.nekthar-dual-person{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:14px;padding:17px 18px}
.nekthar-dual-person .nekthar-person-photo{width:60px;height:60px;min-width:60px}
.nekthar-dual-person .nekthar-person-copy>span{margin-top:6px}
@media(max-width:760px){
  .nekthar-community-stat.is-compact small{display:none}
  .nekthar-ledger-row{grid-template-columns:48px minmax(0,1fr) auto}
  .nekthar-community-detail{justify-content:center}
}


/* v94 nekthar types redesign */
.nekthar-index-hero .wrap{max-width:1180px}.nekthar-index-heading{max-width:860px}.nekthar-hero-stage{display:grid;grid-template-columns:minmax(320px,560px) minmax(320px,1fr);gap:34px;align-items:center;margin-top:34px}.nekthar-wheel-column{display:grid;gap:18px}.nekthar-wheel-shell{width:min(100%,560px);margin:0 auto}.nekthar-wheel-spotlight{--spotlight-accent:#e08b32;position:relative;padding:30px 30px 28px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,color-mix(in srgb,var(--spotlight-accent) 8%,rgba(10,12,12,.92)),rgba(7,9,9,.94));box-shadow:0 28px 70px rgba(0,0,0,.26);overflow:hidden}.nekthar-wheel-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--spotlight-accent) 16%,transparent),transparent 30%);pointer-events:none}.nekthar-spotlight-head{position:relative;z-index:1;display:grid;grid-template-columns:86px 1fr;gap:18px;align-items:center}.nekthar-spotlight-icon{display:grid;place-items:center;width:86px;height:86px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(3,5,5,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.nekthar-spotlight-icon img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.42))}.nekthar-wheel-spotlight h2{margin:0;color:#f3eee4;font:700 clamp(32px,4vw,48px)/.95 Georgia,'Times New Roman',serif}.nekthar-wheel-spotlight p{margin:0}.nekthar-wheel-spotlight .eyebrow{margin-bottom:16px}.nekthar-wheel-spotlight #nektharSpotlightTag{margin-top:7px;color:color-mix(in srgb,var(--spotlight-accent) 65%,#e5ddd0);font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}.nekthar-spotlight-summary{position:relative;z-index:1;margin-top:20px;color:#c8c1b5;font:17px/1.7 Georgia,'Times New Roman',serif}.nekthar-spotlight-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.nekthar-spotlight-tip{position:relative;z-index:1;display:grid;gap:5px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);color:#c7c1b5}.nekthar-spotlight-tip strong{color:#f0eade;font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}.nekthar-spotlight-tip span{font:15px/1.6 Georgia,'Times New Roman',serif}.nekthar-origin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1100px;margin-top:26px}.nekthar-origin-card{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,color-mix(in srgb,var(--nekthar-accent,#d0c6b8) 8%,rgba(10,12,12,.88)),rgba(7,8,8,.92));color:#efe9dd;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.nekthar-origin-card img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.nekthar-origin-card span{display:block}.nekthar-origin-card strong{display:block;font:700 18px/1.05 Georgia,'Times New Roman',serif}.nekthar-origin-card small{display:block;margin-top:5px;color:#b9b1a5;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}.nekthar-origin-card:hover,.nekthar-origin-card.is-active{transform:translateY(-2px);border-color:rgba(255,255,255,.24);box-shadow:0 18px 32px rgba(0,0,0,.18)}.nekthar-origin-card.is-all{--nekthar-accent:#e7ded0}.nekthar-origin-all-mark{display:grid!important;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);color:#f5eee3;font:700 19px/1 Georgia,'Times New Roman',serif}.nekthar-dual-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;max-width:1100px;margin:24px 0 18px}.nekthar-dual-summary{display:grid;gap:4px;min-height:44px}.nekthar-dual-summary strong{color:#f2ece1;font:700 21px/1.1 Georgia,'Times New Roman',serif}.nekthar-dual-summary span{color:#afa89c;font:14px/1.5 Arial,Helvetica,sans-serif}.nekthar-convergences-section .nekthar-dual-head p{max-width:780px}.nekthar-convergence-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px}.nekthar-convergence-card{min-height:96px}.nekthar-dual-note{max-width:900px}.nekthar-convergence-card[hidden]{display:none!important}@media(max-width:1080px){.nekthar-hero-stage{grid-template-columns:1fr}.nekthar-wheel-spotlight{max-width:820px;margin:0 auto}.nekthar-origin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nekthar-dual-toolbar{grid-template-columns:1fr}}@media(max-width:760px){.nekthar-origin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nekthar-spotlight-head{grid-template-columns:72px 1fr}.nekthar-spotlight-icon{width:72px;height:72px}.nekthar-wheel-spotlight h2{font-size:30px}.nekthar-dual-summary strong{font-size:19px}}@media(max-width:640px){.nekthar-wheel-shell{width:min(100%,420px)}.nekthar-origin-grid{grid-template-columns:1fr}.nekthar-origin-card{grid-template-columns:48px 1fr}.nekthar-dual-toolbar{gap:14px}.nekthar-spotlight-actions{flex-direction:column;align-items:stretch}.nekthar-spotlight-actions .btn,.nekthar-spotlight-actions .btn.secondary{width:100%;justify-content:center}.nekthar-wheel-spotlight{padding:24px 20px}}

/* v95 — streamlined Nekthar identity wheel */
.nekthar-index-page{overflow-x:hidden}.nekthar-index-hero{padding-bottom:70px}.nekthar-index-hero .wrap{max-width:1160px}.nekthar-index-heading{max-width:900px;margin:0 auto;text-align:center}.nekthar-index-heading .lead{max-width:800px;margin-left:auto;margin-right:auto}.nekthar-wheel-stage{max-width:900px;margin:18px auto 0;text-align:center}.nekthar-wheel-shell{position:relative;width:min(620px,76vw);aspect-ratio:1/1;margin:105px auto 95px;overflow:visible;isolation:isolate}.nekthar-wheel-ring{inset:18%;border-color:rgba(236,229,215,.22);box-shadow:0 0 0 18px rgba(255,255,255,.012),inset 0 0 80px rgba(0,0,0,.52)}.nekthar-wheel-node{--node-size:116px;z-index:8;transition:transform .2s ease,filter .2s ease,opacity .2s ease}.nekthar-wheel-icon{transition:background .2s ease,border-color .2s ease}.nekthar-wheel-node:hover,.nekthar-wheel-node:focus-visible,.nekthar-wheel-node.is-active-origin{transform:translate(-50%,-50%) scale(1.13);filter:drop-shadow(0 0 20px var(--nekthar-accent));outline:none}.nekthar-wheel-shell.is-convergence-open .nekthar-wheel-node:not(.is-active-origin){opacity:.22;filter:saturate(.45) brightness(.72)}.nekthar-wheel-shell.is-convergence-open .nekthar-wheel-center{opacity:.62}.nekthar-wheel-center{width:30%;z-index:3;transition:opacity .18s ease,box-shadow .2s ease}.nekthar-wheel-center .nekthar-wheel-mark{width:78%;max-width:190px;opacity:.92}.nekthar-hover-convergences{position:absolute;width:1px;height:1px;z-index:20;pointer-events:none}.nekthar-convergence-satellite{--sat-x:0px;--sat-y:0px;--sat-accent:#eee;position:absolute;left:0;top:0;display:grid;place-items:center;width:64px;height:64px;transform:translate(calc(-50% + var(--sat-x)),calc(-50% + var(--sat-y))) scale(.72);border:1px solid rgba(255,255,255,.17);border-radius:50%;background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--sat-accent) 22%,rgba(18,20,20,.98)),rgba(7,9,9,.98) 66%);box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 18px color-mix(in srgb,var(--sat-accent) 15%,transparent);opacity:0;pointer-events:auto;text-decoration:none;transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,border-color .16s ease}.nekthar-hover-convergences[aria-hidden="false"] .nekthar-convergence-satellite{opacity:1;transform:translate(calc(-50% + var(--sat-x)),calc(-50% + var(--sat-y))) scale(1)}.nekthar-convergence-satellite:hover,.nekthar-convergence-satellite:focus-visible{z-index:30;transform:translate(calc(-50% + var(--sat-x)),calc(-50% + var(--sat-y))) scale(1.12);border-color:rgba(255,255,255,.4);box-shadow:0 16px 34px rgba(0,0,0,.48),0 0 25px color-mix(in srgb,var(--sat-accent) 30%,transparent);outline:none}.nekthar-satellite-icon{position:relative;display:grid;place-items:center;width:48px;height:48px}.nekthar-satellite-icon img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.48))}.nekthar-satellite-icon i{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eee8dc;color:#141515;font:700 13px/1 Arial,Helvetica,sans-serif;font-style:normal;box-shadow:0 2px 8px rgba(0,0,0,.5)}.nekthar-satellite-label{position:absolute;left:50%;top:calc(100% + 9px);min-width:max-content;max-width:210px;transform:translateX(-50%) translateY(-3px);padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(5,7,7,.96);box-shadow:0 10px 24px rgba(0,0,0,.35);opacity:0;pointer-events:none;text-align:center;transition:opacity .14s ease,transform .14s ease}.nekthar-convergence-satellite:hover .nekthar-satellite-label,.nekthar-convergence-satellite:focus-visible .nekthar-satellite-label{opacity:1;transform:translateX(-50%) translateY(0)}.nekthar-satellite-label strong{display:block;color:#f3ede2;font:700 12px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.03em}.nekthar-satellite-label small{display:block;margin-top:4px;color:#aaa297;font:italic 11px/1.1 Georgia,'Times New Roman',serif}.nekthar-index-actions{justify-content:center;align-items:center;gap:18px;margin-top:-28px}.nekthar-wheel-hint{max-width:460px;color:#a69f94;font:12px/1.45 Arial,Helvetica,sans-serif}.nekthar-touch-panel{display:none}.nekthar-index-ledger,.nekthar-convergences-section{display:none!important}
@media(max-width:900px){.nekthar-wheel-shell{width:min(590px,78vw);margin-top:95px}.nekthar-wheel-node{--node-size:100px}.nekthar-convergence-satellite{width:54px;height:54px}.nekthar-satellite-icon img{width:36px;height:36px}}
@media(max-width:719px){.nekthar-index-heading{text-align:left}.nekthar-index-heading .lead{margin-left:0}.nekthar-wheel-shell{width:min(430px,92vw);margin:42px auto 38px}.nekthar-wheel-node{--node-size:72px}.nekthar-wheel-name{font-size:9px}.nekthar-hover-convergences{display:none!important}.nekthar-wheel-shell.is-convergence-open .nekthar-wheel-node:not(.is-active-origin){opacity:1;filter:none}.nekthar-wheel-center{width:34%}.nekthar-index-actions{margin-top:0;flex-direction:column;align-items:stretch;text-align:left}.nekthar-index-actions .btn{justify-content:center}.nekthar-wheel-hint{max-width:none}.nekthar-touch-panel{display:block;max-width:560px;margin:0 auto 24px;padding:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(150deg,color-mix(in srgb,var(--touch-accent,#eee) 8%,rgba(9,11,11,.96)),rgba(6,8,8,.98));box-shadow:0 18px 38px rgba(0,0,0,.28);text-align:left}.nekthar-touch-panel[hidden]{display:none}.nekthar-touch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09)}.nekthar-touch-head strong{display:block;color:#f0eadf;font:700 25px/1 Georgia,'Times New Roman',serif}.nekthar-touch-head span{display:block;margin-top:5px;color:#aaa398;font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase}.nekthar-touch-head button{width:34px;height:34px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:transparent;color:#d8d0c4;font-size:22px;cursor:pointer}.nekthar-touch-primary{display:block;margin:13px 0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--touch-accent) 45%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--touch-accent) 9%,rgba(10,11,11,.7));color:#f0eade;text-decoration:none;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}.nekthar-touch-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nekthar-touch-grid a{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.09);background:rgba(4,6,6,.46);color:inherit;text-decoration:none}.nekthar-touch-grid img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.nekthar-touch-grid strong{display:block;color:#eee8de;font:700 12px/1.1 Arial,Helvetica,sans-serif}.nekthar-touch-grid small{display:block;margin-top:3px;color:#a59e93;font:italic 10px/1.1 Georgia,'Times New Roman',serif}}
@media(max-width:430px){.nekthar-touch-grid{grid-template-columns:1fr}.nekthar-wheel-shell{width:96vw;margin-left:50%;transform:translateX(-50%)}.nekthar-wheel-node{--node-size:64px}}

/* v97 — split convergence hover circles */
.nekthar-wheel-shell{margin:116px auto 112px}
.nekthar-hover-convergences{z-index:24}
.nekthar-convergence-satellite{--origin-accent:#e7e0d2;--sat-accent:#e7e0d2;position:absolute;left:0;top:0;display:flex;align-items:stretch;justify-content:center;width:68px;height:68px;overflow:visible;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(6,8,8,.92);box-shadow:0 18px 36px rgba(0,0,0,.46),0 0 22px color-mix(in srgb,var(--sat-accent) 18%,transparent)}
.nekthar-hover-convergences[aria-hidden="false"] .nekthar-convergence-satellite{transform:translate(calc(-50% + var(--sat-x)),calc(-50% + var(--sat-y))) scale(1)}
.nekthar-convergence-satellite:hover,.nekthar-convergence-satellite:focus-visible{transform:translate(calc(-50% + var(--sat-x)),calc(-50% + var(--sat-y))) scale(1.08)}
.nekthar-satellite-half{position:relative;display:block;width:50%;height:100%;overflow:hidden}
.nekthar-satellite-half.is-left{border-radius:999px 0 0 999px;background:radial-gradient(circle at 30% 28%,color-mix(in srgb,var(--origin-accent) 34%,rgba(255,255,255,.08)),rgba(13,15,15,.98) 84%)}
.nekthar-satellite-half.is-right{border-radius:0 999px 999px 0;background:radial-gradient(circle at 70% 28%,color-mix(in srgb,var(--sat-accent) 34%,rgba(255,255,255,.08)),rgba(13,15,15,.98) 84%)}
.nekthar-satellite-half img{position:absolute;top:50%;width:200%;height:100%;max-width:none;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.52))}
.nekthar-satellite-half.is-left img{left:0}
.nekthar-satellite-half.is-right img{right:0}
.nekthar-satellite-divider{position:absolute;left:50%;top:10px;bottom:10px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.12));box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.nekthar-satellite-label{top:calc(100% + 10px);padding:8px 10px;min-width:144px;max-width:190px;background:rgba(5,7,7,.97)}
.nekthar-satellite-label strong{font-size:11px;line-height:1.15}
.nekthar-satellite-label small{font-size:10px;line-height:1.2}
@media(max-width:900px){.nekthar-wheel-shell{width:min(590px,78vw);margin:96px auto 94px}.nekthar-convergence-satellite{width:60px;height:60px}.nekthar-satellite-half img{width:200%;height:100%}}
@media(max-width:719px){.nekthar-wheel-shell{margin:42px auto 38px}}


/* v99 — Nekthar detail typography and formula polish */
.nekthar-detail-hero{overflow:hidden;padding-bottom:54px}
.nekthar-detail-hero .wrap{max-width:1160px}
.nekthar-detail-hero-grid{grid-template-columns:minmax(240px,330px) minmax(0,720px);gap:64px;align-items:center;max-width:1114px}
.nekthar-detail-intro{min-width:0;max-width:720px}
.nekthar-detail-intro .eyebrow{margin-bottom:9px}
.nekthar-detail-intro h1{margin:0 0 10px;font:700 clamp(50px,6vw,78px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.032em}
.nekthar-detail-tag{display:inline-flex;align-items:center;max-width:100%;margin:0 0 24px;padding:7px 11px 7px 12px;border-left:2px solid var(--nekthar-accent);background:linear-gradient(90deg,color-mix(in srgb,var(--nekthar-accent) 11%,rgba(8,10,10,.72)),rgba(8,10,10,.18));color:color-mix(in srgb,var(--nekthar-accent) 82%,#f1e9dc);font:700 10px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase;white-space:normal}
.nekthar-detail-intro blockquote{max-width:675px;margin:0 0 22px;padding:2px 0 2px 19px;border:0;border-left:1px solid color-mix(in srgb,var(--nekthar-accent) 55%,rgba(255,255,255,.2));color:#f0e9dd;font:italic 700 clamp(21px,2.45vw,30px)/1.28 Georgia,'Times New Roman',serif;letter-spacing:-.012em;text-wrap:balance}
.nekthar-detail-intro>p:last-child{max-width:700px;color:#c9c2b7;font:16.5px/1.72 Georgia,'Times New Roman',serif}
.nekthar-detail-symbol{max-width:330px;margin-inline:auto}
.nekthar-mini-nav{max-width:1114px;margin-top:38px}
.nekthar-feature-grid{max-width:1114px;gap:22px}
.nekthar-feature{padding:30px 32px}
.nekthar-feature h2,.nekthar-section-heading h2{line-height:1.12}
.nekthar-feature p+p{margin-top:15px}
.nekthar-ingredient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:7px 0 18px}
.nekthar-ingredient-list span{display:flex;align-items:center;min-height:40px;padding:10px 12px;line-height:1.25;letter-spacing:.055em;text-transform:none}
.nekthar-ingredient-list .is-godtears{grid-column:1/-1;position:relative;padding-left:42px;border-color:color-mix(in srgb,var(--nekthar-accent) 62%,rgba(255,255,255,.18));background:linear-gradient(90deg,color-mix(in srgb,var(--nekthar-accent) 18%,rgba(4,5,5,.72)),rgba(4,5,5,.54));color:#f1eadf;font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.nekthar-ingredient-list .is-godtears:before{content:"◆";position:absolute;left:15px;color:var(--nekthar-accent);font-size:13px;text-shadow:0 0 12px color-mix(in srgb,var(--nekthar-accent) 55%,transparent)}
.nekthar-formula-note{margin-top:2px!important;font-size:13.5px!important;line-height:1.62!important}
@media(max-width:860px){.nekthar-detail-hero-grid{grid-template-columns:220px minmax(0,1fr);gap:34px}.nekthar-detail-intro h1{font-size:clamp(46px,8vw,68px)}.nekthar-detail-intro blockquote{font-size:clamp(20px,3vw,27px)}}
@media(max-width:640px){.nekthar-detail-hero{padding-bottom:42px}.nekthar-detail-hero-grid{grid-template-columns:1fr;gap:24px}.nekthar-detail-intro{max-width:560px;margin-inline:auto;text-align:left}.nekthar-detail-intro .eyebrow{text-align:center}.nekthar-detail-intro h1{text-align:center;font-size:clamp(48px,16vw,68px);margin-bottom:11px}.nekthar-detail-tag{display:flex;width:max-content;max-width:100%;margin:0 auto 22px;text-align:center;justify-content:center;border-left:0;border-bottom:2px solid var(--nekthar-accent);padding:7px 10px 8px}.nekthar-detail-intro blockquote{margin:0 auto 20px;padding:14px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--nekthar-accent) 48%,rgba(255,255,255,.18));text-align:center;font-size:22px}.nekthar-detail-intro>p:last-child{text-align:left}.nekthar-mini-nav{margin-top:28px}.nekthar-feature{padding:24px 21px}.nekthar-ingredient-list{grid-template-columns:1fr}.nekthar-ingredient-list .is-godtears{grid-column:auto}}


/* v102 — dual archetype uniqueness + detail-page hierarchy polish */
.nekthar-dual-hero{padding-top:58px;padding-bottom:58px}
.nekthar-dual-hero .wrap{max-width:1160px}
.nekthar-dual-hero-grid{grid-template-columns:minmax(220px,330px) minmax(0,1fr);gap:clamp(34px,5vw,64px);align-items:center}
.nekthar-dual-intro{min-width:0;padding:8px 0}
.nekthar-dual-intro .eyebrow{margin-bottom:12px}
.nekthar-dual-intro h1{max-width:760px;margin:0 0 12px;font-size:clamp(42px,5.1vw,68px);line-height:1.04;letter-spacing:-.032em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.nekthar-dual-intro h1 span{display:inline-block;margin:0 .08em;opacity:.5}

.nekthar-dual-intro blockquote{max-width:760px;margin:0 0 20px;font-size:clamp(21px,2.45vw,30px);line-height:1.28;text-wrap:balance}
.nekthar-dual-intro>p:last-child{max-width:760px;font-size:16.5px;line-height:1.72}
.nekthar-dual-symbol{width:100%;max-width:310px;margin:auto}
.nekthar-dual-parent-links{max-width:1060px;margin-top:34px}
.nekthar-dual-feature-grid,.nekthar-dual-echoes,.nekthar-related-convergences{margin-left:auto;margin-right:auto}
.nekthar-dual-person{min-width:0;padding:18px 18px 19px}
.nekthar-dual-person .nekthar-person-copy{min-width:0}
.nekthar-dual-person strong{font-size:18px;line-height:1.15;overflow-wrap:anywhere}
.nekthar-dual-person .nekthar-person-copy>span{font-size:12.5px;line-height:1.55}
.nekthar-section-heading h2{line-height:1.08;text-wrap:balance}
@media(max-width:920px){
 .nekthar-dual-hero-grid{grid-template-columns:210px minmax(0,1fr);gap:30px}
 .nekthar-dual-intro h1{font-size:clamp(38px,6vw,56px);line-height:1.06}
 
}
@media(max-width:700px){
 .nekthar-dual-hero{padding-top:38px;padding-bottom:42px}
 .nekthar-dual-hero-grid{grid-template-columns:1fr;gap:22px}
 .nekthar-dual-symbol{width:min(220px,62vw)}
 .nekthar-dual-intro{text-align:center;padding:0 4px}
 .nekthar-dual-intro .eyebrow{margin-bottom:10px}
 .nekthar-dual-intro h1{max-width:100%;margin:0 auto 10px;font-size:clamp(35px,10.2vw,50px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
 
 .nekthar-dual-intro blockquote{margin:0 auto 17px;font-size:clamp(20px,6vw,27px);line-height:1.3}
 .nekthar-dual-intro>p:last-child{margin-left:auto;margin-right:auto;font-size:15.5px;line-height:1.7}
 .nekthar-dual-parent-links{justify-content:center;margin-top:26px}
 .nekthar-dual-feature h2{font-size:24px;line-height:1.12}
 .nekthar-dual-person{grid-template-columns:58px minmax(0,1fr);gap:12px}
 .nekthar-dual-person .nekthar-person-photo{width:54px;height:54px;min-width:54px}
}
@media(max-width:420px){
 .nekthar-dual-intro h1{font-size:clamp(31px,10.5vw,42px)}
 
 .nekthar-dual-parent-links a{font-size:9px}
}


/* v103 — unique real-world archetype curation */
.nekthar-person-field{display:block!important;margin:4px 0 5px!important;color:#9f988d!important;font:700 8px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.nekthar-person-copy>strong{display:block;line-height:1.12}
.nekthar-person-copy>span:last-child{display:block;line-height:1.48}
.nekthar-dual-person,.nekthar-person-row{min-width:0}
@media(max-width:640px){.nekthar-person-field{font-size:7px!important;letter-spacing:.1em!important}.nekthar-person-copy>span:last-child{line-height:1.42}}


/* v106 — smaller hover convergences + four-person archetype grids */
.nekthar-convergence-satellite{width:68px;height:68px}
.nekthar-dual-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:900px){.nekthar-convergence-satellite{width:60px;height:60px}}
@media(max-width:640px){.nekthar-dual-people{grid-template-columns:1fr}}

/* v111 — launch polish: forms, modal, rulebook, Quick Start */
.contact-page{min-height:68vh}.contact-hero{padding-top:72px}.contact-wrap{max-width:1080px}.contact-wrap>.lead{max-width:720px}.contact-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:28px;align-items:start;margin-top:38px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(11,14,14,.9),rgba(6,8,8,.94));box-shadow:0 26px 60px rgba(0,0,0,.22)}.contact-field{display:grid;gap:8px}.contact-field-full{grid-column:1/-1}.contact-field label{color:#d8d1c5;font:700 11px/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.contact-field input,.contact-field textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(0,0,0,.26);color:#f2ede4;padding:12px 13px;font:15px/1.45 Arial,sans-serif;outline:none}.contact-field textarea{resize:vertical;min-height:160px}.contact-field input:focus,.contact-field textarea:focus{border-color:rgba(255,255,255,.38);box-shadow:0 0 0 3px rgba(255,255,255,.05)}.contact-form-footer{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding-top:4px}.contact-form-footer p{margin:0;max-width:430px;color:#8f958f;font:12px/1.45 Arial,sans-serif}.contact-aside{display:grid;gap:16px}.contact-aside-card{padding:24px;border:1px solid rgba(255,255,255,.1);background:rgba(7,9,9,.72)}.contact-aside-card h2{margin:8px 0 10px;color:#efe9df;font:700 24px/1.08 Georgia,serif}.contact-aside-card p{color:#aaa49a;line-height:1.6}.contact-inline-links{display:flex;gap:14px;margin-top:16px}.contact-inline-links a{color:#e9e3d8}.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-thanks{max-width:760px;text-align:center;padding-bottom:80px}.contact-thanks .lead{margin-inline:auto}.contact-thanks-actions{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.legal-page{padding-top:68px}.legal-wrap{max-width:860px}.legal-updated{color:#8f958f;font:12px/1.4 Arial,sans-serif;letter-spacing:.05em}.legal-block{padding:28px 0;border-top:1px solid rgba(255,255,255,.09)}.legal-block:first-of-type{margin-top:34px}.legal-block h2{margin:0 0 12px;color:#eee8de;font:700 25px/1.1 Georgia,serif}.legal-block p,.legal-block li{color:#bbb5aa;font:15.5px/1.7 Georgia,serif}.legal-block ul{padding-left:22px}.legal-block li+li{margin-top:8px}
.demo-modal[hidden]{display:none!important}.demo-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.demo-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.demo-modal-card{position:relative;width:min(680px,100%);max-height:min(760px,calc(100dvh - 32px));overflow:auto;padding:34px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(13,16,15,.99),rgba(5,7,7,.99));box-shadow:0 34px 90px rgba(0,0,0,.62)}.demo-modal-card h2{margin:8px 38px 12px 0;color:#f3ede2;font:700 clamp(28px,5vw,40px)/1.05 Georgia,serif}.demo-modal-card>p{color:#aca69b;font:15px/1.6 Georgia,serif}.demo-modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.04);color:#eee7dc;font-size:25px;cursor:pointer}.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 15px}.demo-email-field{grid-column:1/-1}.demo-form-grid label{display:grid;gap:7px}.demo-form-grid span{color:#d9d1c5;font:700 10px/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.demo-form-grid em{font-weight:400;color:#777f79}.demo-form-grid input{width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(0,0,0,.3);color:#fff;font-size:15px}.demo-consent{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:12px 0 20px;color:#aaa49a;font:12px/1.5 Arial,sans-serif}.demo-consent input{margin-top:3px}.demo-form-status{min-height:20px;margin:12px 0 0;font:12px/1.45 Arial,sans-serif;color:#aaa}.demo-form-status.is-success{color:#c7dfc8}.demo-form-status.is-error{color:#e9b0b0}.demo-privacy{margin:12px 0 0;color:#7e857f;font:11px/1.45 Arial,sans-serif}.demo-privacy a{color:#bfc5bf}.demo-modal-open{overflow:hidden}.hero-demo-trigger{font:inherit;cursor:pointer}.demo-modal-card .button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(1);transform:none!important}
.quick-start-page .quick-chapter{border-top:1px solid rgba(255,255,255,.075)}.quick-start-page .quick-chapter:first-of-type{border-top:0}.quick-start-page .quick-copy{position:relative}.quick-start-page .quick-kicker{letter-spacing:.14em}.quick-start-page .quick-visual{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 55px rgba(0,0,0,.16)}.quick-start-page .quick-next{transition:transform .16s ease,border-color .16s ease}.quick-start-page .quick-next:hover{transform:translateY(-2px)}
.rules-document-head{position:relative}.rules-download-link{display:inline-flex;margin-top:16px}.rules-minihead{margin:24px 0 8px;color:#eee8de;font:700 18px/1.2 Georgia,serif}.rules-definition strong,.rules-glossary strong{color:#efe9de}.rule-list-item{display:grid;grid-template-columns:28px 1fr;gap:8px;margin:7px 0;color:inherit}.rule-list-item>span:first-child{color:#8f958f;font-weight:700}.rules-flow-arrow{text-align:center;color:#929b95;font-size:22px;line-height:1;margin:7px 0}

/* v111 — regenerated rulebook component alignment */
.rules-pdf-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#e8e0d3;text-decoration:none;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(232,224,211,.35);padding-bottom:4px}
.rules-pdf-link:hover{color:#fff;border-bottom-color:rgba(255,255,255,.75)}
.rules-copy .rule-minihead{margin:24px 0 8px;color:#eee8de;font:700 18px/1.2 Georgia,'Times New Roman',serif}
.rules-copy .rules-list{margin:9px 0 16px;padding-left:25px;color:#c9c2b7}
.rules-copy .rules-list li{margin:6px 0;font:15px/1.62 Georgia,'Times New Roman',serif}
.rules-copy .rules-list li::marker{color:#8f958f;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.rules-copy .rules-flow{margin:16px 0;padding:13px 16px;border-left:2px solid rgba(226,216,201,.28);background:rgba(255,255,255,.025);color:#d7d0c4;font:700 14px/1.55 Arial,Helvetica,sans-serif}
@media(max-width:640px){.rules-copy .rule-minihead{font-size:16px}.rules-copy .rules-list{padding-left:21px}.rules-copy .rules-list li{font-size:14px;line-height:1.58}.rules-pdf-link{font-size:10px}}

/* v112 — Nekthar Types mobile centering / overflow fix */
@media(max-width:719px){
  .nekthar-types-page .nekthar-index-hero .wrap{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  .nekthar-types-page .nekthar-index-heading{
    width:100%;
    margin-inline:auto!important;
    text-align:center!important;
  }
  .nekthar-types-page .nekthar-index-heading .lead{
    margin-inline:auto!important;
  }
  .nekthar-types-page .nekthar-wheel-stage{
    width:100%;
    max-width:100%;
    margin:14px auto 0!important;
    text-align:center!important;
  }
  .nekthar-types-page .nekthar-wheel-shell{
    width:min(360px,84vw)!important;
    max-width:100%!important;
    margin:38px auto 42px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
  }
  .nekthar-types-page .nekthar-wheel-node{
    --node-size:62px;
  }
  .nekthar-types-page .nekthar-index-actions{
    width:100%;
    max-width:360px;
    margin:0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .nekthar-types-page .nekthar-index-actions .btn{
    width:min(100%,320px);
    justify-content:center!important;
  }
  .nekthar-types-page .nekthar-wheel-hint{
    width:100%;
    max-width:330px!important;
    margin-inline:auto!important;
    text-align:center!important;
  }
  .nekthar-types-page .nekthar-touch-panel{
    width:100%;
    max-width:360px;
    margin:0 auto 24px!important;
    overflow:hidden;
  }
}
@media(max-width:380px){
  .nekthar-types-page .nekthar-index-hero .wrap{width:calc(100% - 24px)!important}
  .nekthar-types-page .nekthar-wheel-shell{width:min(320px,82vw)!important}
  .nekthar-types-page .nekthar-wheel-node{--node-size:56px}
  .nekthar-types-page .nekthar-wheel-name{font-size:8px!important}
}


/* v113 — Nekthar Types mobile viewport geometry hardening */
@media(max-width:719px){
  html,body.nekthar-types-page{overflow-x:hidden!important}
  .nekthar-types-page .nekthar-index-hero>.wrap{
    width:100%!important;max-width:none!important;margin:0!important;
  }
  .nekthar-types-page .nekthar-index-heading{
    width:auto!important;max-width:none!important;margin:0 20px!important;padding:0!important;text-align:center!important;
  }
  .nekthar-types-page .nekthar-wheel-stage{
    position:relative!important;left:50%!important;width:100vw!important;max-width:none!important;
    margin:14px 0 0!important;transform:translateX(-50%)!important;text-align:center!important;overflow:visible!important;
  }
  .nekthar-types-page .nekthar-wheel-shell{
    position:relative!important;left:auto!important;right:auto!important;
    width:min(304px,78vw)!important;max-width:304px!important;
    margin:36px auto 44px!important;transform:none!important;
  }
  .nekthar-types-page .nekthar-wheel-node{--node-size:58px!important}
  .nekthar-types-page .nekthar-node-top{left:50%!important;top:8%!important}
  .nekthar-types-page .nekthar-node-upper-right{left:77%!important;top:28%!important}
  .nekthar-types-page .nekthar-node-lower-right{left:84%!important;top:58%!important}
  .nekthar-types-page .nekthar-node-bottom-right{left:68%!important;top:84%!important}
  .nekthar-types-page .nekthar-node-bottom-left{left:32%!important;top:84%!important}
  .nekthar-types-page .nekthar-node-lower-left{left:16%!important;top:58%!important}
  .nekthar-types-page .nekthar-node-upper-left{left:23%!important;top:28%!important}
  .nekthar-types-page .nekthar-wheel-center{width:32%!important}
  .nekthar-types-page .nekthar-index-actions{
    width:calc(100vw - 40px)!important;max-width:360px!important;margin:0 auto!important;
    align-items:center!important;justify-content:center!important;text-align:center!important;
  }
  .nekthar-types-page .nekthar-touch-panel{
    width:calc(100vw - 32px)!important;max-width:360px!important;margin:0 auto 24px!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
}
@media(max-width:360px){
  .nekthar-types-page .nekthar-index-heading{margin-inline:16px!important}
  .nekthar-types-page .nekthar-wheel-shell{width:min(270px,76vw)!important;max-width:270px!important}
  .nekthar-types-page .nekthar-wheel-node{--node-size:52px!important}
}

/* v115 — symbol-led Sets release archive */
.sets-page .sets-hero-section{padding-top:78px;padding-bottom:118px}
.sets-page .sets-shell{max-width:1180px}
.sets-masthead{max-width:830px;margin:0 0 48px}
.sets-masthead .display{margin:8px 0 18px;font-size:clamp(54px,6vw,82px);letter-spacing:-.035em}
.sets-lead{max-width:760px;margin:0;color:#c9c2b7;font:20px/1.58 Georgia,'Times New Roman',serif}
.sets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:set-card}
.set-tile{position:relative;min-width:0;min-height:390px;padding:26px 26px 25px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(155deg,rgba(15,18,17,.91),rgba(6,8,8,.95));box-shadow:0 22px 55px rgba(0,0,0,.18);overflow:hidden;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.set-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 27%,rgba(255,255,255,.065),transparent 34%);pointer-events:none}
.set-tile:after{content:"";position:absolute;left:26px;right:26px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(231,223,208,.38),transparent);opacity:.72}
.set-tile:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.20);box-shadow:0 30px 70px rgba(0,0,0,.27)}
.set-tile-index{position:absolute;top:19px;right:21px;color:rgba(239,233,222,.28);font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em}
.set-symbol-wrap{height:196px;display:grid;place-items:center;margin:3px 0 20px}
.set-symbol-wrap:before{content:"";position:absolute;width:172px;height:172px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 16px rgba(255,255,255,.012)}
.set-symbol-wrap img{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:154px;max-height:154px;object-fit:contain;filter:drop-shadow(0 11px 19px rgba(0,0,0,.45))}
.set-tile-copy{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.08);padding-top:19px}
.set-release-kind{margin-bottom:7px;color:#a69e91;font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.set-tile h2{margin:0 0 10px!important;color:#f2ece1!important;font:700 clamp(28px,3vw,36px)/1.02 Georgia,'Times New Roman',serif!important;letter-spacing:-.025em;text-wrap:balance}
.set-tile time,.set-date{display:block;color:#d7d0c4;font:700 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.set-tile p{max-width:290px;margin:11px 0 0;color:#8f918c;font:12px/1.55 Arial,Helvetica,sans-serif;font-weight:400}
.set-tile.is-core{border-color:rgba(224,139,50,.28);background:linear-gradient(155deg,rgba(28,19,12,.92),rgba(7,8,8,.96))}
.set-tile.is-core:before{background:radial-gradient(circle at 50% 27%,rgba(224,139,50,.12),transparent 36%)}
.set-tile.is-core .set-release-kind{color:#d39a5e}
.set-tile.is-promo{background:linear-gradient(155deg,rgba(17,18,19,.94),rgba(7,8,8,.96))}
.set-tile.is-promo .set-release-kind{color:#c4c0b8}
.sets-footer-note{display:grid;grid-template-columns:minmax(30px,1fr) minmax(260px,610px) auto;gap:20px;align-items:center;margin-top:30px}
.sets-footer-rule{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.19))}
.sets-footer-note p{margin:0;color:#8f958f;font:12px/1.5 Arial,Helvetica,sans-serif;font-weight:400}
.sets-actions{display:flex;align-items:center;gap:16px;white-space:nowrap}
.sets-actions .btn{padding-inline:20px}
@media(max-width:980px){
  .sets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sets-footer-note{grid-template-columns:1fr auto}.sets-footer-rule{display:none}.sets-footer-note p{max-width:520px}
}
@media(max-width:640px){
  .sets-page .sets-hero-section{padding-top:52px;padding-bottom:84px}
  .sets-page .sets-shell{width:calc(100% - 32px);max-width:none}
  .sets-masthead{margin-bottom:32px;text-align:left}
  .sets-masthead .display{font-size:46px;margin:7px 0 14px}
  .sets-lead{font-size:17px;line-height:1.52}
  .sets-grid{grid-template-columns:1fr;gap:11px}
  .set-tile{display:grid;grid-template-columns:94px minmax(0,1fr);gap:18px;align-items:center;min-height:0;padding:18px 18px 18px 15px}
  .set-tile:after{left:15px;right:18px}
  .set-tile-index{top:14px;right:15px;font-size:8px}
  .set-symbol-wrap{position:relative;width:94px;height:104px;margin:0}
  .set-symbol-wrap:before{width:82px;height:82px;box-shadow:0 0 0 9px rgba(255,255,255,.012)}
  .set-symbol-wrap img{max-width:78px;max-height:84px}
  .set-tile-copy{border-top:0;border-left:1px solid rgba(255,255,255,.08);padding:4px 20px 4px 18px}
  .set-release-kind{font-size:8px;margin-bottom:5px}
  .set-tile h2{font-size:27px!important;margin-bottom:7px!important}
  .set-tile time,.set-date{font-size:10px;letter-spacing:.07em}
  .set-tile p{font-size:10.5px;line-height:1.45;margin-top:8px}
  .sets-footer-note{grid-template-columns:1fr;gap:16px;margin-top:24px;text-align:left}
  .sets-actions{justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:360px){
  .sets-page .sets-shell{width:calc(100% - 24px)}
  .set-tile{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:15px 14px 15px 10px}
  .set-symbol-wrap{width:82px;height:92px}.set-symbol-wrap:before{width:72px;height:72px}.set-symbol-wrap img{max-width:68px;max-height:74px}
  .set-tile-copy{padding-left:13px;padding-right:12px}.set-tile h2{font-size:24px!important}
}

/* v124 — professional demo request and confirmation state */
.demo-modal-lead{max-width:570px;margin:0;color:#b9b2a7!important;font:15.5px/1.65 Georgia,'Times New Roman',serif!important}.demo-modal-lead strong{color:#e5ddd1;font-weight:700}.demo-success-panel{padding:14px 2px 2px;text-align:center}.demo-success-panel[hidden]{display:none!important}.demo-success-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 20px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.055);color:#e9e3d8;font:700 25px/1 Arial,Helvetica,sans-serif}.demo-success-panel .eyebrow{margin-bottom:9px}.demo-success-panel h2{max-width:520px;margin:0 auto 15px!important}.demo-success-panel>p{max-width:540px;margin:0 auto 22px;color:#b9b2a7;font:15.5px/1.65 Georgia,'Times New Roman',serif}.demo-success-panel>p strong{color:#e7dfd4}.demo-success-note{max-width:540px;margin:0 auto 24px;padding:16px 18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#9fa39d;font:12.5px/1.55 Arial,Helvetica,sans-serif;text-align:left}.demo-success-note strong{color:#d8d1c5}.demo-success-close{min-width:150px}.demo-modal-card #demoSignupIntro[hidden]{display:none!important}@media(max-width:640px){.demo-success-panel{padding-top:8px}.demo-success-mark{width:48px;height:48px;margin-bottom:17px}.demo-success-note{text-align:left}}

/* v129 — Sets page teaser cards with interactive flip dossiers */
.sets-page .sets-masthead{max-width:760px;margin-bottom:42px}
.sets-page .sets-lead{max-width:680px}
.sets-page .sets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;perspective:1400px}
.sets-page .set-tile{min-height:445px;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible;isolation:auto;cursor:pointer;perspective:1400px;outline:none}
.sets-page .set-tile:before,.sets-page .set-tile:after{display:none!important}
.sets-page .set-tile:hover{transform:none!important;box-shadow:none!important}
.sets-page .set-tile:focus-visible .set-face{outline:2px solid rgba(239,233,222,.72);outline-offset:4px}
.sets-page .set-tile-inner{position:relative;display:grid;min-height:445px;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.72,.22,1)}
.sets-page .set-tile.is-flipped .set-tile-inner{transform:rotateY(180deg)}
.sets-page .set-face{grid-area:1/1;position:relative;display:flex;flex-direction:column;min-width:0;min-height:445px;padding:27px 28px 25px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(155deg,rgba(15,18,17,.93),rgba(6,8,8,.97));box-shadow:0 22px 55px rgba(0,0,0,.20);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:border-color .18s ease,box-shadow .18s ease}
.sets-page .set-face:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.065),transparent 35%);pointer-events:none}
.sets-page .set-face:after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(231,223,208,.38),transparent);opacity:.72}
.sets-page .set-tile:hover .set-face{border-color:rgba(255,255,255,.21);box-shadow:0 30px 70px rgba(0,0,0,.28)}
.sets-page .set-face-back{transform:rotateY(180deg);justify-content:center;background:linear-gradient(145deg,rgba(12,15,14,.98),rgba(5,7,7,.99))}
.sets-page .is-core .set-face{border-color:rgba(224,139,50,.28);background:linear-gradient(155deg,rgba(28,19,12,.94),rgba(7,8,8,.98))}
.sets-page .is-core .set-face:before{background:radial-gradient(circle at 50% 25%,rgba(224,139,50,.12),transparent 37%)}
.sets-page .is-core:hover .set-face{border-color:rgba(224,139,50,.46)}
.sets-page .set-symbol-wrap{position:relative;height:205px;margin:2px 0 18px;flex:none}
.sets-page .set-symbol-wrap:before{width:180px;height:180px}
.sets-page .set-symbol-wrap img{max-width:162px;max-height:162px}
.sets-page .set-tile-copy{display:flex;flex:1;flex-direction:column;border-top:1px solid rgba(255,255,255,.08);padding-top:19px}
.sets-page .set-tile h2{margin:0 0 10px!important;font-size:clamp(30px,3.1vw,39px)!important}
.sets-page .set-tile time,.sets-page .set-date{color:#d7d0c4;font:700 11.5px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.035em;text-transform:none}
.sets-page .set-card-count{margin-top:8px;color:#929791;font:700 10.5px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.035em}
.sets-page .set-season{color:#a9a295}
.sets-page .set-teaser{max-width:430px!important;margin:12px 0 0!important;color:#b0ada5!important;font:13px/1.55 Arial,Helvetica,sans-serif!important;letter-spacing:.005em}
.sets-page .set-flip-hint{display:block;margin-top:auto;padding-top:18px;color:#797e79;font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.sets-page .set-back-copy{position:relative;z-index:1;display:flex;min-height:100%;flex-direction:column}
.sets-page .set-back-copy h2{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:18px!important}
.sets-page .set-back-copy p{max-width:none;margin:0 0 12px;color:#c2bcb2;font:14px/1.58 Georgia,'Times New Roman',serif;font-weight:400}
.sets-page .set-back-copy p:last-of-type{margin-bottom:0}
.sets-page .set-back-copy .set-flip-hint{margin-top:auto}
@media(max-width:760px){
  .sets-page .sets-grid{grid-template-columns:1fr;gap:13px}
  .sets-page .set-tile,.sets-page .set-tile-inner,.sets-page .set-face{min-height:410px}
  .sets-page .set-face{padding:22px 22px 21px}
  .sets-page .set-face:after{left:22px;right:22px}
  .sets-page .set-symbol-wrap{width:auto;height:180px;margin:0 0 14px}
  .sets-page .set-symbol-wrap:before{width:148px;height:148px;box-shadow:0 0 0 13px rgba(255,255,255,.012)}
  .sets-page .set-symbol-wrap img{max-width:135px;max-height:135px}
  .sets-page .set-tile-copy{border-left:0;padding:17px 0 0;overflow:visible!important}
  .sets-page .set-tile h2{font-size:clamp(28px,8vw,36px)!important;margin-bottom:8px!important}
  .sets-page .set-tile time,.sets-page .set-date{font-size:10px;letter-spacing:.045em}
  .sets-page .set-teaser{font-size:12px!important;line-height:1.5!important;margin-top:9px!important}
  .sets-page .set-back-copy p{font-size:13.5px;line-height:1.5}
  .sets-page .set-flip-hint{padding-top:13px}
}
@media(max-width:390px){
  .sets-page .set-tile,.sets-page .set-tile-inner,.sets-page .set-face{min-height:400px}
  .sets-page .set-face{padding:19px 18px}
  .sets-page .set-symbol-wrap{width:auto;height:160px}
  .sets-page .set-symbol-wrap:before{width:132px;height:132px}
  .sets-page .set-symbol-wrap img{max-width:120px;max-height:120px}
  .sets-page .set-tile-copy{padding-left:0;padding-right:0}
  .sets-page .set-back-copy p{font-size:12.8px;line-height:1.48;margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){
  .sets-page .set-tile-inner{transition:none}
}

/* v115 — Lore library supports multiple full-width chapter cards. */
.lore-chapter-grid{grid-template-columns:1fr}

/* v135 — Sets: three-up desktop grid and spoiler-free upcoming releases */
.sets-page .sets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sets-page .set-back-date-label{margin:2px 0 8px;color:#8f958f;font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.sets-page .is-upcoming .set-face-back .set-back-copy{justify-content:center}
.sets-page .is-upcoming .set-face-back .set-back-copy .set-flip-hint{margin-top:28px}
@media(max-width:980px){
  .sets-page .sets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .sets-page .sets-grid{grid-template-columns:1fr}
}

/* v140 — automatic Super Kravers Patreon credits */
.patreon-page-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.patreon-page-actions .patreon-page-button{margin-top:0}
.super-kravers-page{max-width:900px}
.super-kravers-roll{margin-top:34px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035);box-shadow:0 18px 50px rgba(0,0,0,.14)}
.super-kravers-roll-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:18px;color:#f1eee7}
.super-kravers-roll-head span{font:400 26px/1 'Bebas Neue','Arial Narrow',Impact,sans-serif;letter-spacing:.025em}
.super-kravers-roll-head strong{font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#aaa69d}
.super-kravers-status{margin:0;color:#aaa69d;font-size:15px;line-height:1.6}
.super-kravers-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.super-kraver-name{display:flex;align-items:center;min-height:58px;padding:14px 16px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,0,0,.16);color:#eee9df;font:700 16px/1.35 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.super-kraver-name::before{content:'✦';flex:0 0 auto;margin-right:10px;color:#aaa69d;font-size:10px}
.super-kravers-privacy{margin:14px 0 0;color:#8f8b83;font-size:12px;line-height:1.55}
@media(max-width:620px){.super-kravers-roll{margin-top:26px;padding:18px}.super-kravers-list{grid-template-columns:1fr}.super-kraver-name{min-height:54px;font-size:15px}.patreon-page-actions{align-items:stretch}.patreon-page-actions .patreon-page-button{width:100%}}

/* v141 — Acknowledgments / Super Kraver portrait gallery */
.acknowledgments-page{max-width:1020px}
.ack-hero{position:relative;max-width:780px;padding-top:8px}
.ack-hero-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 0 22px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.16),rgba(255,255,255,.035) 58%,rgba(0,0,0,.14));box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 0 24px rgba(255,255,255,.025);color:#d9d3c7;font-size:16px}
.ack-intro{max-width:720px}
.ack-super-section{position:relative;margin-top:42px;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018) 58%,rgba(0,0,0,.12));box-shadow:0 24px 60px rgba(0,0,0,.18);overflow:hidden}
.ack-super-section::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);pointer-events:none}
.ack-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:8px}
.ack-eyebrow{margin-bottom:7px;color:#8f8b83;font:700 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.ack-section-heading h2{margin:0;color:#f1eee7;font:400 40px/.95 'Bebas Neue','Arial Narrow',Impact,sans-serif;letter-spacing:.025em}
.ack-section-heading>strong{padding-bottom:5px;color:#aaa69d;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.ack-section-copy{max-width:690px;margin:10px 0 0;color:#b5b0a7;font-size:15px;line-height:1.65}
.acknowledgments-status{margin:28px 0 0;padding:20px;border:1px dashed rgba(255,255,255,.12);border-radius:15px;color:#9e9a92;text-align:center;font-size:14px;line-height:1.55}
.ack-supporter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.ack-supporter-card{position:relative;display:flex;align-items:center;gap:15px;min-width:0;min-height:112px;padding:18px 42px 18px 18px;border:1px solid rgba(255,255,255,.105);border-radius:16px;background:linear-gradient(135deg,rgba(0,0,0,.23),rgba(255,255,255,.025));box-shadow:0 12px 28px rgba(0,0,0,.13);overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.ack-supporter-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(0,0,0,.19),rgba(255,255,255,.045))}
.ack-supporter-portrait{position:relative;display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border:1px solid rgba(255,255,255,.19);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.16),rgba(255,255,255,.04) 58%,rgba(0,0,0,.22));box-shadow:0 8px 20px rgba(0,0,0,.2),inset 0 0 0 4px rgba(0,0,0,.12);overflow:hidden}
.ack-supporter-portrait::after{content:'';position:absolute;inset:3px;border:1px solid rgba(255,255,255,.09);border-radius:inherit;pointer-events:none;z-index:2}
.ack-supporter-fallback{color:#d8d2c6;font:400 22px/1 'Bebas Neue','Arial Narrow',Impact,sans-serif;letter-spacing:.04em}
.ack-supporter-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}
.ack-supporter-portrait.has-avatar .ack-supporter-avatar{opacity:1}
.ack-supporter-copy{min-width:0}
.ack-supporter-copy h3{margin:0;color:#f0ece4;font:700 16px/1.25 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.ack-supporter-copy p{margin:7px 0 0;color:#8f8b83;font:700 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.ack-supporter-copy .ack-supporter-since{margin-top:6px;color:#aaa69d;font-size:10px;line-height:1.25;letter-spacing:.025em;text-transform:none}
.ack-supporter-mark{position:absolute;right:15px;top:15px;color:rgba(218,211,199,.55);font-size:10px}
.acknowledgments-privacy{max-width:760px;margin:16px 0 0;color:#7f7b74;font-size:11px;line-height:1.55}
@media(max-width:880px){.ack-supporter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ack-super-section{margin-top:32px;padding:20px}.ack-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.ack-section-heading h2{font-size:34px}.ack-section-heading>strong{padding:0}.ack-supporter-grid{grid-template-columns:1fr;gap:11px;margin-top:22px}.ack-supporter-card{min-height:100px;padding:15px 40px 15px 15px}.ack-supporter-portrait{flex-basis:58px;width:58px;height:58px}.ack-hero-mark{width:48px;height:48px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.ack-supporter-card,.ack-supporter-avatar{transition:none}}


/* v150 - mobile presentation and convergence spacing polish */
.hero-title-line{display:block}

/* Keep dual pages visually connected from the parent links into the combined effect and public echoes. */
.nekthar-dual-detail .nekthar-dual-hero{padding-bottom:26px}
.nekthar-dual-detail .nekthar-dual-body{padding-top:10px}
.nekthar-dual-detail .nekthar-dual-echoes{margin-top:28px}

/* Correct the numbered anatomy markers for the current Gorl card artwork. */
.quick-start-page .anatomy-dot-v4{transform:translate(-50%,-50%)}
.quick-start-page .anatomy-pos-cost{left:14%;top:10%}
.quick-start-page .anatomy-pos-hp{left:86%;right:auto;top:10%}
.quick-start-page .anatomy-pos-soma{left:14%;top:68%}
.quick-start-page .anatomy-pos-ethos{left:14%;top:72%}
.quick-start-page .anatomy-pos-attack-cost{left:14%;bottom:auto;top:88%}
.quick-start-page .anatomy-pos-side-effect{left:61%;bottom:auto;top:88%}
.quick-start-page .anatomy-pos-damage{left:86%;right:auto;bottom:auto;top:88%}

@media(max-width:620px){
  /* Home headline: one complete sentence per line. */
  .home-page .hero h1{font-size:clamp(27px,8vw,33px)!important;line-height:1.14!important;letter-spacing:-.012em!important}
  .home-page .hero .hero-title-line{white-space:nowrap}

  /* Seven mono Nekthar shortcuts always stay on one clean row. */
  .nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-mini-nav{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:clamp(3px,1.2vw,6px)!important;width:100%!important;max-width:100%!important;padding-inline:0!important}
  .nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-mini-link{flex:0 1 40px!important;width:auto!important;min-width:0!important;height:auto!important;aspect-ratio:1/1!important}
  .nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-mini-link img{width:72%!important;height:72%!important}

  /* Sets: clear the obsolete horizontal-card grid rules that were constraining the flip card to a narrow first column. */
  .sets-page .set-tile{display:block!important;grid-template-columns:none!important;gap:0!important;align-items:initial!important;width:100%!important;max-width:100%!important}
  .sets-page .set-tile-inner,.sets-page .set-face{width:100%!important;max-width:100%!important}

  /* Mobile heading containment across editorial pages. */
  h1,h2,h3{max-width:100%;white-space:normal!important;word-break:normal;overflow-wrap:break-word}
  .legal-block h2{font-size:20px!important;line-height:1.2!important;letter-spacing:0!important;overflow-wrap:anywhere!important}
  .faq-question,.nq-recs h3,.nq-echoes h3,.nekthar-section-heading h2{overflow-wrap:anywhere!important;text-wrap:pretty}
}

/* v161 - restore the mobile Sets face-swap fix that was lost after v153.
   On mobile, avoid 3D transforms entirely so iOS/WebKit cannot render mirrored or overlapping faces. */
@media(max-width:760px){
  .sets-page .set-tile{
    perspective:none!important;
    -webkit-perspective:none!important;
  }
  .sets-page .set-tile-inner,
  .sets-page .set-tile.is-flipped .set-tile-inner{
    display:block!important;
    transform:none!important;
    -webkit-transform:none!important;
    transform-style:flat!important;
    -webkit-transform-style:flat!important;
  }
  .sets-page .set-face{
    grid-area:auto!important;
    transform:none!important;
    -webkit-transform:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
    transition:border-color .18s ease,box-shadow .18s ease!important;
  }
  .sets-page .set-face-front{
    display:flex!important;
  }
  .sets-page .set-face-back{
    display:none!important;
  }
  .sets-page .set-tile.is-flipped .set-face-front{
    display:none!important;
  }
  .sets-page .set-tile.is-flipped .set-face-back{
    display:flex!important;
  }
}


/* === Grouped site footer v189 === */
.site-footer{
  background:rgba(8,10,10,.78)!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.7)!important;
  backdrop-filter:blur(14px) saturate(.7)!important;
}
.site-footer-inner{
  width:min(1660px,calc(100% - 124px))!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:44px 0 24px!important;
  display:block!important;
}
.site-footer-directory{
  display:grid;
  grid-template-columns:1.2fr 1.15fr 1fr 1fr .82fr 1.15fr;
  gap:0;
  align-items:start;
}
.site-footer-group{
  min-width:0;
  padding:0 28px;
  border-left:1px solid rgba(255,255,255,.075);
  display:flex;
  flex-direction:column;
  gap:9px;
}
.site-footer-group:first-child{padding-left:0;border-left:0}
.site-footer-group:last-child{padding-right:0}
.site-footer-group h2{
  margin:0 0 7px;
  color:#ece9e1;
  font-family:inherit;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.site-footer-group a{
  width:fit-content;
  max-width:100%;
  color:#929895;
  font-size:13px;
  line-height:1.35;
  text-decoration:none;
  transition:color .15s ease,transform .15s ease;
}
.site-footer-group a:hover{color:#f0f1ef;transform:translateX(2px)}
.site-footer-bottom{
  margin-top:38px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.075);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:28px;
}
.site-footer-bottom .site-footer-copy{justify-self:start;font-size:13px!important;line-height:1.4;color:#b9bdb9;font-weight:700}
.site-footer-bottom .site-footer-copy p{margin:0}
.site-footer-bottom .site-footer-socials{justify-self:center;display:flex;align-items:center;gap:24px}
.site-footer-bottom .site-footer-credit{justify-self:end;margin:0;font-size:13px!important;line-height:1.4;color:#a8ada9;font-weight:700;text-align:right}


/* === Compact grouped site footer v190 === */
.site-footer-inner{
  width:min(1660px,calc(100% - 124px))!important;
  padding:20px 0 14px!important;
}
.site-footer-directory{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
}
.site-footer-group{
  display:block!important;
  padding:0 18px!important;
  border-left:1px solid rgba(255,255,255,.06)!important;
  line-height:1.25!important;
}
.site-footer-group:first-child{padding-left:0!important;border-left:0!important}
.site-footer-group:last-child{padding-right:0!important}
.site-footer-group h2{
  margin:0 0 5px!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  color:#c9ccc8!important;
}
.site-footer-group a{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  font-size:10px!important;
  line-height:1.55!important;
  color:#858b87!important;
  white-space:normal!important;
  transform:none!important;
}
.site-footer-group a:hover{color:#f0f1ef!important;transform:none!important}
.site-footer-group a:not(:last-child)::after{
  content:" · ";
  color:#565c58;
  pointer-events:none;
}
.site-footer-bottom{
  margin-top:14px!important;
  padding-top:11px!important;
  gap:20px!important;
}
.site-footer-bottom .site-footer-copy,
.site-footer-bottom .site-footer-credit{
  font-size:10px!important;
  line-height:1.25!important;
}
.site-footer-bottom .site-footer-socials{gap:18px!important}
.site-footer-bottom .site-footer-socials a{width:17px!important;height:17px!important}

/* === Simple site footer v192 === */
.site-footer{
  background:#000!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.site-footer-inner{
  width:min(1660px,calc(100% - 124px))!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:15px 0!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto auto!important;
  align-items:center!important;
  gap:24px!important;
}
.site-footer-directory,.site-footer-group,.site-footer-bottom{display:none!important}
.site-footer-copy{justify-self:start!important;font-size:10px!important;line-height:1.25!important;color:#b8bcb8!important;font-weight:700!important}
.site-footer-copy p{margin:0!important}
.site-footer-nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:15px!important;flex-wrap:wrap!important;font-size:10px!important;line-height:1.25!important;letter-spacing:.035em!important}
.site-footer-nav a{color:#858b87!important;text-decoration:none!important;transition:color .15s ease!important}
.site-footer-nav a:hover{color:#f0f1ef!important}
.site-footer-socials{justify-self:center!important;display:flex!important;align-items:center!important;gap:15px!important}
.site-footer-socials a{width:16px!important;height:16px!important;display:grid!important;place-items:center!important;opacity:.76!important}
.site-footer-socials a:hover{opacity:1!important;transform:translateY(-1px)!important}
.site-footer-socials svg{width:100%!important;height:100%!important;fill:#e5e6e3!important}
.site-footer-credit{justify-self:end!important;margin:0!important;font-size:10px!important;line-height:1.25!important;color:#9fa49f!important;font-weight:700!important;text-align:right!important}


/* === v213 solid black footer === */
body.home-page .site-footer{
  background:#000!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}


/* v201 — mono Nekthar echoes full-width horizontal layout */
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-feature-grid{grid-template-columns:minmax(0,1fr);max-width:1040px}
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-echoes{width:100%}
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-echoes ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:0}
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-echoes li:nth-child(-n+2){border-top:0}
@media(max-width:700px){
  .nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-echoes ul{grid-template-columns:minmax(0,1fr)}
  .nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-echoes li:nth-child(2){border-top:1px solid rgba(255,255,255,.08)}
}

/* v203 — align single Nekthar content blocks with convergence page width */
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-detail-body .nekthar-feature-grid,
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-capital-section,
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-kravers-section,
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-mono-convergences{
  width:100%;
  max-width:1060px;
}
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-detail-body .nekthar-feature,
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-capital-card,
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-kraver-grid,
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-mono-convergences .nekthar-convergence-grid{
  width:100%;
}


/* Card Search Patreon-member gate */
.card-access-gate[hidden]{display:none!important}
.card-access-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 28%,#263029 0,#111713 48%,#080b09 100%);color:#fff}
.card-access-gate-card{width:min(470px,100%);padding:38px 32px 32px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(16,21,18,.94);box-shadow:0 30px 90px rgba(0,0,0,.48);text-align:center}
.card-access-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:15px;font-weight:900;letter-spacing:.08em}
.card-access-gate-card small{font-size:10px;letter-spacing:.16em;opacity:.58}
.card-access-gate-card h2{margin:9px 0 12px;font-size:30px}
.card-access-gate-card p{margin:0 auto 10px;max-width:390px;font-size:13px;line-height:1.65;color:rgba(255,255,255,.74)}
.card-access-gate-card .card-access-note{margin-bottom:22px}
.card-access-login{display:block;padding:13px 18px;border-radius:9px;background:#f2f2ef;color:#111;text-decoration:none;font-size:12px;font-weight:850}
.card-access-login:hover{transform:translateY(-1px)}
.card-access-message{margin-top:12px;color:#ef9aa5;font-size:11px;line-height:1.5}
.card-access-message:empty{display:none}
.card-access-join,.card-access-back{display:block;width:max-content;max-width:100%;margin:15px auto 0;color:#cbb1eb;font-size:11px;text-decoration:none}
.card-access-back{margin-top:10px;color:rgba(255,255,255,.58)}
body.card-auth-pending>.topbar,body.card-auth-pending>.database-main,body.card-auth-pending>.site-footer,body.card-auth-pending>.card-modal,body.card-auth-pending>.mobile-overlay,body.card-auth-pending>.back-to-top,
body.card-auth-denied>.topbar,body.card-auth-denied>.database-main,body.card-auth-denied>.site-footer,body.card-auth-denied>.card-modal,body.card-auth-denied>.mobile-overlay,body.card-auth-denied>.back-to-top{visibility:hidden}
@media(max-width:600px){.card-access-gate{padding:16px}.card-access-gate-card{padding:30px 20px 26px}.card-access-gate-card h2{font-size:26px}}


/* === v205 Card Search cleanup === */
/* The old left-hand Sets rail is gone. Filters now own the full controls column. */
.database-page .database-heading{justify-content:flex-start}
.database-page .search-controls{
  display:block!important;
  grid-template-columns:1fr!important;
  width:360px!important;
  min-width:360px!important;
  overflow:hidden;
}
.database-page .filter-panel{
  width:100%!important;
  padding:22px 22px 24px!important;
}
.database-page .database-layout{
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:28px!important;
}
.database-page .panel-title{font-size:24px!important}
.database-page .filter-field>span,
.database-page .filter-field legend,
.database-page .filter-group-label{
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:.105em!important;
}
.database-page .filter-field input,
.database-page .filter-field select,
.database-page .sort-control select,
.database-page .multi-filter{
  font-size:14px!important;
}
.database-page .multi-filter summary{font-size:14px!important}
.database-page .set-scope-options label,
.database-page .specific-set-choices label,
.database-page .nekthar-chip{
  font-size:11px!important;
}
.database-page .specific-set-choices small{font-size:10px!important}
.database-page .text-button{font-size:12px!important}
.database-page .controls-toggle-text{font-size:11px}

/* Card Search Patreon wall: full, normal page-scale typography instead of a cramped modal. */
.card-access-gate{padding:32px}
.card-access-gate-card{
  width:min(660px,100%);
  padding:48px 46px 42px;
  border-radius:20px;
}
.card-access-mark{width:64px;height:64px;margin-bottom:18px;font-size:17px}
.card-access-gate-card small{font-size:11px;letter-spacing:.15em}
.card-access-gate-card h2{margin:12px 0 16px;font-size:38px;line-height:1.05}
.card-access-gate-card p{max-width:530px;margin-bottom:12px;font-size:16px;line-height:1.6}
.card-access-gate-card .card-access-note{margin-bottom:28px}
.card-access-login{padding:15px 20px;font-size:14px;border-radius:10px}
.card-access-message{margin-top:14px;font-size:13px;line-height:1.55}
.card-access-join,.card-access-back{font-size:13px;margin-top:18px}
.card-access-back{margin-top:12px}

@media(max-width:1080px){
  .database-page .database-layout{grid-template-columns:1fr!important}
  .database-page .search-controls{width:100%!important;min-width:0!important}
}
@media(max-width:600px){
  .card-access-gate{padding:16px}
  .card-access-gate-card{padding:34px 22px 30px}
  .card-access-mark{width:58px;height:58px}
  .card-access-gate-card h2{font-size:31px}
  .card-access-gate-card p{font-size:15px;line-height:1.55}
  .card-access-login{font-size:14px}
}


/* Known World */
.known-world-main{min-height:70vh;padding:0 0 96px}
.known-world-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:1120px;margin:0 auto}
.known-world-frame{margin:0;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#171a18,#0d0f0e);box-shadow:0 28px 72px rgba(0,0,0,.34)}
.known-world-frame-inner{padding:14px;border:1px solid rgba(232,225,208,.18);border-radius:12px;background:linear-gradient(180deg,#1b1713,#0f0e0c)}
.known-world-frame img{display:block;width:100%;height:auto;border-radius:8px;border:10px solid #1f1a14;box-shadow:0 14px 32px rgba(0,0,0,.34)}
.known-world-legend{width:min(920px,calc(100% - 56px));margin:0 auto;padding:24px 30px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#181a19,#101312);box-shadow:0 20px 48px rgba(0,0,0,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.known-world-legend p{margin:0;max-width:800px;color:#ece8df;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.72;text-align:justify;text-wrap:pretty}
.known-world-legend .known-world-hint{margin-top:8px;max-width:none;color:rgba(236,232,223,.68);font-family:var(--font-ui);font-size:12px;line-height:1.35;font-weight:400;letter-spacing:.05em;text-align:center;text-transform:uppercase}
.known-world-backline{max-width:1120px;margin:24px auto 0}
.known-world-back{margin-bottom:0}
.known-world-map-stage{position:relative}
.known-world-map-stage>img{position:relative;z-index:1}
.capital-map-hotspot{
  position:absolute;
  z-index:4;
  width:4.8%;
  min-width:24px;
  max-width:54px;
  aspect-ratio:1;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  transform:translate(-50%,-50%);
  appearance:none;
  -webkit-appearance:none;
}
.capital-map-hotspot::before{
  content:"";
  position:absolute;
  width:500%;
  height:180%;
  left:-200%;
  top:-40%;
  background:transparent;
}
.capital-map-hotspot::after{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:50%;
  border:1px solid transparent;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.capital-map-hotspot:hover::after,
.capital-map-hotspot:focus::after{
  border-color:rgba(242,236,225,.48);
  box-shadow:0 0 0 3px rgba(0,0,0,.18);
}
.capital-map-hotspot:focus{outline:none}
.capital-map-hotspot:focus-visible::after{border-color:#f2ece1;box-shadow:0 0 0 3px rgba(0,0,0,.45)}
.capital-map-hotspot-helissucre{left:22.4%;top:49.0%}
.capital-map-hotspot-trelassen{left:50.1%;top:33.6%}
.capital-map-hotspot-nopinas{left:74.6%;top:55.0%}
.capital-map-hotspot-varksidion{left:43.9%;top:67.0%}
.capital-map-hotspot-festurat{left:29.6%;top:76.1%}
.capital-map-preview{
  position:absolute;
  z-index:20;
  display:block;
  width:min(330px,31vw);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.62));
  transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s;
}
.capital-map-preview img{display:block;width:100%;height:auto;border:0!important;border-radius:9px!important;box-shadow:none!important}
.capital-map-hotspot:hover .capital-map-preview,
.capital-map-hotspot:focus .capital-map-preview{
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}
.capital-map-preview-right{left:calc(100% + 14px);top:50%;transform:translateY(-50%) scale(.96);transform-origin:left center}
.capital-map-hotspot:hover .capital-map-preview-right,.capital-map-hotspot:focus .capital-map-preview-right{transform:translateY(-50%) scale(1)}
.capital-map-preview-left{right:calc(100% + 14px);top:50%;transform:translateY(-50%) scale(.96);transform-origin:right center}
.capital-map-hotspot:hover .capital-map-preview-left,.capital-map-hotspot:focus .capital-map-preview-left{transform:translateY(-50%) scale(1)}
.capital-map-preview-below{left:50%;top:calc(100% + 14px);transform:translateX(-50%) scale(.96);transform-origin:center top}
.capital-map-hotspot:hover .capital-map-preview-below,.capital-map-hotspot:focus .capital-map-preview-below{transform:translateX(-50%) scale(1)}
.capital-map-preview-above{left:50%;bottom:calc(100% + 14px);transform:translateX(-50%) scale(.96);transform-origin:center bottom}
.capital-map-hotspot:hover .capital-map-preview-above,.capital-map-hotspot:focus .capital-map-preview-above{transform:translateX(-50%) scale(1)}
.capital-map-preview-above-right{left:calc(100% + 10px);bottom:calc(100% + 8px);transform:scale(.96);transform-origin:left bottom}
.capital-map-hotspot:hover .capital-map-preview-above-right,.capital-map-hotspot:focus .capital-map-preview-above-right{transform:scale(1)}
@media(max-width:720px){
  .capital-map-preview{width:min(260px,62vw)}
}
@media(max-width:520px){
  .capital-map-preview{width:min(220px,68vw)}
  .capital-map-preview-right,.capital-map-preview-left,.capital-map-preview-below,.capital-map-preview-above,.capital-map-preview-above-right{
    left:50%;right:auto;top:auto;bottom:calc(100% + 9px);transform:translateX(-50%) scale(.96);transform-origin:center bottom;
  }
  .capital-map-hotspot:hover .capital-map-preview-right,.capital-map-hotspot:focus .capital-map-preview-right,
  .capital-map-hotspot:hover .capital-map-preview-left,.capital-map-hotspot:focus .capital-map-preview-left,
  .capital-map-hotspot:hover .capital-map-preview-below,.capital-map-hotspot:focus .capital-map-preview-below,
  .capital-map-hotspot:hover .capital-map-preview-above,.capital-map-hotspot:focus .capital-map-preview-above,
  .capital-map-hotspot:hover .capital-map-preview-above-right,.capital-map-hotspot:focus .capital-map-preview-above-right{transform:translateX(-50%) scale(1)}
}
@media (max-width:980px){
  .known-world-layout{grid-template-columns:1fr;gap:18px;max-width:100%}
  .known-world-legend{width:min(880px,calc(100% - 36px));padding:22px 26px}
  .known-world-legend p{font-size:18px;line-height:1.7}
}
@media (max-width:640px){
  .known-world-frame{padding:12px}
  .known-world-frame-inner{padding:10px}
  .known-world-frame img{border-width:6px}
  .known-world-legend{width:100%;padding:20px 18px}
  .known-world-legend p{font-size:17px;line-height:1.65}
}

/* === v210 Core Set release countdown === */
.core-release-countdown{
  position:relative;
  z-index:19;
  width:100%;
  background:rgba(8,9,9,.88);
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 8px 24px rgba(0,0,0,.14);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.core-release-countdown-inner{
  width:min(1180px,calc(100% - 64px));
  min-height:54px;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto auto;
  justify-content:center;
  align-items:center;
  gap:64px;
  color:#f2f0eb;
  text-decoration:none;
}
.core-release-countdown-heading{display:flex;align-items:center;gap:14px;min-width:0;justify-self:end}
.core-release-countdown-kicker,
.core-release-countdown-heading time{
  font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;
  font-size:20px;
  font-weight:400;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
}
.core-release-countdown-heading time{color:#aeb3af}
.core-release-countdown-clock{display:flex;align-items:center;justify-content:center;justify-self:start;gap:10px}
.core-release-unit{display:grid;grid-template-rows:auto auto;place-items:center;min-width:50px}
.core-release-unit strong{
  font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;
  font-size:25px;
  font-weight:400;
  line-height:.9;
  letter-spacing:.035em;
  font-variant-numeric:tabular-nums;
}
.core-release-unit small{
  margin-top:3px;
  color:#858b87;
  font-size:7px;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
}
.core-release-separator{margin-top:-10px;color:#5f6461;font-size:16px}
.core-release-released{
  font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;
  font-size:25px;
  letter-spacing:.065em;
  text-transform:uppercase;
}
@media(max-width:900px){
  .core-release-countdown-inner{
    width:min(100% - 40px,760px);
    min-height:60px;
    grid-template-columns:auto auto;
    justify-content:center;
    gap:16px 32px;
    padding:7px 0;
  }
  .core-release-countdown-heading{justify-self:end;gap:9px}
  .core-release-countdown-clock{justify-self:start;gap:6px}
  .core-release-unit{min-width:42px}
  .core-release-unit strong{font-size:22px}
  .core-release-unit small{margin-top:2px}
  .core-release-separator{font-size:14px;margin-top:-9px}
}
@media(max-width:560px){
  .core-release-countdown-inner{
    width:calc(100% - 24px);
    min-height:0;
    grid-template-columns:1fr;
    justify-items:center;
    gap:7px;
    padding:9px 0 8px;
  }
  .core-release-countdown-heading{align-items:center;gap:9px;text-align:center;transform:translateX(-5px)}
  .core-release-countdown-kicker,
  .core-release-countdown-heading time{font-size:17px}
  .core-release-countdown-clock{justify-self:center;gap:5px;transform:translateX(-5px)}
  .core-release-unit{min-width:39px}
  .core-release-unit strong{font-size:21px}
  .core-release-unit small{font-size:6px}
}


/* v217 - Nekthar index and lore/known-world layout cleanup */
.nekthar-types-page .nekthar-index-hero{padding-top:48px;padding-bottom:58px}
.nekthar-types-page .nekthar-wheel-stage{margin:0 auto}
.nekthar-types-page .nekthar-wheel-shell{margin:52px auto 72px}

.known-world-intro{margin-bottom:34px}
.known-world-intro .display{margin-bottom:0}

@media(max-width:900px){
  .nekthar-types-page .nekthar-index-hero{padding-top:38px;padding-bottom:52px}
  .nekthar-types-page .nekthar-wheel-shell{margin:42px auto 58px}
  .known-world-intro{margin-bottom:30px}
}
@media(max-width:719px){
  .nekthar-types-page .nekthar-index-hero{padding-top:24px;padding-bottom:42px}
}
@media(max-width:620px){
  .known-world-intro{margin-bottom:24px}
}


/* v218 - Sets index as compact link cards + dedicated set detail pages */
.sets-index-section{padding-top:56px;padding-bottom:104px}
.sets-index-shell{max-width:1120px}
.set-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.set-index-card{position:relative;display:flex;min-width:0;min-height:262px;padding:22px 22px 20px;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(145deg,#171a18,#0d0f0e);box-shadow:0 18px 46px rgba(0,0,0,.22);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.set-index-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.065),transparent 34%);pointer-events:none}
.set-index-card:hover,.set-index-card:focus-visible{transform:translateY(-3px);border-color:rgba(255,255,255,.25);box-shadow:0 26px 62px rgba(0,0,0,.32)}
.set-index-card:focus-visible{outline:2px solid rgba(239,233,222,.65);outline-offset:3px}
.set-index-card.is-core{border-color:rgba(224,139,50,.30);background:linear-gradient(145deg,rgba(28,19,12,.96),rgba(7,8,8,.98))}
.set-index-card.is-core::before{background:radial-gradient(circle at 50% 26%,rgba(224,139,50,.13),transparent 37%)}
.set-index-card.is-core:hover,.set-index-card.is-core:focus-visible{border-color:rgba(224,139,50,.48)}
.set-index-symbol{position:relative;z-index:1;display:grid;place-items:center;height:128px;margin-bottom:15px}
.set-index-symbol::before{content:"";position:absolute;width:112px;height:112px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 11px rgba(255,255,255,.012)}
.set-index-symbol img{position:relative;z-index:1;display:block;max-width:104px;max-height:108px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 9px 16px rgba(0,0,0,.42))}
.set-index-copy{position:relative;z-index:1;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}
.set-index-copy h2{margin:0 0 8px;color:#f2ece1;font:700 30px/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.022em;text-wrap:balance}
.set-index-copy p{margin:0;color:#d4cec3;font:700 10.5px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.045em;text-transform:uppercase}
.set-index-copy span{display:block;margin-top:7px;color:#8f958f;font:700 10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.025em}

.set-detail-section{padding-top:62px;padding-bottom:112px}
.set-detail-shell{max-width:1160px}
.set-detail-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;color:#aeb4b0;text-decoration:none;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.10em;text-transform:uppercase}
.set-detail-back:hover{color:#fff}
.set-detail-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:38px;align-items:stretch}
.set-detail-info{padding:18px 0 8px}
.set-detail-info .display{margin:8px 0 22px;font-size:clamp(54px,6vw,78px);letter-spacing:-.035em}
.set-detail-description{margin:0;color:#d6d0c5;font:18px/1.72 Georgia,'Times New Roman',serif;text-wrap:pretty}
.set-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 0}
.set-detail-meta>div{padding:15px 16px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.025)}
.set-detail-meta dt{margin:0 0 6px;color:#8f958f;font:700 9px/1.15 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.set-detail-meta dd{margin:0;color:#f0ece4;font:700 14px/1.25 Arial,Helvetica,sans-serif}
.set-detail-map{display:flex;margin:0;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(145deg,#171a18,#0d0f0e);box-shadow:0 24px 60px rgba(0,0,0,.27)}
.set-detail-map a{display:flex;width:100%}
.set-detail-map img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;border:8px solid #1f1a14;border-radius:9px;box-shadow:0 12px 28px rgba(0,0,0,.30)}
.set-establishes{margin-top:58px;padding-top:42px;border-top:1px solid rgba(255,255,255,.12)}
.set-section-heading{max-width:820px}
.set-section-heading h2{margin:8px 0 18px;color:#f1ede4;font:700 clamp(34px,4.4vw,50px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.set-establishes>p{max-width:900px;margin:0;color:#d2ccc1;font:18px/1.72 Georgia,'Times New Roman',serif;text-wrap:pretty}
.set-technical-block{margin-top:36px;max-width:900px}
.set-technical-block h3{margin:0 0 14px;color:#f0ece4;font:700 24px/1.15 Georgia,'Times New Roman',serif}
.set-technical-group+.set-technical-group{margin-top:28px}
.set-technical-group h4{margin:0 0 10px;color:#cfc9be;font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.set-table-wrap{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.10))}
.set-stat-table{width:100%;border-collapse:collapse}
.set-stat-table th,.set-stat-table td{padding:13px 17px;border-bottom:1px solid rgba(255,255,255,.075);text-align:left}
.set-stat-table thead th{color:#8f958f;background:rgba(0,0,0,.12);font:700 9px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.set-stat-table tbody th{color:#ddd7cc;font:700 14px/1.25 Arial,Helvetica,sans-serif}
.set-stat-table tbody td{width:120px;color:#f4eee3;font:700 15px/1.25 Arial,Helvetica,sans-serif}
.set-stat-table tbody tr:last-child th,.set-stat-table tbody tr:last-child td{border-bottom:0}
.set-stat-note{max-width:760px!important;margin:13px 0 0!important;color:#8f958f!important;font:11.5px/1.55 Arial,Helvetica,sans-serif!important}

.set-detail-shell-simple{max-width:900px}
.set-simple-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;align-items:center;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,#171a18,#0d0f0e)}
.set-simple-symbol{display:grid;place-items:center;min-height:160px}
.set-simple-symbol img{display:block;max-width:140px;max-height:145px;width:auto;height:auto}
.set-simple-hero .display{margin:7px 0 20px;font-size:clamp(48px,6vw,72px)}
.set-simple-hero .set-detail-meta{max-width:520px;margin-top:0}
.set-simple-copy{margin-top:28px;padding:28px 30px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.025)}
.set-simple-copy p{margin:0 0 16px;color:#d2ccc1;font:18px/1.7 Georgia,'Times New Roman',serif}
.set-simple-copy p:last-child{margin-bottom:0}

@media(max-width:920px){
  .set-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .set-detail-hero{grid-template-columns:1fr;gap:26px}
  .set-detail-map img{min-height:0;height:auto;object-fit:contain}
}
@media(max-width:620px){
  .sets-index-section{padding-top:34px;padding-bottom:78px}
  .set-index-grid{grid-template-columns:1fr;gap:11px}
  .set-index-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:15px;align-items:center;min-height:0;padding:15px 16px}
  .set-index-symbol{height:92px;margin:0}
  .set-index-symbol::before{width:74px;height:74px;box-shadow:0 0 0 8px rgba(255,255,255,.012)}
  .set-index-symbol img{max-width:70px;max-height:76px}
  .set-index-copy{padding:3px 0 3px 15px;border-top:0;border-left:1px solid rgba(255,255,255,.08)}
  .set-index-copy h2{font-size:25px;margin-bottom:6px}
  .set-index-copy p{font-size:9.5px}.set-index-copy span{font-size:9.5px;margin-top:5px}
  .set-detail-section{padding-top:40px;padding-bottom:82px}
  .set-detail-back{margin-bottom:24px}
  .set-detail-info{padding-top:0}
  .set-detail-info .display{font-size:48px;margin-bottom:18px}
  .set-detail-description,.set-establishes>p,.set-simple-copy p{font-size:16.5px;line-height:1.66}
  .set-detail-meta{grid-template-columns:1fr;gap:8px;margin-top:23px}
  .set-detail-map{padding:10px}
  .set-detail-map img{border-width:5px}
  .set-establishes{margin-top:40px;padding-top:32px}
  .set-section-heading h2{font-size:34px}
  .set-technical-block{margin-top:28px}
  .set-stat-table th,.set-stat-table td{padding:12px 13px}
  .set-simple-hero{grid-template-columns:1fr;gap:10px;padding:22px}
  .set-simple-symbol{min-height:120px}.set-simple-symbol img{max-width:108px;max-height:112px}
  .set-simple-hero .display{font-size:46px}
  .set-simple-copy{padding:22px 20px}
}

/* v221 — desktop header balance with social icons */
@media (min-width:901px){
  .topbar .nav{
    width:min(1360px,calc(100% - 48px));
    max-width:none;
    margin-inline:auto;
    justify-content:space-between;
    gap:28px;
  }
  .topbar .nav .brand,
  body:not(.home-page) .nav .brand,
  .home-page .topbar .nav .brand{
    flex:0 0 300px;
    width:300px!important;
    max-width:300px!important;
    min-width:0;
  }
  .topbar .nav .menu,
  body:not(.home-page) .nav .menu,
  .home-page .topbar .nav .menu{
    margin-left:0!important;
    gap:clamp(16px,1.45vw,26px);
    min-width:0;
  }
  .topbar .header-socials{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    gap:14px;
    padding-left:18px;
    border-left:1px solid rgba(255,255,255,.13);
  }
  .topbar .header-socials a{
    width:19px;
    height:19px;
    display:grid;
    place-items:center;
    opacity:.76;
    transition:opacity .15s ease,transform .15s ease;
  }
  .topbar .header-socials a:hover{opacity:1;transform:translateY(-1px)}
  .topbar .header-socials svg{width:100%;height:100%;fill:#e5e6e3}
}

@media (min-width:1001px) and (max-width:1180px){
  .topbar .nav{width:calc(100% - 36px);gap:18px}
  .topbar .nav .brand,
  body:not(.home-page) .nav .brand,
  .home-page .topbar .nav .brand{
    flex-basis:250px;
    width:250px!important;
    max-width:250px!important;
  }
  .topbar .nav .menu,
  body:not(.home-page) .nav .menu,
  .home-page .topbar .nav .menu{gap:12px;font-size:13px}
  .topbar .header-socials{gap:10px;padding-left:12px}
  .topbar .header-socials a{width:17px;height:17px}
}

@media (max-width:1000px){
  .topbar .header-socials{display:none}
}

/* v221 — keep the navigation group left enough to leave a deliberate social zone on the right. */
@media (min-width:1001px){
  .topbar .nav{justify-content:flex-start}
  .topbar .header-socials{margin-left:auto}
}

/* v223 — compact desktop header balance */
@media (min-width:1181px){
  .topbar .nav{
    width:min(1240px,calc(100% - 64px));
    max-width:none;
    margin-inline:auto;
    justify-content:center;
    gap:20px;
  }
  .topbar .nav .brand,
  body:not(.home-page) .nav .brand,
  .home-page .topbar .nav .brand{
    flex:0 0 280px;
    width:280px!important;
    max-width:280px!important;
    min-width:0;
  }
  .topbar .nav .menu,
  body:not(.home-page) .nav .menu,
  .home-page .topbar .nav .menu{
    margin-left:0!important;
    gap:clamp(14px,1.15vw,20px);
    min-width:0;
  }
  .topbar .header-socials{
    margin-left:0!important;
    padding-left:10px;
    gap:10px;
  }
  .topbar .header-socials a{width:18px;height:18px}
  .topbar .nav > .brand,
  .topbar .nav > .menu,
  .topbar .nav > .header-socials{position:relative;left:-40px}
}

@media (min-width:1001px) and (max-width:1180px){
  .topbar .nav{
    width:calc(100% - 32px);
    justify-content:center;
    gap:14px;
  }
  .topbar .nav .brand,
  body:not(.home-page) .nav .brand,
  .home-page .topbar .nav .brand{
    flex:0 0 238px;
    width:238px!important;
    max-width:238px!important;
  }
  .topbar .nav .menu,
  body:not(.home-page) .nav .menu,
  .home-page .topbar .nav .menu{
    gap:10px;
    font-size:13px;
  }
  .topbar .header-socials{
    margin-left:0!important;
    padding-left:8px;
    gap:8px;
  }
  .topbar .header-socials a{width:17px;height:17px}
}


/* === v224 Map, Lore chapters, Card Updates and editorial reading pass === */

/* Lore chapter cards: dark treatment is the shared default for current and future chapters. */
.lore-chapter-card{
  border-color:rgba(255,255,255,.14);
  background:linear-gradient(145deg,#171a18 0%,#0d0f0e 100%);
  color:#ece8df;
  box-shadow:0 28px 60px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.025);
}
.lore-chapter-card::before{border-color:rgba(255,255,255,.075)}
.lore-chapter-card:hover,.lore-chapter-card:focus-visible{
  border-color:rgba(255,255,255,.26);
  box-shadow:0 34px 72px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.045);
}
.lore-chapter-art::after{
  background:linear-gradient(90deg,transparent 62%,rgba(13,15,14,.74) 100%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.22));
}
.lore-chapter-art img{filter:saturate(.9) contrast(1.01)}
.lore-chapter-number{color:#b99a6d}
.lore-chapter-card h3{color:#f2e8d5}
.lore-chapter-teaser{color:#c8c1b6}
.lore-read-link{color:#ded2bd}
@media(max-width:900px){
  .lore-chapter-art::after{background:linear-gradient(0deg,rgba(13,15,14,.72),transparent 48%)}
}

/* Card Updates: clean empty state instead of a stretched generic info layout. */
.card-updates-main{min-height:calc(100vh - 280px)}
.card-updates-section{padding-top:66px;padding-bottom:96px}
.card-updates-shell{width:min(860px,100%);margin:0 auto}
.card-updates-shell>.eyebrow{margin-bottom:12px}
.card-updates-shell>.display{margin:0 0 34px}
.card-updates-empty{
  padding:30px 34px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(23,26,24,.92),rgba(13,15,14,.92));
  box-shadow:0 20px 52px rgba(0,0,0,.22);
}
.card-updates-empty h2{margin:0 0 10px;font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:30px;font-weight:400;letter-spacing:.02em;color:#f0eee9}
.card-updates-empty p{max-width:680px;margin:0;color:#bfc3bf;font-size:16px;line-height:1.65}
@media(max-width:640px){
  .card-updates-section{padding-top:42px;padding-bottom:72px}
  .card-updates-shell>.display{margin-bottom:26px}
  .card-updates-empty{padding:24px 22px}
}

/* Editorial detail posts: image/title remain open, long-form copy sits on a dedicated reading surface. */
.editorial-article-header{margin-bottom:24px}
.editorial-article-header time{margin:0 0 12px}
.editorial-article-header h1{margin-bottom:0}
.editorial-hero{margin:28px 0 28px}
.editorial-body{
  padding:34px 40px 16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(13,15,14,.91),rgba(10,11,11,.86));
  box-shadow:0 22px 56px rgba(0,0,0,.22);
}
.editorial-body p{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
}
@media(max-width:760px){
  .editorial-body{padding:26px 22px 8px;border-radius:10px}
}

/* Map: compact single-screen layout on laptops, with caption exactly matching the map frame width. */
.known-world-main{min-height:0;padding:0}
.known-world-section{padding-top:26px!important;padding-bottom:24px!important}
.known-world-layout{width:min(760px,calc(100% - 32px));max-width:none;gap:12px;margin:0 auto}
.known-world-frame{width:100%;padding:10px;border-radius:14px;box-shadow:0 20px 52px rgba(0,0,0,.30)}
.known-world-frame-inner{padding:8px;border-radius:10px}
.known-world-frame img{width:100%;height:auto;border-width:6px;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.known-world-legend{width:100%;margin:0;padding:14px 20px;border-radius:11px;box-sizing:border-box}
.known-world-legend p{max-width:none;font-size:14px;line-height:1.45;font-weight:400}
.known-world-backline{width:min(760px,calc(100% - 32px));max-width:none;margin:12px auto 0}
.known-world-back{font-size:11px}
@media(max-height:850px) and (min-width:761px){
  .known-world-section{padding-top:16px!important;padding-bottom:16px!important}
  .known-world-layout,.known-world-backline{width:min(620px,calc(100% - 32px))}
  .known-world-frame{padding:8px}
  .known-world-frame-inner{padding:7px}
  .known-world-frame img{border-width:5px}
  .known-world-legend{padding:11px 16px}
  .known-world-legend p{font-size:14px;line-height:1.4}
  .known-world-backline{margin-top:9px}
}
@media(max-height:760px) and (min-width:761px){
  .known-world-layout,.known-world-backline{width:min(540px,calc(100% - 32px))}
  .known-world-section{padding-top:10px!important;padding-bottom:10px!important}
  .known-world-layout{gap:8px}
  .known-world-legend{padding:9px 14px}
  .known-world-legend p{font-size:13px;line-height:1.35}
  .known-world-backline{margin-top:7px}
}
@media(max-width:760px){
  .known-world-section{padding-top:20px!important;padding-bottom:46px!important}
  .known-world-layout,.known-world-backline{width:min(100% - 28px,680px)}
  .known-world-frame{padding:8px}
  .known-world-frame-inner{padding:7px}
  .known-world-frame img{border-width:5px}
  .known-world-legend{padding:15px 16px}
  .known-world-legend p{font-size:15px;line-height:1.5}
}

/* === v227 — balanced desktop header spacing ===
   Midpoint between the compact v225 header and the over-spread v226 pass.
   Mobile/tablet header behavior remains unchanged. */
@media (min-width:901px){
  .topbar .nav{
    width:min(1360px,calc(100% - 64px));
    max-width:none;
  }
  body:not(.home-page) .nav{
    justify-content:center;
    gap:clamp(30px,2.3vw,42px);
  }
  body:not(.home-page) .nav .menu{
    margin-left:0;
  }
  .menu,
  .home-page .menu{
    gap:clamp(20px,1.75vw,30px);
  }
  .header-socials{
    gap:clamp(18px,1.3vw,24px);
  }
  .home-nav{
    column-gap:clamp(32px,2.5vw,48px);
  }
}


/* v232 — compact News / Articles archive bar */
.editorial-archive-section{padding-top:38px}
.editorial-tools.editorial-archive-bar{
  width:100%;max-width:none;margin:0 0 34px;padding:12px 14px;
  display:grid;grid-template-columns:auto 1px minmax(0,1fr) minmax(220px,290px);
  align-items:center;gap:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(7,9,8,.68);
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  backdrop-filter:blur(7px);
}
.editorial-archive-title{
  appearance:none;border:0;background:transparent;color:#f1eee7;padding:0 4px 0 2px;
  font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif;font-size:36px;font-weight:400;
  line-height:1;letter-spacing:.015em;text-transform:uppercase;cursor:pointer;white-space:nowrap;
}
.editorial-archive-title:hover{color:#fff}
.editorial-archive-separator{display:block;width:1px;height:30px;background:rgba(255,255,255,.18)}
.editorial-categories.editorial-archive-categories{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px 8px;min-width:0}
.editorial-categories.editorial-archive-categories button{
  border-color:transparent;background:transparent;color:#aaa69e;padding:8px 9px;
  font-size:10px;letter-spacing:.085em;white-space:nowrap;
  transition:color .14s ease,background .14s ease,border-color .14s ease;
}
.editorial-categories.editorial-archive-categories button:hover{
  color:#f2eee6;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)
}
.editorial-categories.editorial-archive-categories button.is-active{
  color:#101110;background:#e8e1d4;border-color:#e8e1d4
}
.editorial-search.editorial-archive-search{width:100%;max-width:none;min-width:0}
.editorial-search.editorial-archive-search input{
  height:38px;background:rgba(2,4,3,.55);border-color:rgba(255,255,255,.18);padding:0 12px;font-size:14px
}
@media(max-width:1050px){
  .editorial-tools.editorial-archive-bar{grid-template-columns:auto 1px minmax(0,1fr);gap:14px 16px}
  .editorial-search.editorial-archive-search{grid-column:1/-1}
}
@media(max-width:760px){
  .editorial-archive-section{padding-top:28px}
  .editorial-tools.editorial-archive-bar{display:grid;grid-template-columns:auto 1px minmax(0,1fr);align-items:center;padding:12px;gap:12px;margin-bottom:26px}
  .editorial-archive-title{font-size:31px}
  .editorial-archive-separator{height:27px}
  .editorial-categories.editorial-archive-categories{gap:4px 5px}
  .editorial-categories.editorial-archive-categories button{padding:7px 8px;font-size:9.5px}
  .editorial-search.editorial-archive-search{grid-column:1/-1}
}
@media(max-width:560px){
  .editorial-tools.editorial-archive-bar{grid-template-columns:auto 1px minmax(0,1fr);padding:10px}
  .editorial-categories.editorial-archive-categories{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}
  .editorial-categories.editorial-archive-categories::-webkit-scrollbar{display:none}
  .editorial-search.editorial-archive-search input{height:40px}
}

/* v237: site-wide body copy uses justified alignment. UI text keeps its explicit alignment. */
main p{
  text-align:justify;
  text-justify:inter-word;
}

/* v238 - optical centering for the two-line mobile landing headline. */
@media(max-width:620px){
  .home-page .hero h1{transform:translateX(-4px)!important}
}
@media(max-width:390px){
  .home-page .hero h1{transform:translateX(-3px)!important}
}

/* v239 — tighten spacing between mono Nekthar hero and Real-world echoes */
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-detail-hero{
  padding-bottom:30px;
}
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-detail-body{
  padding-top:30px;
}
@media(max-width:640px){
  .nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-detail-hero{padding-bottom:26px}
  .nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-detail-body{padding-top:24px}
}

/* === v245 — clearer News archive overlay titles === */
.news-archive-page .news-preview-overlay h2{
  display:block;
  width:fit-content;
  max-width:100%;
  padding:11px 13px 12px;
  background:rgba(5,7,7,.62);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 22px rgba(0,0,0,.24);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
@media (max-width:640px){
  .news-archive-page .news-preview-overlay h2{padding:9px 11px 10px}
}


/* === v246 — lighter, smaller News archive title overlays === */
.news-archive-page .news-preview-overlay h2{
  font-size:23px;
  line-height:1.06;
  padding:8px 10px 9px;
  background:rgba(5,7,7,.48);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 6px 18px rgba(0,0,0,.20);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}
@media (max-width:640px){
  .news-archive-page .news-preview-overlay h2{font-size:21px;padding:7px 9px 8px}
}

/* === v248 — clean, flush editorial archive title strips === */
.editorial-archive-section .news-preview-overlay{
  left:0;
  right:0;
  bottom:0;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.editorial-archive-section .news-preview-kicker{
  align-self:flex-start;
  margin:0 0 8px 18px;
}
.editorial-archive-section .news-preview-overlay h2,
.news-archive-page .news-preview-overlay h2{
  display:block;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:9px 18px 10px;
  background:rgba(5,7,7,.42);
  border:0;
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.07);
  box-shadow:0 -5px 18px rgba(0,0,0,.16);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  font-size:23px;
  line-height:1.06;
}
.editorial-archive-section .news-preview-copy{
  padding:10px 18px 20px;
}
.editorial-archive-section .news-preview-meta{
  margin-bottom:13px;
  padding-bottom:11px;
}
@media(max-width:640px){
  .editorial-archive-section .news-preview-kicker{margin-left:15px;margin-bottom:6px}
  .editorial-archive-section .news-preview-overlay h2,
  .news-archive-page .news-preview-overlay h2{font-size:20px;padding:8px 15px 9px}
  .editorial-archive-section .news-preview-copy{padding:9px 15px 17px}
}

/* v253 - Nekthar Types landing composition refinement */
.nekthar-types-page .nekthar-index-hero{
  padding-top:12px;
  padding-bottom:44px;
}
.nekthar-types-page .nekthar-wheel-stage{
  margin:0 auto;
}
.nekthar-types-page .nekthar-wheel-shell{
  margin:24px auto 38px;
}
.nekthar-types-page .nekthar-wheel-center{
  left:50%;
  top:50%;
}
.nekthar-types-page .nekthar-index-actions{
  display:inline-flex;
  width:auto;
  max-width:min(640px,calc(100% - 32px));
  margin:0 auto;
  padding:10px 10px 10px 18px;
  gap:18px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(238,231,219,.22);
  border-radius:999px;
  background:rgba(6,9,9,.72);
  box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.nekthar-types-page .nekthar-wheel-hint{
  max-width:none;
  color:#e0d9ce;
  font:600 14px/1.35 Arial,Helvetica,sans-serif;
}
.nekthar-types-page .nekthar-index-actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:999px;
  background:#ece8e0;
  color:#111413;
  box-shadow:0 7px 18px rgba(0,0,0,.25);
  text-decoration:none;
  font:700 11px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.nekthar-types-page .nekthar-index-actions .btn:hover,
.nekthar-types-page .nekthar-index-actions .btn:focus-visible{
  transform:translateY(-1px);
  background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.32);
  outline:none;
}
@media(max-width:900px){
  .nekthar-types-page .nekthar-index-hero{padding-top:10px;padding-bottom:40px}
  .nekthar-types-page .nekthar-wheel-shell{margin:20px auto 34px}
}
@media(max-width:719px){
  .nekthar-types-page .nekthar-index-hero{padding-top:8px;padding-bottom:34px}
  .nekthar-types-page .nekthar-wheel-stage{margin-top:0!important}
  .nekthar-types-page .nekthar-wheel-shell{margin:22px auto 32px!important}
  .nekthar-types-page .nekthar-wheel-center{top:50%!important}
  .nekthar-types-page .nekthar-index-actions{
    display:flex;
    width:calc(100vw - 36px)!important;
    max-width:390px!important;
    padding:14px!important;
    gap:11px;
    flex-direction:column;
    border-radius:14px;
  }
  .nekthar-types-page .nekthar-wheel-hint{
    width:100%;
    max-width:none!important;
    font-size:13px;
    text-align:center!important;
  }
  .nekthar-types-page .nekthar-index-actions .btn{
    width:100%!important;
    min-height:44px;
  }
}


/* v255 Editorial detail image treatment: preserve source ratio inside a deliberate framed presentation. */
.editorial-hero{
  width:min(860px,calc(100% - 24px));
  margin:30px auto 34px;
  padding:10px;
  aspect-ratio:auto;
  overflow:hidden;
  border:1px solid rgba(224,215,195,.20);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(18,20,18,.96),rgba(8,10,9,.96));
  box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.025);
}
.editorial-hero img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  display:block;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
@media(max-width:760px){
  .editorial-hero{width:100%;margin:24px auto 28px;padding:6px;border-radius:10px}
  .editorial-hero img{border-radius:6px}
}

/* v256 Editorial detail integration: smaller headlines, compact hero, one continuous reading surface. */
.editorial-article{
  --editorial-width:820px;
  max-width:var(--editorial-width);
  padding:28px 34px 34px;
  border:1px solid rgba(224,215,195,.12);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(10,15,12,.80),rgba(8,10,9,.90));
  box-shadow:0 24px 64px rgba(0,0,0,.24);
}
.editorial-back{margin:0 0 18px}
.editorial-article-header{margin:0 0 12px}
.editorial-article-header time{margin:0 0 9px}
.editorial-article-header h1{
  max-width:760px;
  margin:0;
  font-size:clamp(32px,3.6vw,46px);
  line-height:1.04;
  letter-spacing:-.02em;
}
.editorial-hero{
  width:min(520px,70%);
  margin:15px auto 21px;
  padding:6px;
  border-color:rgba(224,215,195,.15);
  border-radius:10px;
  background:rgba(6,8,7,.52);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
.editorial-hero img{
  border-radius:6px;
  box-shadow:none;
}
.editorial-body{
  width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.editorial-body p{
  margin:0 0 19px;
  font-size:18px;
  line-height:1.64;
}
.editorial-body p:first-child{margin-top:2px}
.editorial-body p:last-child{margin-bottom:0}
@media(max-width:760px){
  .editorial-article{
    width:calc(100% - 24px);
    padding:22px 18px 26px;
    border-radius:12px;
  }
  .editorial-back{margin-bottom:15px}
  .editorial-article-header{margin-bottom:10px}
  .editorial-article-header h1{font-size:clamp(28px,8.5vw,36px);line-height:1.07}
  .editorial-hero{width:min(520px,92%);margin:16px auto 21px;padding:5px;border-radius:8px}
  .editorial-body{padding:0}
  .editorial-body p{font-size:17px;line-height:1.6;margin-bottom:18px}
}

/* v258 — tighten the top of single Nekthar type pages */
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-detail-hero{
  padding-top:42px;
}
.nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-back-link{
  margin-bottom:20px;
}
@media(max-width:640px){
  .nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-detail-hero{padding-top:28px}
  .nekthar-type-detail:not(.nekthar-dual-detail) .nekthar-back-link{margin-bottom:16px}
}

/* ===== Quick Start paged reader v259 ===== */
.quick-start-page .quick-page-meta,
.quick-start-page .quick-page-controls{display:none}

.quick-start-page.quick-paged-mode .quick-content{
  position:relative;
  padding-bottom:56px;
}
.quick-start-page.quick-paged-mode .quick-page-meta{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:38px;
  margin:6px 0 0;
  padding:0 0 10px;
  color:rgba(255,255,255,.52);
  font:700 10px/1.2 Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.quick-start-page.quick-paged-mode .quick-page-count{
  color:rgba(255,255,255,.82);
  font-variant-numeric:tabular-nums;
}
.quick-start-page.quick-paged-mode .quick-page-title{
  padding-left:12px;
  border-left:1px solid rgba(255,255,255,.14);
}
.quick-start-page.quick-paged-mode .quick-chapter,
.quick-start-page.quick-paged-mode .quick-finish{
  border-top:0!important;
  scroll-margin-top:104px!important;
}
.quick-start-page.quick-paged-mode .quick-chapter{
  padding-top:42px;
}
.quick-start-page.quick-paged-mode .quick-finish{
  margin-top:28px;
}
.quick-start-page.quick-paged-mode .quick-page-controls{display:block}
.quick-start-page.quick-paged-mode .quick-page-arrow{
  position:fixed;
  top:50%;
  z-index:72;
  width:58px;
  height:74px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:rgba(5,8,8,.78);
  color:rgba(255,255,255,.88);
  box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font:400 32px/1 Arial,sans-serif;
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.quick-start-page.quick-paged-mode .quick-page-prev{left:18px}
.quick-start-page.quick-paged-mode .quick-page-next{right:18px}
.quick-start-page.quick-paged-mode .quick-page-arrow:hover{
  background:rgba(19,23,22,.92);
  border-color:rgba(255,255,255,.28);
  color:#fff;
}
.quick-start-page.quick-paged-mode .quick-page-prev:hover{transform:translate(-3px,-50%)}
.quick-start-page.quick-paged-mode .quick-page-next:hover{transform:translate(3px,-50%)}
.quick-start-page.quick-paged-mode .quick-page-arrow:focus-visible{
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:3px;
}
.quick-start-page.quick-paged-mode .quick-page-arrow[hidden]{display:none!important}

@media(max-width:1180px){
  .quick-start-page.quick-paged-mode .quick-page-prev{left:8px}
  .quick-start-page.quick-paged-mode .quick-page-next{right:8px}
  .quick-start-page.quick-paged-mode .quick-page-arrow{width:48px;height:64px;background:rgba(5,8,8,.88)}
}
@media(max-width:760px){
  .quick-start-page.quick-paged-mode .quick-content{width:min(100% - 46px,1240px);padding-bottom:44px}
  .quick-start-page.quick-paged-mode .quick-page-meta{margin-top:0;padding-bottom:4px;gap:9px;font-size:9px;letter-spacing:.09em}
  .quick-start-page.quick-paged-mode .quick-page-title{padding-left:9px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .quick-start-page.quick-paged-mode .quick-chapter{padding-top:30px;padding-bottom:46px}
  .quick-start-page.quick-paged-mode .quick-finish{margin-top:20px}
  .quick-start-page.quick-paged-mode .quick-page-arrow{
    top:52%;
    width:42px;
    height:54px;
    border-radius:9px;
    font-size:25px;
    background:rgba(5,8,8,.92);
  }
  .quick-start-page.quick-paged-mode .quick-page-prev{left:3px}
  .quick-start-page.quick-paged-mode .quick-page-next{right:3px}
}
@media(prefers-reduced-motion:reduce){
  .quick-start-page.quick-paged-mode .quick-page-arrow{transition:none}
}


/* ===== Quick Start book-page reader v260 ===== */
.quick-start-page.quick-paged-mode .quick-content{
  width:min(1180px,calc(100% - 120px));
  max-width:1180px;
  padding:28px 0 72px;
}
.quick-start-page.quick-paged-mode .quick-content > .quick-chapter:not(.is-quick-page-active),
.quick-start-page.quick-paged-mode .quick-content > .quick-finish:not(.is-quick-page-active){
  display:none!important;
}
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active,
.quick-start-page.quick-paged-mode .quick-finish.is-quick-page-active{
  position:relative;
  margin:0!important;
  padding:clamp(34px,4vw,56px)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(13,16,15,.93),rgba(7,9,9,.89));
  box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:visible;
}
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active{
  min-height:560px;
}
.quick-start-page.quick-paged-mode .quick-finish.is-quick-page-active{
  min-height:420px;
  align-items:center;
}
.quick-start-page.quick-paged-mode .quick-page-meta{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-height:auto;
  margin:0 0 22px;
  padding:0 0 15px;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.48);
  font:700 9px/1.2 Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.quick-start-page.quick-paged-mode .quick-page-count{color:rgba(255,255,255,.78)}
.quick-start-page.quick-paged-mode .quick-page-title{
  max-width:none;
  padding-left:10px;
  border-left:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.55);
}
.quick-start-page.quick-paged-mode .quick-page-controls{
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none;
}
.quick-start-page.quick-paged-mode .quick-page-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:58px;
  height:78px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  background:rgba(5,8,8,.92);
  color:rgba(255,255,255,.9);
  box-shadow:0 16px 38px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font:400 32px/1 Arial,sans-serif;
  cursor:pointer;
  pointer-events:auto;
  transform:translateY(-50%);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.quick-start-page.quick-paged-mode .quick-page-prev{left:-30px}
.quick-start-page.quick-paged-mode .quick-page-next{right:-30px}
.quick-start-page.quick-paged-mode .quick-page-arrow:hover{
  background:rgba(24,28,27,.98);
  border-color:rgba(255,255,255,.3);
  color:#fff;
}
.quick-start-page.quick-paged-mode .quick-page-prev:hover{transform:translate(-3px,-50%)}
.quick-start-page.quick-paged-mode .quick-page-next:hover{transform:translate(3px,-50%)}
.quick-start-page.quick-paged-mode .quick-page-arrow[hidden]{display:none!important}
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active > .quick-copy,
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active > .quick-visual,
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active > .cardtype-switcher,
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active > .anatomy-layout,
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active > .attack-stage,
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active > .status-stage{
  align-self:center;
}
@media(max-width:1180px){
  .quick-start-page.quick-paged-mode .quick-content{width:min(100% - 86px,1180px)}
  .quick-start-page.quick-paged-mode .quick-page-prev{left:-24px}
  .quick-start-page.quick-paged-mode .quick-page-next{right:-24px}
}
@media(max-width:760px){
  .quick-start-page.quick-paged-mode .quick-content{width:min(100% - 28px,1180px);padding:18px 0 48px}
  .quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active,
  .quick-start-page.quick-paged-mode .quick-finish.is-quick-page-active{
    min-height:0;
    padding:28px 22px 76px!important;
    border-radius:14px;
  }
  .quick-start-page.quick-paged-mode .quick-page-meta{
    justify-content:flex-start;
    margin-bottom:18px;
    padding-bottom:12px;
    font-size:8px;
  }
  .quick-start-page.quick-paged-mode .quick-page-title{
    max-width:190px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .quick-start-page.quick-paged-mode .quick-page-controls{
    top:auto;
    bottom:12px;
    height:48px;
    inset-inline:14px;
  }
  .quick-start-page.quick-paged-mode .quick-page-arrow{
    top:auto;
    bottom:0;
    width:46px;
    height:46px;
    border-radius:50%;
    font-size:24px;
    transform:none;
  }
  .quick-start-page.quick-paged-mode .quick-page-prev{left:0}
  .quick-start-page.quick-paged-mode .quick-page-next{right:0}
  .quick-start-page.quick-paged-mode .quick-page-prev:hover,
  .quick-start-page.quick-paged-mode .quick-page-next:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .quick-start-page.quick-paged-mode .quick-page-arrow{transition:none}
}

/* ===== Quick Start clean book reader v261 ===== */
.quick-start-page.quick-paged-mode .quick-main{
  padding:0;
}
.quick-start-page.quick-paged-mode .quick-reader-shell{
  position:relative;
  box-sizing:border-box;
  width:min(1320px,calc(100% - 24px));
  margin:0 auto;
  padding:30px 70px 68px;
}
.quick-start-page.quick-paged-mode .quick-content{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
}
.quick-start-page.quick-paged-mode .quick-content > .quick-page-meta{
  display:none!important;
}
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active,
.quick-start-page.quick-paged-mode .quick-finish.is-quick-page-active{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  margin:0!important;
  padding:38px 42px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(13,16,15,.94),rgba(7,9,9,.91));
  box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
}
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active{
  min-height:560px;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:38px!important;
  align-items:center!important;
}
.quick-start-page.quick-paged-mode .quick-finish.is-quick-page-active{
  min-height:420px;
  align-items:center;
}
.quick-start-page.quick-paged-mode .quick-page-meta{
  grid-column:1/-1;
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  width:100%;
  min-width:0;
  margin:0 0 4px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.48);
  font:700 9px/1.2 Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.quick-start-page.quick-paged-mode .quick-page-count{color:rgba(255,255,255,.8)}
.quick-start-page.quick-paged-mode .quick-page-title{
  min-width:0;
  padding-left:10px;
  border-left:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.57);
}
.quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active > *,
.quick-start-page.quick-paged-mode .quick-finish.is-quick-page-active > *{
  min-width:0;
  max-width:100%;
}
.quick-start-page.quick-paged-mode .quick-copy{
  width:100%;
  max-width:540px;
  margin:0 auto;
  align-self:center!important;
}
.quick-start-page.quick-paged-mode .quick-copy p,
.quick-start-page.quick-paged-mode .quick-finish p{
  max-width:100%;
}
.quick-start-page.quick-paged-mode .quick-visual,
.quick-start-page.quick-paged-mode .anatomy-layout,
.quick-start-page.quick-paged-mode .attack-stage,
.quick-start-page.quick-paged-mode .status-stage,
.quick-start-page.quick-paged-mode .cardtype-switcher{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
/* The setup diagram has five fixed card footprints; keep it inside its page. */
.quick-start-page.quick-paged-mode #setup.is-quick-page-active{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:30px!important;
}
.quick-start-page.quick-paged-mode #setup .ks-setup-stage-v9{
  --card-w:90px!important;
  --gap:9px!important;
  max-width:100%!important;
}
/* Controls belong to the reader gutter, not inside the topic page. */
.quick-start-page.quick-paged-mode .quick-page-controls{
  position:absolute;
  inset:30px 0 68px;
  display:block;
  pointer-events:none;
}
.quick-start-page.quick-paged-mode .quick-page-arrow{
  position:absolute;
  top:50%;
  z-index:8;
  width:52px;
  height:68px;
  display:grid;
  place-items:center;
  margin:0;
  border:1px solid rgba(255,255,255,.17);
  border-radius:12px;
  background:rgba(5,8,8,.94);
  color:rgba(255,255,255,.92);
  box-shadow:0 15px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);
  font:400 30px/1 Arial,sans-serif;
  cursor:pointer;
  pointer-events:auto;
  transform:translateY(-50%);
}
.quick-start-page.quick-paged-mode .quick-page-prev{left:6px}
.quick-start-page.quick-paged-mode .quick-page-next{right:6px}
.quick-start-page.quick-paged-mode .quick-page-arrow:hover{
  background:rgba(24,28,27,.98);
  border-color:rgba(255,255,255,.32);
  color:#fff;
}
.quick-start-page.quick-paged-mode .quick-page-prev:hover{transform:translate(-2px,-50%)}
.quick-start-page.quick-paged-mode .quick-page-next:hover{transform:translate(2px,-50%)}
.quick-start-page.quick-paged-mode .quick-page-arrow[hidden]{display:none!important}

@media(max-width:1180px){
  .quick-start-page.quick-paged-mode .quick-reader-shell{padding-inline:60px}
  .quick-start-page.quick-paged-mode #setup .ks-setup-stage-v9{--card-w:76px!important;--gap:7px!important}
}
@media(max-width:980px){
  .quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active,
  .quick-start-page.quick-paged-mode #setup.is-quick-page-active{
    grid-template-columns:1fr!important;
    gap:26px!important;
    min-height:0;
  }
  .quick-start-page.quick-paged-mode .quick-copy{max-width:760px}
  .quick-start-page.quick-paged-mode #setup .ks-setup-stage-v9{--card-w:84px!important;--gap:8px!important}
}
@media(max-width:760px){
  .quick-start-page.quick-paged-mode .quick-reader-shell{
    width:100%;
    padding:16px 14px 76px;
  }
  .quick-start-page.quick-paged-mode .quick-chapter.is-quick-page-active,
  .quick-start-page.quick-paged-mode .quick-finish.is-quick-page-active{
    min-height:0;
    padding:24px 20px 28px!important;
    border-radius:14px;
  }
  .quick-start-page.quick-paged-mode .quick-page-meta{
    justify-content:flex-start;
    margin-bottom:0!important;
    font-size:8px;
  }
  .quick-start-page.quick-paged-mode .quick-page-title{
    max-width:190px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .quick-start-page.quick-paged-mode .quick-page-controls{
    top:auto;
    bottom:16px;
    left:14px;
    right:14px;
    height:48px;
  }
  .quick-start-page.quick-paged-mode .quick-page-arrow{
    top:auto;
    bottom:0;
    width:46px;
    height:46px;
    border-radius:50%;
    font-size:24px;
    transform:none;
  }
  .quick-start-page.quick-paged-mode .quick-page-prev{left:0}
  .quick-start-page.quick-paged-mode .quick-page-next{right:0}
  .quick-start-page.quick-paged-mode .quick-page-prev:hover,
  .quick-start-page.quick-paged-mode .quick-page-next:hover{transform:none}
  .quick-start-page.quick-paged-mode #setup .ks-setup-stage-v9{
    --card-w:calc((100vw - 92px) / 5)!important;
    --gap:5px!important;
  }
}


/* === v262 expandable comprehensive-rules index === */
.rules-index{display:block}
.rules-index-group{border-bottom:1px solid rgba(255,255,255,.045)}
.rules-index-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;min-width:0}
.rules-index-row.no-subsections{grid-template-columns:minmax(0,1fr)}
.rules-index .rules-chapter-link{display:block;min-width:0;padding:9px 6px 9px 0;border-bottom:0;font-size:13px;line-height:1.25;color:#aeb2af;transition:color .15s ease,padding-left .15s ease}
.rules-index .rules-chapter-link:hover{color:#f0f1ef;padding-left:5px}
.rules-chapter-toggle{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:#8f9691;cursor:pointer;border-radius:4px;padding:0;transition:background .15s ease,color .15s ease}
.rules-chapter-toggle:hover{background:rgba(255,255,255,.055);color:#eef0ed}
.rules-chapter-toggle span{display:block;font-size:15px;line-height:1;transform-origin:center;transition:transform .18s ease}
.rules-chapter-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.rules-subindex{display:grid;gap:1px;margin:0 0 8px 5px;padding:2px 0 3px 12px;border-left:1px solid rgba(255,255,255,.12)}
.rules-subindex[hidden]{display:none!important}
.rules-index .rules-subsection-link{display:block;padding:6px 8px;border-bottom:0;color:#7f8682;font-size:11px;line-height:1.28;letter-spacing:.01em;transition:color .15s ease,background .15s ease,padding-left .15s ease}
.rules-index .rules-subsection-link:hover{color:#e1e4e1;background:rgba(255,255,255,.025);padding-left:11px}
.rule-anchor-target{scroll-margin-top:28px}
@media(max-width:760px){
  .rules-index{display:block!important;grid-template-columns:1fr!important;column-gap:0!important}
  .rules-index-row{grid-template-columns:minmax(0,1fr) 42px}
  .rules-chapter-toggle{width:40px;height:40px}
  .rules-index .rules-chapter-link{padding:11px 6px 11px 0}
  .rules-subindex{margin-bottom:10px;padding-left:14px}
  .rules-index .rules-subsection-link{font-size:12px;padding:8px 8px}
}

/* === v265 Quick Start: compact seven-step turn sequence === */
.quick-start-page #turn .quick-copy-full{
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
}
.quick-start-page #turn .turn-explorer-v265{
  width:min(100%,760px);
  margin:22px auto 0;
  padding:18px;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(5,7,6,.46);
  box-shadow:0 20px 50px rgba(0,0,0,.16);
}
.quick-start-page #turn .turn-sequence-v265{
  display:flex!important;
  flex-direction:column;
  gap:5px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.quick-start-page #turn .turn-sequence-v265 button{
  min-height:44px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:7px 12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.018)!important;
  color:rgba(255,255,255,.66)!important;
  text-align:left;
  font:700 11px/1.15 Arial,sans-serif!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
}
.quick-start-page #turn .turn-sequence-v265 button:hover{
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
}
.quick-start-page #turn .turn-sequence-v265 button.active{
  background:#e9ebe8!important;
  border-color:#e9ebe8!important;
  color:#111!important;
}
.quick-start-page #turn .turn-step-num{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.45);
  font:700 9px/1 Arial,sans-serif;
  letter-spacing:.08em;
}
.quick-start-page #turn .turn-sequence-v265 button.active .turn-step-num{
  border-color:rgba(17,17,17,.18);
  color:#111;
}
.quick-start-page #turn .turn-step-label{
  min-width:0;
}
.quick-start-page #turn .turn-readout{
  min-height:0;
  max-width:none;
  margin:0;
  padding:30px 30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(255,255,255,.075);
  border-left:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.quick-start-page #turn .turn-readout .turn-index{
  margin-bottom:4px;
  color:rgba(255,255,255,.42);
  font:700 10px/1 Arial,sans-serif;
  letter-spacing:.14em;
}
.quick-start-page #turn .turn-readout h3{
  margin:7px 0 12px;
  font-size:34px;
  line-height:1;
}
.quick-start-page #turn .turn-readout p{
  max-width:420px;
  font-size:15px;
  line-height:1.55;
}
@media(max-width:800px){
  .quick-start-page #turn .turn-explorer-v265{
    width:min(100%,560px);
    grid-template-columns:1fr;
    gap:12px;
    padding:14px;
  }
  .quick-start-page #turn .turn-sequence-v265{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:6px!important;
  }
  .quick-start-page #turn .turn-sequence-v265 button:last-child{
    grid-column:1/-1;
  }
  .quick-start-page #turn .turn-readout{
    padding:24px;
    min-height:170px;
  }
}
@media(max-width:480px){
  .quick-start-page #turn .turn-sequence-v265{
    grid-template-columns:1fr;
  }
  .quick-start-page #turn .turn-sequence-v265 button:last-child{
    grid-column:auto;
  }
  .quick-start-page #turn .turn-readout h3{font-size:30px}
}

/* ===== Quick Start setup cleanup + keyboard navigation v266 ===== */
.quick-start-page.quick-paged-mode #setup .quick-details-static{
  margin-top:18px;
  padding:0;
  border-top:0!important;
  border-bottom:0!important;
}
.quick-start-page.quick-paged-mode #setup .quick-details-static p{
  margin:0;
  padding:0;
}


/* v269 Editorial featured-media layout for News and Articles */
.editorial-feature-layout{
  display:grid;
  grid-template-columns:minmax(260px,320px) minmax(0,1fr);
  gap:22px 28px;
  align-items:start;
  margin:16px 0 20px;
}
.editorial-feature-media{
  margin:0;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:12px;
  background:#130d0f;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
.editorial-feature-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.editorial-feature-text{
  min-width:0;
}
.editorial-feature-text p{
  margin:0 0 18px;
}
.editorial-feature-text p:last-child{
  margin-bottom:0;
}
@media(max-width:760px){
  .editorial-feature-layout{
    grid-template-columns:1fr;
    gap:18px;
    margin:14px 0 18px;
  }
  .editorial-feature-media{
    width:min(100%,420px);
    justify-self:center;
  }
}


/* v270 — clean square archive images + natural article text flow */
.editorial-archive-section .news-preview-image,
.news-archive-page .news-preview-image{
  aspect-ratio:1/1;
  overflow:hidden;
}
.editorial-archive-section .news-preview-image:before,
.news-archive-page .news-preview-image:before{
  display:none;
}
.editorial-archive-section .news-preview-image img,
.news-archive-page .news-preview-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none;
}
.editorial-archive-section .news-preview-copy,
.news-archive-page .news-preview-copy{
  padding:14px 18px 20px;
}
.news-preview-title{
  margin:0 0 11px;
  color:#fbf6ec;
  font-family:Georgia,'Times New Roman',serif;
  font-size:23px;
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.018em;
  text-shadow:none;
}
.editorial-archive-section .news-preview-meta,
.news-archive-page .news-preview-meta{
  margin-bottom:13px;
  padding-bottom:11px;
}
@media(max-width:640px){
  .editorial-archive-section .news-preview-copy,
  .news-archive-page .news-preview-copy{padding:13px 15px 17px}
  .news-preview-title{font-size:20px;margin-bottom:10px}
}

/* Detail posts: image remains square, prose wraps beside it and then immediately continues full-width below it. */
.editorial-body::after{
  content:"";
  display:block;
  clear:both;
}
.editorial-body > .editorial-feature-media{
  float:left;
  width:min(320px,42%);
  aspect-ratio:1/1;
  margin:4px 26px 16px 0;
  overflow:hidden;
  border-radius:10px;
  background:#130d0f;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.editorial-body > .editorial-feature-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.editorial-body > .editorial-feature-media + p{
  margin-top:0;
}
@media(max-width:760px){
  .editorial-body > .editorial-feature-media{
    float:none;
    width:min(100%,420px);
    margin:4px auto 20px;
  }
}

/* v271 — compact archive titles + full-width editorial grids */
.editorial-grid{
  width:100%;
  max-width:none;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
  align-items:start;
}
.editorial-grid .news-preview-title{
  margin:0 0 11px;
  color:#fbf6ec;
  font-family:Georgia,'Times New Roman',serif;
  font-size:23px;
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.018em;
  text-shadow:none;
}
@media(max-width:1040px){
  .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .editorial-grid{grid-template-columns:1fr;gap:25px;}
  .editorial-grid .news-preview-title{font-size:20px;margin-bottom:10px;}
}


/* v272 — AUTHORITATIVE News + Articles archive card layout
   Desktop: exactly 3 equal preview slots per row. Missing posts leave empty slots.
   Card order: 1:1 image, compact title, date/category. No teaser/excerpt copy. */
.editorial-grid{
  width:100%;
  max-width:none;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
  align-items:start;
}
.editorial-grid .news-preview{
  width:100%;
  min-width:0;
  height:auto;
}
.editorial-grid .news-preview-image{
  width:100%;
  aspect-ratio:1/1;
}
.editorial-grid .news-preview-copy{
  display:block;
  padding:14px 18px 16px;
}
.editorial-grid .news-preview-title{
  margin:0 0 12px;
  color:#fbf6ec;
  font-family:Georgia,'Times New Roman',serif;
  font-size:23px;
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.018em;
  text-shadow:none;
}
.editorial-grid .news-preview-meta{
  margin:0;
  padding:0;
  border:0;
}
.editorial-grid .news-preview-copy > p{
  display:none;
}
@media(max-width:1040px){
  .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .editorial-grid{grid-template-columns:1fr;gap:25px;}
  .editorial-grid .news-preview-title{font-size:20px;margin-bottom:10px;}
  .editorial-grid .news-preview-copy{padding:13px 15px 15px;}
}

/* v273 — AUTHORITATIVE archive title height
   News + Articles previews always reserve exactly three title lines.
   Three lines is the permanent maximum for archive preview titles. */
.editorial-grid .news-preview-title{
  min-height:3.18em;
  max-height:3.18em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
}

/* v274 — AUTHORITATIVE archive title/meta flow
   Titles may use 1–3 lines. Date/category always follows the actual last title line.
   Equal card height is preserved by reserving any unused vertical space after metadata. */
.editorial-grid .news-preview-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  box-sizing:border-box;
  min-height:132px;
}
.editorial-grid .news-preview-title{
  min-height:0;
  height:auto;
  max-height:3.18em;
  margin:0 0 12px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
}
.editorial-grid .news-preview-meta{
  margin:0;
  padding:0;
  border:0;
}
@media(max-width:700px){
  .editorial-grid .news-preview-copy{min-height:120px;}
}

/* v280 — compact local-preview/live community counts above desktop header social icons */
@media (min-width:1001px){
  .topbar .header-socials a{
    position:relative;
    overflow:visible;
  }
  .topbar .header-socials .social-count{
    position:absolute;
    left:50%;
    bottom:calc(100% + 5px);
    min-width:32px;
    transform:translateX(-50%);
    text-align:center;
    color:rgba(229,230,227,.62);
    font:700 9px/1 Arial,sans-serif;
    letter-spacing:.025em;
    white-space:nowrap;
    pointer-events:none;
    opacity:0;
    transition:opacity .15s ease,color .15s ease;
  }
  .topbar .header-socials .social-count.is-visible{opacity:1}
  .topbar .header-socials a:hover .social-count.is-visible,
  .topbar .header-socials a:focus-visible .social-count.is-visible{color:#fff;opacity:1}
}


/* v283 — mobile landing optical headline centering + live social icon row */
@media(max-width:620px){
  /* The condensed display face makes the second sentence read slightly right-heavy.
     Keep the settled headline geometry and optically center only this line. */
  .home-page .hero .hero-title-line:last-child{transform:translateX(-5px)}
}

@media(max-width:1000px){
  .mobile-socials{
    width:min(100%,360px);
    margin:28px auto 0;
    padding:20px 8px max(8px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:end;
    justify-items:center;
    gap:0;
    flex-wrap:nowrap;
    border-top:1px solid rgba(239,229,208,.13);
  }
  .mobile-socials a.mobile-social-link{
    width:58px;
    height:52px;
    padding:0;
    display:grid;
    grid-template-rows:14px 28px;
    place-items:center;
    row-gap:5px;
    color:#e5e6e3;
    border:0;
    border-radius:0;
    background:transparent;
    opacity:.82;
    text-decoration:none;
    transition:opacity .15s ease,transform .15s ease;
  }
  .mobile-socials a.mobile-social-link:hover,
  .mobile-socials a.mobile-social-link:focus-visible{
    color:#fff;
    background:transparent;
    opacity:1;
    transform:translateY(-1px);
  }
  .mobile-socials a.mobile-social-link svg{
    width:25px;
    height:25px;
    display:block;
    fill:currentColor;
  }
  .mobile-socials .social-count{
    min-width:34px;
    min-height:10px;
    text-align:center;
    color:rgba(229,230,227,.64);
    font:700 10px/1 Arial,sans-serif;
    letter-spacing:.025em;
    white-space:nowrap;
    pointer-events:none;
    opacity:0;
    transition:opacity .15s ease,color .15s ease;
  }
  .mobile-socials .social-count.is-visible{opacity:1}
  .mobile-socials a.mobile-social-link:hover .social-count.is-visible,
  .mobile-socials a.mobile-social-link:focus-visible .social-count.is-visible{color:#fff}
}

/* v285 — mobile News / Articles preview titles
   Keep archive titles fully readable on narrow screens while preserving the
   permanent three-line maximum. Desktop sizing remains unchanged. */
@media(max-width:700px){
  .editorial-grid .news-preview-title{
    font-size:clamp(18.5px,5vw,20px);
    line-height:1.08;
    max-height:3.24em;
    -webkit-line-clamp:3;
    line-clamp:3;
  }
}

/* v286 — keep the homepage desktop header on the same horizontal geometry as internal pages. */
@media (min-width:1001px){
  .home-page .topbar .nav{
    justify-content:center;
    gap:clamp(30px,2.3vw,42px);
  }
}


/* v289 article signature */
.editorial-body p.article-signature{clear:both;width:100%;margin:30px 0 0;text-align:right;color:#f1ede4;font-family:Georgia,'Times New Roman',serif;font-size:18px;font-style:italic;line-height:1.3;letter-spacing:.01em}
@media(max-width:760px){.editorial-body p.article-signature{margin-top:26px;font-size:16.5px}}


/* v300 — slightly larger and more open laptop header social group */
@media (min-width:1001px) and (max-width:1440px){
  .topbar .header-socials{gap:16px;}
  .topbar .header-socials a{width:20px;height:20px;}
  .topbar .header-socials .social-count{font-size:10px;bottom:calc(100% + 6px);}
}
@media (min-width:1001px) and (max-width:1180px){
  .topbar .header-socials{gap:12px;}
  .topbar .header-socials a{width:18px;height:18px;}
  .topbar .header-socials .social-count{font-size:9.5px;}
}


/* v301 — slightly larger social symbols with more spacing inside the group only.
   Keep the group-to-navigation spacing unchanged. */
@media (min-width:1181px) and (max-width:1440px){
  .topbar .header-socials{gap:18px;}
  .topbar .header-socials a{width:21px;height:21px;}
  .topbar .header-socials .social-count{font-size:10.25px;}
}
@media (min-width:1001px) and (max-width:1180px){
  .topbar .header-socials{gap:14px;}
  .topbar .header-socials a{width:19px;height:19px;}
  .topbar .header-socials .social-count{font-size:10px;}
}

/* v310 — wider desktop News and Article reading surface */
@media (min-width:900px){
  .editorial-article{
    --editorial-width:1040px;
    padding:30px 40px 38px;
  }
  .editorial-article-header h1{
    max-width:940px;
  }
}


/* v314 — slightly more breathing room between desktop header social icons only. */
@media (min-width:1181px) and (max-width:1440px){
  .topbar .header-socials{gap:21px;}
}
@media (min-width:1001px) and (max-width:1180px){
  .topbar .header-socials{gap:17px;}
}