:root{--bg:#05121f;--panel:#0d2336;--ink:#f1f4f7;--soft:#bbcbd6;--gold:#e7c993;--line:rgba(220,231,245,.21)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 52% -15%,#1b3355 0,transparent 44%),linear-gradient(148deg,#081625,#030a12);font:16px/1.65 system-ui,Arial,sans-serif;color:var(--ink)}
a{color:#c7eaff}a:hover{color:#fff}a:focus-visible,button:focus-visible{outline:3px solid #f3c778;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,blockquote{font-family:Georgia,'Times New Roman',serif}h1{letter-spacing:-.025em;font-size:clamp(2.6rem,6.2vw,5.8rem);line-height:1.06;margin:.2em 0}h2{font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.18}h3{font-size:1.24rem;line-height:1.3;margin:.45rem 0}.shell{max-width:1420px;margin:auto;padding:24px clamp(18px,4vw,60px)}
.topnav{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line)}.topnav a{text-decoration:none;font-weight:650;font-size:.87rem;letter-spacing:.025em}.topnav .right{display:flex;gap:18px;flex-wrap:wrap}.brand{color:var(--gold)!important;font:700 18px Georgia,serif!important}
.eyebrow{font-size:.77rem;font-weight:750;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.muted{color:var(--soft)}.hero{padding:72px 0 30px}.hero p{max-width:750px;color:#d4e5ed}.hero-sub{font:italic clamp(1.3rem,3vw,1.85rem)/1.4 Georgia,serif;color:var(--gold)!important}.panorama{border:1px solid rgba(246,211,142,.42);display:block;border-radius:20px;overflow:hidden;max-height:450px;box-shadow:0 22px 65px rgba(0,0,0,.48)}.panorama img{display:block;width:100%;max-height:450px;object-fit:cover;object-position:center 35%}.chaptergrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:35px 0 50px}.chapter{--accent:#79aadd;border:1px solid rgba(255,255,255,.22);background:#0c2032;overflow:hidden;border-radius:14px;box-shadow:0 15px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}.chapter:hover{transform:translateY(-5px);box-shadow:0 25px 44px rgba(0,0,0,.45)}.chapter::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);z-index:2}.chapter-art{aspect-ratio:3/3.7;overflow:hidden;background:#102b45}.chapter-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.chapter:hover .chapter-art img{transform:scale(1.05)}.chapter-copy{padding:18px 16px 13px;flex:1}.chapter-num{font:.76rem/1.2 system-ui,sans-serif;font-weight:750;letter-spacing:.21em;color:var(--accent)}.chapter h2{font-size:clamp(1.25rem,1.65vw,1.72rem);margin:10px 0;min-height:2.2em}.chapter p{font-size:.83rem;line-height:1.52;color:#cbdae5;margin:0}.chapter-quote{font:italic .91rem/1.35 Georgia,serif!important;color:var(--gold)!important;margin-top:13px!important}.chapter-actions{display:flex;gap:6px;padding:12px 13px 17px}.chip{display:inline-flex;justify-content:center;align-items:center;min-height:39px;flex:1;padding:7px 10px;text-decoration:none;border-radius:7px;color:#f1f7ff;background:linear-gradient(180deg,#1f415e,#17314d);border:1px solid rgba(181,228,253,.37);text-align:center;line-height:1.2;font-size:.78rem;font-weight:800}.chip:hover{background:#295a7f}.chip.pdf{background:linear-gradient(180deg,#755938,#54402b);border-color:rgba(236,203,142,.55)}.chip.comic{background:linear-gradient(180deg,#51446c,#362c4e);border-color:rgba(195,158,252,.52)}
.readerkey{max-width:960px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:55px auto;padding:26px 22px;color:var(--soft)}.readerkey b{color:var(--gold)}.readerkey p{margin:.6em 0}.sitefoot{border-top:1px solid var(--line);margin:70px 0 10px;padding:24px 0 5px;color:#acb9c4;font-size:.85rem}.sitefoot .credit{font-family:Georgia,serif;color:#f5d7a6;font-size:1rem}.sitefoot a{color:var(--gold)}
.event-hero{position:relative;border-radius:22px;min-height:580px;overflow:hidden;display:grid;grid-template-columns:1fr 42%;background:linear-gradient(117deg,#0c2134,#061321);border:1px solid rgba(238,219,170,.22);box-shadow:0 23px 60px rgba(0,0,0,.3)}.event-hero .event-copy{position:relative;z-index:2;padding:45px clamp(23px,5vw,69px)}.event-copy h1{font-size:clamp(2.35rem,4.8vw,4.7rem);max-width:820px}.event-copy .lede{font:italic 1.5rem/1.5 Georgia,serif;color:var(--gold)}.event-copy .summary{max-width:640px;color:#d1dfeb}.event-hero .event-illustration{height:100%;width:100%;object-fit:cover;display:block}.event-hero::after{content:'';z-index:1;position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,23,.15) 40%,transparent 72%);pointer-events:none}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;text-decoration:none;border:1px solid #d5b77e;background:#baa274;color:#0a1d2b;border-radius:8px;padding:10px 15px;font-weight:800;font-size:.9rem}.btn.secondary{color:#eaf5ff;background:rgba(18,44,67,.78);border-color:rgba(207,225,246,.49)}.btn:hover{filter:brightness(1.13)}
.eventnav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.eventnav a{border:1px solid var(--line);border-radius:8px;text-decoration:none;padding:7px 12px;font-size:.78rem;font-weight:800;letter-spacing:.03em;color:#cee3eb}.eventnav a[aria-current=page]{border-color:var(--gold);color:var(--gold)}.mini-notice{border-left:3px solid var(--gold);padding:15px 18px;background:rgba(238,195,128,.07);margin:25px 0;max-width:950px;color:#dce6ef;font-size:.93rem}.acts{max-width:1100px;margin:65px auto}.act{margin:65px 0}.act .acthead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid rgba(237,215,178,.35);padding-bottom:12px}.act .acthead h2{margin:0}.actnum{letter-spacing:.17em;font-size:.78rem;color:var(--gold);font-weight:800}.act-art{height:210px;width:100%;object-fit:cover;object-position:center 48%;border-radius:10px;margin:22px 0 4px;box-shadow:0 13px 26px rgba(0,0,0,.2)}.scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px 0}.scene{padding:22px 23px;border:1px solid rgba(188,213,239,.2);background:linear-gradient(160deg,#132b41,#0c2033);border-radius:11px}.scene:nth-child(5){grid-column:span 2}.scene-index{color:var(--gold);font-size:.74rem;font-weight:800;letter-spacing:.06em}.scene p{color:#d3e0ea;font-size:.95rem;margin-bottom:0}.comic-gallery{margin:75px auto;max-width:1120px}.comic-gallery p{color:var(--soft)}.pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.pages a{color:var(--gold);text-decoration:none}.pages img{display:block;box-shadow:0 20px 37px rgba(0,0,0,.37);border:1px solid #415265;border-radius:6px;transition:transform .2s}.pages img:hover{transform:translateY(-4px)}.pages span{display:block;padding:9px 0;font-size:.8rem}.end-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line)}.end-nav a{text-decoration:none;font-weight:800}.twoindex{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.language-card{border:1px solid var(--line);border-radius:13px;background:#0e253b;padding:25px}.language-card a{display:inline-block;margin:12px 0;text-decoration:none;color:#ffdca1;font-size:1.1rem;font-weight:800}
@media(max-width:1140px){.chaptergrid{grid-template-columns:repeat(3,minmax(0,1fr))}.event-hero{grid-template-columns:1fr 38%}}@media(max-width:760px){.chaptergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-hero{display:flex;flex-direction:column-reverse}.event-hero .event-illustration{height:360px;object-position:center 30%}.event-hero .event-copy{padding:28px 24px}.event-hero::after{display:none}.pages{grid-template-columns:1fr 1fr}.twoindex{grid-template-columns:1fr}}@media(max-width:540px){.chaptergrid{grid-template-columns:1fr}.chapter-art{aspect-ratio:3/2.2}.chapter h2{min-height:0}.scenes{grid-template-columns:1fr}.scene:nth-child(5){grid-column:auto}.pages{grid-template-columns:1fr}.hero{padding:45px 0 15px}.event-copy .lede{font-size:1.24rem}.topnav .right{gap:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.skip:focus{left:10px!important}