:root{--ink:#101b1e;--deep:#091216;--paper:#f0eee7;--gold:#c7a66c;--muted:#a4adb0;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,'Tahoma',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--gold)}button{cursor:pointer}p{color:var(--muted)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;margin:0 0 24px}h1{font-size:clamp(48px,7.7vw,112px);letter-spacing:-.045em}h2{font-size:clamp(35px,4vw,60px);letter-spacing:-.025em}h3{font-size:28px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}html[dir=rtl] h1{font-size:clamp(52px,6.5vw,90px)}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 6%;border-bottom:1px solid var(--line);background:var(--deep)}.brand{font-family:Georgia,serif;letter-spacing:.22em;font-size:27px;color:var(--paper);white-space:nowrap}.brand-mark{color:var(--gold);font-size:34px;margin-inline-end:10px}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a:hover,.text-link:hover{color:var(--gold)}.languages{display:flex;gap:3px;align-items:center}.languages a{font-size:12px;padding:6px 9px;color:var(--muted)}.languages .active{color:var(--paper);border:1px solid #c7a66c77}.hero{min-height:690px;height:calc(100svh - 96px);max-height:980px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#091216ed 0%,#091216ae 40%,#09121615 100%),linear-gradient(0deg,#091216ee,transparent 45%);z-index:-1}html[dir=rtl] .hero-shade{transform:scaleX(-1)}.hero-copy{width:min(790px,75%);padding:60px 0 130px;margin-inline-start:9%}.eyebrow,.label{font-size:11px;letter-spacing:.23em;color:var(--gold);font-weight:600;text-transform:uppercase}.eyebrow span{margin-inline-start:18px}.hero-intro{max-width:440px;color:#d2d7d5;font-size:17px;line-height:1.9}.actions{display:flex;align-items:center;gap:34px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:13px 24px;border:1px solid transparent;font-size:13px;font-weight:600;letter-spacing:.025em}.gold{background:var(--gold);color:#121e20}.gold:hover{background:#ddc18f}.outline{border-color:#c7a66c80;color:var(--gold)}.outline:hover{background:#c7a66c13}.text-link{font-size:13px}.hero-bottom{position:absolute;bottom:32px;left:6%;right:6%;display:flex;align-items:center;gap:24px;color:#ccd1d0;font-size:10px;letter-spacing:.2em}.hero-line{height:1px;background:var(--line);flex:1}.hero-bottom button{background:transparent;border:1px solid var(--line);color:#ddd;padding:7px 12px;font-size:11px}.section{max-width:1400px;margin:auto;padding:110px 8%}.book{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.book-art{position:relative;display:flex;justify-content:center;padding:30px;background:radial-gradient(ellipse,#49616944,transparent 70%)}.cover{width:250px;aspect-ratio:702/1060;background-image:url('/assets/cover.png');background-size:211.396% 100%;background-position:right center;box-shadow:-12px 14px 0 #050d1080,0 30px 60px #0009;transform:rotate(-4deg);border:1px solid #c7a66c40}.orbit{position:absolute;right:0;top:10%;font-size:80px;color:var(--gold);font-family:serif;font-weight:100}.book-copy p:not(.eyebrow):not(.byline){line-height:1.95;font-size:17px}.byline{font-size:11px;letter-spacing:.23em}.book-copy .button{margin-top:18px}.world{background:var(--deep);max-width:none}.section-heading{max-width:690px;margin:0 auto 55px;text-align:center}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1150px;margin:auto;gap:22px}.world-card{border:1px solid var(--line);padding:30px;position:relative;background:radial-gradient(ellipse at top,#344e4f40,transparent 70%)}.world-number{font-family:Georgia,serif;color:#657779;font-size:14px}.sigil{font-family:Georgia,serif;color:var(--gold);font-size:70px;text-align:center;height:145px;line-height:145px}.world-card p{font-size:14px}.world-card h3{font-size:25px;margin-top:20px}.row-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.article-card{padding:30px 0;border-top:1px solid #c7a66c80;display:flex;flex-direction:column;transition:transform .2s}.article-card:hover{transform:translateY(-4px)}.article-card h3{margin:25px 0 15px}.article-card p{font-size:14px;margin-top:0}.read{font-size:12px;margin-top:auto;padding-top:25px;color:var(--gold);display:flex;justify-content:space-between}.read b{font-size:20px}.author{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:10%;align-items:center}.author-monogram{font-family:Georgia,serif;font-size:clamp(60px,8vw,110px);color:var(--gold);text-align:center;border:1px solid #c7a66c40;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;max-width:250px}.author h3{font-size:25px;color:var(--gold)}.site-footer{background:var(--deep);padding:50px 8%;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);font-size:12px}.site-footer .brand{font-size:22px}.site-footer>div:last-child{text-align:end}.page{min-height:70vh;padding-top:85px}.page h1{font-size:clamp(45px,5vw,76px)}.search{display:flex;gap:14px;margin:35px 0 55px}.search label:first-child{flex:1}input,select,textarea{border:1px solid #496164;background:#0b1519;color:var(--paper);padding:12px;width:100%;border-radius:3px}select{height:53px}.prose{max-width:970px}.prose .eyebrow{margin-top:50px}.prose .lead{font-size:21px;color:#d6d9d4}.article-body{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.article-body p{line-height:2;font-size:18px;white-space:normal}.article-signature{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:var(--gold);font-size:12px}.sr-only,.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;z-index:20;background:var(--gold);color:#000;padding:10px}@media(max-width:800px){.site-header{height:auto;min-height:85px;flex-wrap:wrap;padding:18px 6%;gap:12px}.brand{font-size:22px}.site-header nav{order:3;justify-content:center;width:100%;gap:28px;padding-top:8px;font-size:13px}.hero{height:700px;min-height:600px}.hero-copy{width:88%;margin-inline-start:6%;padding-bottom:100px}.hero-intro{max-width:360px}.hero-shade{background:linear-gradient(90deg,#091216e0,#09121655),linear-gradient(0deg,#091216,transparent)}.section{padding:75px 6%}.book{gap:35px}.cover{width:190px}.book-art{padding:10px}.orbit{display:none}.world-grid,.article-grid{grid-template-columns:1fr}.world-card{display:grid;grid-template-columns:70px 1fr;gap:0 20px}.world-number{grid-column:1/-1}.sigil{grid-row:2/4;height:auto;font-size:55px;line-height:90px}.world-card h3{margin:20px 0 0}.world-card p{margin-bottom:0}.author{gap:25px}.site-footer{flex-direction:column}.site-footer>div:last-child{text-align:start}}@media(max-width:520px){.actions{gap:20px;align-items:start;flex-direction:column}.hero h1{font-size:65px}.hero{height:740px}.book{grid-template-columns:1fr}.book-art{padding:10px 0 45px}.cover{width:220px}.author{grid-template-columns:1fr}.author-monogram{width:140px;font-size:60px}.search{flex-wrap:wrap}.search label:first-child{flex-basis:100%}.row-heading{align-items:start;flex-direction:column}.hero-bottom{letter-spacing:.05em}.book-copy{text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Administration */
.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#101b1e}.admin-side{padding:35px 25px;background:#091216;border-inline-end:1px solid var(--line)}.admin-side .brand{font-size:23px}.admin-side nav{display:grid;gap:8px;margin-top:40px}.admin-side nav a{padding:12px;border-radius:4px;color:var(--muted)}.admin-side nav a.current,.admin-side nav a:hover{background:#c7a66c18;color:var(--gold)}.admin-main{padding:45px 5%;min-width:0}.admin-main h1{font-family:Arial,Tahoma,sans-serif;font-size:35px;letter-spacing:0}.admin-main h2{font-family:Arial,Tahoma,sans-serif;font-size:23px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;gap:15px}.admin-top p{margin:0}.panel{background:#152327;border:1px solid var(--line);padding:28px;border-radius:7px;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat strong{display:block;font-family:Georgia,serif;font-size:42px;color:var(--paper)}.stat span{color:var(--muted);font-size:13px}.admin-main table{width:100%;border-collapse:collapse;font-size:14px}.admin-main th,.admin-main td{text-align:start;padding:14px 10px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}.admin-main label{display:block;margin:15px 0 6px;font-size:14px}.admin-main textarea{min-height:130px;resize:vertical}.admin-main textarea.body{min-height:240px}.admin-main .button{border-radius:3px}.badge{font-size:11px;color:var(--gold);padding:4px 10px;border:1px solid #c7a66c50;border-radius:30px}.notice{padding:15px 20px;margin-bottom:20px;background:#244c3a;color:#d0efdb;border:1px solid #539274}.error{background:#542c2c;border-color:#a65353;color:#ffe5e5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.muted{color:var(--muted);font-size:13px}.admin-main details{border:1px solid var(--line);padding:20px;margin:20px 0}.admin-main summary{cursor:pointer;color:var(--gold)}.login{max-width:470px;margin:10vh auto;padding:35px}.login h1{font-size:34px;margin-top:40px}.login .button{width:100%;margin-top:25px}.danger{border:1px solid #a65c5c;color:#f0a2a2;background:transparent}.inline{display:inline}.admin-side form{margin-top:25px}.admin-side button{color:var(--muted);border:0;background:none;padding:10px}.chart-row{display:grid;grid-template-columns:95px 1fr 50px;gap:15px;align-items:center;font-size:12px;margin:8px 0}meter{width:100%;height:16px;accent-color:var(--gold)}@media(max-width:850px){.admin-shell{grid-template-columns:1fr}.admin-side{padding:20px}.admin-side nav{display:flex;flex-wrap:wrap;margin-top:15px;gap:3px}.admin-side nav a{padding:8px}.admin-side form{margin:0}.admin-main{padding:25px 5%}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.admin-top{align-items:start;flex-direction:column}}
/* Version 2: dedicated pages and mobile navigation */
img,video{max-width:100%}body{overflow-wrap:break-word}.site-header{position:relative;z-index:20;height:90px;padding:0 3%;gap:16px}.site-header .brand{font-size:23px;letter-spacing:.15em}.site-header .brand-mark{font-size:28px;margin-inline-end:5px}.site-header nav.desktop-nav{gap:18px;font-size:13px}.site-header a[aria-current=page]{color:var(--gold)}.languages{flex-shrink:0}.languages a{display:grid;place-items:center;min-width:34px;min-height:44px;padding:4px}.mobile-menu{display:none}.site-header .languages .active{border-color:transparent;border-bottom-color:var(--gold)}.hero{height:auto;min-height:660px;max-height:none}.hero-copy{padding-top:70px;padding-bottom:130px;min-width:0}.hero h1{font-size:clamp(58px,6.7vw,94px)}.hero video{max-width:none}.page-intro{max-width:850px;margin-bottom:55px}.page-intro h1{font-size:clamp(38px,5.2vw,72px)}.lead{font-size:19px;line-height:1.9;color:#c4cecd}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.directory-card{display:block;padding:28px;border:1px solid var(--line);position:relative;background:linear-gradient(135deg,#253d3d55,transparent)}.directory-card h3{font-size:28px;margin:20px 0 15px}.directory-card p{font-size:14px;margin-bottom:30px}.directory-arrow{color:var(--gold);font-size:23px}.directory-card:hover{border-color:var(--gold)}.lore-grid,.characters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.lore-card{min-width:0;border:1px solid var(--line);padding:32px;background:linear-gradient(150deg,#243e3f60,transparent)}.lore-card h2{font-size:32px;line-height:1.35}.lore-card p:not(.eyebrow){line-height:1.95;font-size:16px}.lore-symbol{font-family:Georgia,serif;font-size:52px;color:var(--gold);padding-bottom:20px}.character-card{border-top:2px solid #c7a66c}.character-1{border-top-color:#c37953}.character-2{border-top-color:#a7c4d3}.character-3{border-top-color:#9f8bb0}.character-4{border-top-color:#a07777}.characters-grid .character-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr;gap:35px;align-items:center}.characters-grid .character-card:first-child .lore-symbol{font-size:120px;text-align:center}.timeline{max-width:900px;margin:auto}.timeline .lore-card{display:grid;grid-template-columns:80px 1fr;gap:28px;border:0;border-inline-start:1px solid #c7a66c77;padding:0 0 55px;padding-inline-start:30px;background:none}.timeline .lore-symbol{font-size:38px}.timeline .eyebrow{margin-top:0}.page-next{margin-top:50px;border-top:1px solid var(--line);padding-top:30px}.shop-book{padding:0;max-width:none;gap:10%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.shop-book .cover{width:260px;transform:rotate(-3deg)}.shop-book .book-copy{min-width:0}.shop-book .book-copy h2{font-size:clamp(36px,4vw,56px);text-align:start}.shop-book .book-copy .edition{font-size:13px;color:var(--gold);margin-bottom:0}.shop-book .book-copy .series-label{font-size:12px;letter-spacing:.08em;margin-top:2px}.purchase-status{border:1px solid var(--line);padding:14px;font-size:14px!important}.shop-book .text-link{display:inline-block;margin-top:20px;min-height:44px}.buy-button{max-width:100%;white-space:normal;text-align:center}.opening-excerpt{border:1px solid var(--line);margin:70px auto 0;max-width:850px}.opening-excerpt summary{padding:22px;color:var(--gold);cursor:pointer}.opening-excerpt summary span{font-size:12px;margin-inline-start:15px;color:var(--muted)}.opening-excerpt>div{padding:25px 30px}.opening-excerpt h2{font-size:32px}.opening-excerpt p:not(.eyebrow){font-family:Georgia,serif;font-size:20px;line-height:1.9;color:#d3dad7}.author-page{padding:40px 0;border:0}.footer-nav{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:end;margin-bottom:25px;max-width:620px}.site-footer p{max-width:620px}.search label{min-width:0}.admin-main .panel,.admin-main details{min-width:0}.admin-main video{height:auto}.admin-page-editor textarea{min-height:130px}.admin-page-editor textarea.long-copy{min-height:180px}
@media(max-width:1100px){.site-header{height:78px;min-height:78px;flex-wrap:nowrap;padding:12px 20px;gap:10px}.site-header nav.desktop-nav{display:none}.site-header .brand{margin-inline-end:auto}.mobile-menu{display:block}.mobile-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;font-size:24px;width:44px;height:44px;border:1px solid var(--line);color:var(--gold);border-radius:3px}.mobile-menu summary::-webkit-details-marker{display:none}.site-header .mobile-menu nav{position:absolute;inset-inline:0;top:100%;display:flex;flex-direction:column;width:auto;background:#0b171c;border-bottom:1px solid #c7a66c70;padding:12px 20px;gap:0;max-height:calc(100dvh - 80px);overflow-y:auto;box-shadow:0 20px 30px #0006}.mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;min-height:48px;border-bottom:1px solid var(--line);padding:10px 8px;font-size:16px}.mobile-menu nav a:last-child{border-bottom:0}.hero{min-height:620px}.hero-copy{width:80%}.footer-nav{justify-content:start}}
@media(max-width:700px){.site-header{padding:10px 14px;gap:8px}.site-header .brand{font-size:20px;letter-spacing:.12em}.site-header .brand-mark{font-size:23px}.languages a{min-width:31px;font-size:12px}.mobile-menu summary{width:40px;height:44px}.hero{height:auto;min-height:0;align-items:stretch}.hero-copy{width:100%;margin:0;padding:58px 24px 112px}.hero h1,html[dir=rtl] .hero h1{font-size:clamp(44px,10.8vw,64px);line-height:1.2;letter-spacing:-.025em}html[dir=rtl] .hero h1{letter-spacing:0;line-height:1.45}.hero .eyebrow{font-size:10px;letter-spacing:.14em}.hero-intro{font-size:16px;line-height:1.85;max-width:100%}.hero .actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:18px;align-items:center;margin-top:26px}.hero .button{font-size:13px;padding:12px 18px;min-height:48px}.hero .text-link{min-height:44px;display:flex;align-items:center}.hero-bottom{bottom:24px;left:24px;right:24px;gap:12px;font-size:9px;letter-spacing:.08em}.hero-bottom button{min-height:44px;padding:8px 12px;letter-spacing:0}.hero video{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#091216df,#09121699),linear-gradient(0deg,#091216,transparent)}.section{padding:55px 22px}.page{padding-top:48px}.page-intro{margin-bottom:34px}.page-intro h1,html[dir=rtl] .page-intro h1{font-size:clamp(32px,8.8vw,44px);line-height:1.4}.lead{font-size:17px}.directory h2{font-size:34px}.directory-grid{grid-template-columns:1fr;gap:14px}.directory-card{padding:23px;display:grid;grid-template-columns:1fr auto;gap:0 16px}.directory-card h3{grid-column:1;margin:12px 0;font-size:26px}.directory-card p{grid-column:1;margin:0;font-size:15px}.directory-arrow{grid-column:2;grid-row:1/4;align-self:center}.lore-grid,.characters-grid{grid-template-columns:1fr;gap:20px}.lore-card{padding:25px}.lore-card h2,html[dir=rtl] .lore-card h2{font-size:27px;line-height:1.5}.lore-card p:not(.eyebrow){font-size:16px}.characters-grid .character-card:first-child{display:block;grid-column:auto}.characters-grid .character-card:first-child .lore-symbol{font-size:52px;text-align:start}.lore-symbol{font-size:46px;padding-bottom:10px}.timeline .lore-card{grid-template-columns:40px minmax(0,1fr);gap:15px;padding-inline-start:15px;padding-bottom:36px}.timeline .lore-symbol{font-size:25px}.timeline .eyebrow{font-size:10px;letter-spacing:.1em}.timeline .lore-card h2{font-size:25px}.shop-book{grid-template-columns:1fr;gap:32px}.shop-book .book-art{padding:15px 0 25px}.shop-book .cover{width:min(220px,70vw)}.shop-book .book-copy{text-align:start}.shop-book .book-copy h2{font-size:38px}.shop-book .book-copy p:not(.eyebrow):not(.byline){font-size:16px}.opening-excerpt{margin-top:38px}.opening-excerpt summary{padding:18px;font-size:15px}.opening-excerpt>div{padding:20px}.opening-excerpt h2{font-size:27px}.opening-excerpt p:not(.eyebrow){font-size:18px}.author-page{grid-template-columns:1fr;gap:30px;padding:0}.author-page h2{font-size:34px}.site-footer{padding:40px 22px}.footer-nav{gap:6px 18px}.footer-nav a{display:flex;align-items:center;min-height:44px}.search{gap:10px}.search label:first-child{flex-basis:100%}.search label:nth-child(2){flex:1}.search input,.search select,.admin-main input,.admin-main select,.admin-main textarea,.login input{font-size:16px}.admin-main{padding:25px 16px}.admin-main .panel{padding:20px 16px}.admin-main h1{font-size:28px}.admin-main details{padding:14px}.form-grid{grid-template-columns:1fr}.login{margin:35px 16px;padding:25px;max-width:none}.admin-main table{font-size:13px}.admin-main td .button{padding:8px 12px}.site-header nav{order:initial}.site-header .languages{order:initial}}
@media(max-width:360px){.site-header{padding-inline:10px;gap:5px}.site-header .brand{font-size:18px}.brand-mark{display:none}.hero-copy{padding-inline:20px}.hero-bottom{left:20px;right:20px}.hero .actions{flex-direction:column;align-items:stretch}.hero .text-link{justify-content:center}.timeline .lore-card{grid-template-columns:1fr}.timeline .lore-symbol{padding-bottom:0}.shop-book .book-copy h2{font-size:32px}}
.admin-page-editor fieldset{border:1px solid var(--line);margin:25px 0;padding:18px;min-width:0}.admin-page-editor legend{color:var(--gold);padding:0 10px;max-width:100%;white-space:normal}.admin-main .actions{flex-wrap:wrap}
