:root{color-scheme:dark;--bg: oklch(.045 0 0);--text: oklch(.94 .014 82);--stone: oklch(.38 .01 80);--water: oklch(.22 .028 238);--gold: oklch(.69 .146 74.6);--veil: oklch(.045 0 0 / .72);--font-display: "Marcellus", Didot, "Bodoni 72", "Bodoni MT", Georgia, serif;--font-cjk: "Noto Serif SC", "Songti SC", SimSun, serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-cjk);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{font:inherit}input,textarea,select,[contenteditable=true],[contenteditable=plaintext-only]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}.app-shell{min-height:100svh;background:radial-gradient(circle at 50% 92%,oklch(.18 .018 238 / .52),transparent 34%),linear-gradient(180deg,oklch(.07 0 0),var(--bg) 64%)}.content-protection-toast{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:10000;max-width:min(24rem,calc(100vw - 2rem));padding:.72rem .95rem;color:#fdf8ee;border:1px solid oklch(.69 .146 74.6 / .5);border-radius:8px;background:#000000e0;box-shadow:0 .7rem 1.5rem #0000006b;font-size:.92rem;letter-spacing:.08em;line-height:1.45;pointer-events:none;animation:content-protection-toast-in .18s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stage{position:relative;display:grid;min-height:100svh;isolation:isolate;overflow:hidden}.desktop-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 72%,oklch(.18 .02 238 / .42),transparent 32%),linear-gradient(180deg,oklch(.07 0 0),var(--bg) 55%)}.desktop-composition{position:absolute;z-index:2;width:min(100vw,220.69svh);aspect-ratio:2048 / 928;perspective:1200px;--tilt-y: 0deg;--spot-x: 50%;--spot-y: 50%;--trail-x: 50%;--trail-y: 50%;--spot-radius: 0px;--cursor-glow: 0;animation:stage-arrival 1.3s cubic-bezier(.19,1,.22,1) both}.desktop-composition:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;content:"";background:linear-gradient(90deg,var(--bg),transparent 5%,transparent 94%,var(--bg)),linear-gradient(180deg,oklch(.045 0 0 / .32),transparent 14%,transparent 84%,var(--bg))}.desktop-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.desktop-hero-image{z-index:1}.cursor-light-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;overflow:hidden;pointer-events:none}.cursor-light-field:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#0000003d;-webkit-mask-image:radial-gradient(circle at var(--spot-x) var(--spot-y),transparent 0 var(--spot-radius),rgba(0,0,0,.32) calc(var(--spot-radius) + 52px),#000 calc(var(--spot-radius) + 132px));mask-image:radial-gradient(circle at var(--spot-x) var(--spot-y),transparent 0 var(--spot-radius),rgba(0,0,0,.32) calc(var(--spot-radius) + 52px),#000 calc(var(--spot-radius) + 132px));-webkit-mask-mode:alpha;mask-mode:alpha}.cursor-halo{position:absolute;display:block;aspect-ratio:1;border-radius:50%;opacity:var(--cursor-glow, 0);pointer-events:none;mix-blend-mode:screen}.cursor-halo-main{left:var(--spot-x);top:var(--spot-y);width:clamp(8rem,13vw,16rem);background:radial-gradient(circle,oklch(.96 .018 82 / .28),transparent 24%),radial-gradient(circle,oklch(.69 .146 74.6 / .2),transparent 68%);filter:blur(7px);transform:translate(-50%,-50%);transition:opacity .18s ease}.cursor-halo-trail{left:var(--trail-x);top:var(--trail-y);width:clamp(12rem,24vw,28rem);background:radial-gradient(ellipse at 50% 50%,oklch(.69 .146 74.6 / .12),transparent 36%),radial-gradient(ellipse at 50% 50%,oklch(.22 .028 238 / .18),transparent 74%);filter:blur(18px);transform:translate(-50%,-50%);transition:left .52s cubic-bezier(.16,1,.3,1),top .52s cubic-bezier(.16,1,.3,1),opacity .34s ease}.desktop-text-plane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;transform:rotateY(var(--tilt-y, 0deg));transform-origin:center center;transform-style:preserve-3d;transition:transform .16s cubic-bezier(.19,1,.22,1);will-change:transform}.text-plane-item{position:absolute;display:block;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 0 15px oklch(0 0 0 / .72))}.text-plane-logo{top:6.5733%;left:8.6914%;width:9.375%}.text-plane-title{top:65.3017%;left:8.3496%;width:29.834%}.text-plane-poem{top:68.75%;left:74.4141%;width:18.3594%}.hero-nav{position:absolute;z-index:10;top:7.4%;right:6.7%;display:grid;gap:clamp(.65rem,1.4vw,1rem);justify-items:center;width:clamp(12rem,18vw,16rem);padding:.35rem 0;background:transparent;box-shadow:none;pointer-events:auto}.hero-nav button{min-height:2rem;padding:.15rem .35rem;cursor:pointer;border:1px solid transparent;color:#e2ddd5db;background:transparent;font-family:var(--font-cjk);font-size:clamp(1rem,1.35vw,1.35rem);letter-spacing:.18em;transition:color .18s ease,border-color .18s ease,transform .18s ease}.hero-nav .hero-nav-primary{min-width:auto;min-height:2rem;padding:.15rem .35rem;border-color:transparent}.hero-nav button:hover,.hero-nav button:focus-visible{color:var(--text);border-color:transparent;outline:none;transform:translateY(-1px)}.hero-nav button:focus-visible{outline:1px solid var(--gold);outline-offset:.22rem}.placeholder-page{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;padding:clamp(1.2rem,4vw,3rem);isolation:isolate;background:radial-gradient(circle at 50% 50%,oklch(.22 .028 238 / .22),transparent 36%),var(--bg)}.placeholder-bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:-2;width:116%;height:116%;object-fit:cover;opacity:.22;filter:blur(14px) saturate(.8)}.placeholder-topbar{position:absolute;z-index:2;top:7.4%;right:6.7%;left:8.6914%;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;pointer-events:none}.placeholder-page:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:linear-gradient(90deg,var(--bg),oklch(.045 0 0 / .64),var(--bg)),linear-gradient(180deg,#00000059,#000000db)}.placeholder-panel{width:min(42rem,100%);padding:clamp(1.5rem,4vw,3rem);border:1px solid oklch(.94 .014 82 / .22);background:#000c}.placeholder-brand{margin:0 0 .85rem;color:#cfcac1b8;font-family:var(--font-display);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase}.placeholder-panel h1{margin:0;font-family:var(--font-cjk);font-size:clamp(2rem,7vw,4rem);font-weight:500;letter-spacing:.14em;line-height:1.1;text-wrap:balance}.placeholder-panel p{max-width:36rem;margin:1.1rem 0 0;color:#e2ddd5d1;font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.8}.placeholder-note{font-family:var(--font-display)}.back-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;margin-top:1.65rem;padding:0 1.35rem;cursor:pointer;color:var(--bg);border:1px solid var(--gold);border-radius:999px;background:var(--gold);letter-spacing:.1em;transition:filter .18s ease,transform .18s ease}.back-button:hover,.back-button:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-1px)}.characters-page{position:relative;max-height:100svh;min-height:100svh;overflow-y:auto;isolation:isolate;background:radial-gradient(ellipse at 50% -8%,oklch(.96 .012 82 / .12),transparent 42%),radial-gradient(circle at 72% 18%,oklch(.88 .02 82 / .08),transparent 28%),#000}.characters-page:before,.characters-page:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:""}.characters-page:before{background:linear-gradient(180deg,oklch(1 0 0 / .055),transparent 22%),radial-gradient(ellipse at 50% 16%,oklch(1 0 0 / .08),transparent 38%);mix-blend-mode:screen}.characters-page:after{background:linear-gradient(90deg,oklch(0 0 0 / .82),transparent 24%,transparent 76%,oklch(0 0 0 / .78)),linear-gradient(180deg,oklch(0 0 0 / .2),transparent 34%,oklch(0 0 0 / .66))}.characters-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.16;filter:grayscale(.35) contrast(1.08) brightness(.72);pointer-events:none;-webkit-user-select:none;user-select:none}.characters-topbar{position:sticky;z-index:12;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:clamp(1.45rem,3vw,2.25rem) clamp(1.8rem,3vw,2.6rem) 1rem;pointer-events:none;background:linear-gradient(180deg,#000000d6,#0000)}.characters-shell{position:relative;z-index:1;width:min(94rem,calc(100% - clamp(2rem,7vw,7.5rem)));margin:0 auto;padding:clamp(2.5rem,5vw,5rem) 0 clamp(5rem,8vw,8rem)}.characters-hero{max-width:54rem;padding-top:clamp(1rem,3vw,2.4rem)}.characters-kicker{margin:0 0 .9rem;color:#cfcac1ad;font-family:var(--font-display);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.characters-hero h1{margin:0;color:#faf4eb;font-family:var(--font-cjk);font-size:clamp(3.2rem,8vw,7.2rem);font-weight:500;letter-spacing:.06em;line-height:1.04;text-wrap:balance;text-shadow:0 1px 1px oklch(0 0 0 / .94),0 0 28px oklch(0 0 0 / .86)}.characters-hero p:not(.characters-kicker){max-width:35rem;margin:clamp(1.2rem,2vw,1.7rem) 0 0;color:#e2ddd5d1;font-size:clamp(.98rem,1.35vw,1.15rem);line-height:1.75;letter-spacing:.06em;text-wrap:pretty}.characters-era-nav{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin-top:clamp(1.5rem,2.6vw,2.2rem)}.characters-era-nav a{display:inline-flex;align-items:center;min-height:2.3rem;padding:.35rem .85rem;color:#ece7dfe0;border:1px solid oklch(.94 .014 82 / .22);border-radius:999px;background:#ffffff0e;font-size:.92rem;letter-spacing:.1em;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.characters-era-nav a:hover,.characters-era-nav a:focus-visible{color:#020201;border-color:var(--gold);background:var(--gold);outline:none;transform:translateY(-1px)}.characters-editor-panel{display:grid;gap:.8rem;max-width:46rem;margin-top:clamp(1.25rem,2.5vw,2rem)}.characters-editor-actions{display:flex;flex-wrap:wrap;gap:.6rem}.characters-editor-actions button,.character-order-actions button{min-height:2.2rem;padding:.35rem .78rem;cursor:pointer;color:#ece7dfe0;border:1px solid oklch(.94 .014 82 / .22);border-radius:999px;background:#ffffff0e;font-size:.86rem;letter-spacing:.08em;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.characters-editor-actions button:hover,.characters-editor-actions button:focus-visible,.character-order-actions button:hover,.character-order-actions button:focus-visible{color:#020201;border-color:var(--gold);background:var(--gold);outline:none;transform:translateY(-1px)}.characters-editor-actions button:disabled,.character-order-actions button:disabled{cursor:not-allowed;color:#bbb7af66;border-color:#f0eae11f;background:#ffffff08;transform:none}.characters-editor-actions .characters-editor-primary{color:#020201;border-color:var(--gold);background:var(--gold)}.characters-editor-hint,.characters-editor-state{max-width:42rem;margin:0;color:#e2ddd5b3;font-size:.88rem;line-height:1.6;letter-spacing:.05em}.characters-editor-state{color:#f7c885db}.character-card input,.character-card textarea{width:100%;color:#f0eae1;border:1px solid oklch(.69 .146 74.6 / .32);border-radius:6px;background:#000000e0;font-family:var(--font-cjk);resize:vertical}.character-card input:focus,.character-card textarea:focus{border-color:#cf8c00d1;border-color:oklch(.69 .146 74.6 / .82);outline:none}.characters-era-stack{display:grid;gap:clamp(4rem,7vw,7rem);margin-top:clamp(4rem,8vw,7rem)}.characters-era{scroll-margin-top:6rem}.characters-era-heading{display:grid;grid-template-columns:minmax(12rem,.38fr) minmax(0,.62fr);gap:clamp(1.2rem,3vw,3rem);align-items:end;padding-bottom:clamp(1.4rem,2.8vw,2.4rem);border-bottom:1px solid oklch(.94 .014 82 / .18)}.characters-era-heading h2{margin:0;color:#faf4eb;font-size:clamp(1.8rem,3vw,3rem);font-weight:500;letter-spacing:.08em;line-height:1.16}.characters-era-heading p{max-width:46rem;margin:0;color:#e2ddd5b8;font-size:clamp(.95rem,1.15vw,1.06rem);line-height:1.72;letter-spacing:.05em;text-wrap:pretty}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.8rem,1fr));gap:clamp(1rem,2vw,1.8rem);margin-top:clamp(1.6rem,3.6vw,3rem);border-radius:8px;transition:background .18s ease,outline-color .18s ease}.characters-grid.is-editable-grid{min-height:13rem;padding:.2rem;outline:1px dashed transparent;outline-offset:.75rem}.characters-grid.is-drop-append{background:#cf8c0014;background:oklch(.69 .146 74.6 / .08);outline-color:#cf8c008a;outline-color:oklch(.69 .146 74.6 / .54)}.character-card{position:relative;min-width:0;margin:0}.is-editing-characters .character-card{cursor:grab}.is-editing-characters .character-card:active{cursor:grabbing}.character-card.is-dragging{opacity:.58}.is-editing-characters .character-card:before{position:absolute;right:0;left:0;z-index:3;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,oklch(.69 .146 74.6 / .95),transparent);box-shadow:0 0 16px #cf8c006b;box-shadow:0 0 16px oklch(.69 .146 74.6 / .42);opacity:0;content:""}.is-editing-characters .character-card.is-drop-before:before{top:-.55rem;opacity:1}.is-editing-characters .character-card.is-drop-after:before{bottom:-.55rem;opacity:1}.character-portrait{position:relative;display:grid;aspect-ratio:3 / 4;place-items:center;overflow:hidden;border:1px solid oklch(.94 .014 82 / .2);border-radius:4px;background:linear-gradient(180deg,#ffffff1f,#ffffff09),radial-gradient(circle at 50% 18%,oklch(.69 .146 74.6 / .22),transparent 44%),#000}.character-portrait:before,.character-portrait:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.character-portrait:before{border:1px solid oklch(.69 .146 74.6 / .18);transform:translate(.42rem,.42rem)}.character-portrait:after{background:linear-gradient(135deg,transparent 0 46%,oklch(1 0 0 / .09) 50%,transparent 54%),linear-gradient(180deg,transparent,oklch(0 0 0 / .28));mix-blend-mode:screen}.character-portrait img{width:100%;height:100%;object-fit:cover}.character-portrait span{position:relative;z-index:1;color:#f0eae1b3;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:.12em;text-shadow:0 0 22px oklch(0 0 0 / .72)}.character-portrait .character-drag-badge{position:absolute;right:.55rem;bottom:.55rem;z-index:2;display:inline-flex;min-height:1.55rem;align-items:center;padding:.2rem .52rem;color:#020201;border-radius:999px;background:#cf8c00db;background:oklch(.69 .146 74.6 / .86);font-size:.72rem;letter-spacing:.08em;text-shadow:none}.character-card figcaption{display:grid;gap:.35rem;padding-top:.82rem}.character-card strong{color:#faf4eb;font-size:clamp(1rem,1.2vw,1.12rem);font-weight:500;letter-spacing:.08em;line-height:1.35}.character-card figcaption span{color:#d5d0c8b8;font-size:.88rem;line-height:1.56;letter-spacing:.04em}.character-edit-field{display:grid;gap:.3rem}.character-edit-field>span{color:#dbbf99db;font-size:.72rem;line-height:1.3;letter-spacing:.1em}.character-card input{min-height:2.65rem;padding:.55rem .7rem;font-size:.9rem;line-height:1.4;letter-spacing:.05em;-webkit-user-select:text;user-select:text}.character-card textarea{min-height:5.3rem;margin-top:.15rem;padding:.65rem .7rem;font-size:.86rem;line-height:1.55;letter-spacing:.04em;-webkit-user-select:text;user-select:text}.character-order-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.15rem}.character-order-actions button{min-height:1.95rem;padding:.24rem .62rem;font-size:.78rem}.mobile-stage{display:none}.chronicles-page{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;--chronicles-header-y: 0px;--section-text-tilt-x: 0deg;--section-text-tilt-y: 0deg;--spot-x: 50%;--spot-y: 50%;--trail-x: 50%;--trail-y: 50%;--spot-radius: 0px;--cursor-glow: 0;background:var(--bg);perspective:1400px}.chronicles-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;object-fit:cover;opacity:1;filter:contrast(1.08) saturate(.9);-webkit-user-select:none;user-select:none;pointer-events:none}.chronicles-page:before,.chronicles-page:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.chronicles-page:before{z-index:-2;background:radial-gradient(ellipse at 61% 64%,transparent 0 34%,oklch(.01 0 0 / .38) 82%),linear-gradient(90deg,oklch(.01 0 0 / .78),transparent 25%,transparent 76%,oklch(.01 0 0 / .62)),linear-gradient(180deg,oklch(.01 0 0 / .42),transparent 36%,oklch(.01 0 0 / .7))}.chronicles-page:after{z-index:4;background:linear-gradient(180deg,oklch(.01 0 0 / .06),transparent 35%,oklch(.01 0 0 / .3) 100%),radial-gradient(ellipse at 54% 104%,oklch(.17 .024 238 / .25),transparent 44%)}.chronicles-light-field{z-index:8}.section-text-plane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;transform:rotateX(var(--section-text-tilt-x, 0deg)) rotateY(var(--section-text-tilt-y, 0deg));transform-origin:50% 50%;transform-style:preserve-3d;transition:transform .18s cubic-bezier(.19,1,.22,1);will-change:transform}.chronicles-topbar{position:absolute;z-index:12;top:7.4%;right:6.7%;left:8.6914%;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;pointer-events:none;transform:translateY(var(--chronicles-header-y, 0px));transition:transform .18s cubic-bezier(.19,1,.22,1);will-change:transform}.chronicles-brand{padding:0;cursor:pointer;color:#ece7dfe6;border:0;background:transparent;font-family:var(--font-display);font-size:clamp(1.35rem,2.25vw,2.15rem);letter-spacing:.36em;line-height:1;text-shadow:0 1px 1px oklch(0 0 0 / .92),0 0 20px oklch(0 0 0 / .72);pointer-events:auto;transition:color .18s ease,transform .18s ease}.chronicles-brand:hover,.chronicles-brand:focus-visible{color:var(--gold);outline:none;transform:translateY(-1px)}.section-nav{display:grid;justify-items:center;width:clamp(12rem,18vw,16rem);gap:clamp(.65rem,1.4vw,1rem);pointer-events:auto}.section-nav button{min-height:2rem;padding:.15rem .35rem;cursor:pointer;color:#e2ddd5db;border:1px solid transparent;background:transparent;font-family:var(--font-cjk);font-size:clamp(1rem,1.35vw,1.35rem);letter-spacing:.18em;line-height:1.25;transition:color .18s ease,border-color .18s ease,transform .18s ease}.section-nav button:hover,.section-nav button:focus-visible{color:var(--text);outline:none;transform:translateY(-1px)}.section-nav button:hover{border-color:transparent}.section-nav button:focus-visible{outline:1px solid var(--gold);outline-offset:.22rem}.section-nav .is-active{min-width:auto;min-height:2rem;padding:.15rem .35rem;color:var(--text);border-color:transparent;border-radius:0;background:transparent;box-shadow:none}.chronicles-copy{position:absolute;z-index:9;top:38.8%;left:clamp(2.55rem,5vw,5.1rem);width:min(39rem,40vw);pointer-events:none;transform:translateY(-7%)}.chronicles-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(3.05rem,3.9vw,4.65rem);font-weight:400;line-height:1.02;letter-spacing:0;white-space:nowrap;color:#f6f1e9;text-shadow:0 1px 1px oklch(0 0 0 / .94),0 0 24px oklch(0 0 0 / .86)}.chronicles-copy p{max-width:31ch;margin:clamp(1.25rem,2vw,1.8rem) 0 0;color:#e5e1d9e6;font-family:var(--font-display);font-size:clamp(1rem,1.24vw,1.23rem);line-height:1.7;text-wrap:pretty;text-shadow:0 0 16px oklch(0 0 0 / .72)}.chronicles-rule{position:relative;display:block;width:min(14.8rem,72%);height:1px;margin-top:clamp(1.35rem,2.4vw,2.15rem);background:linear-gradient(90deg,oklch(.69 .146 74.6 / .62),oklch(.94 .014 82 / .28),transparent)}.chronicles-rule:after{position:absolute;top:50%;left:48%;width:.38rem;height:.38rem;content:"";border:1px solid oklch(.69 .146 74.6 / .55);transform:translate(-50%,-50%) rotate(45deg)}.chronicles-back{min-height:2.25rem;margin-top:clamp(.95rem,1.5vw,1.35rem);padding:0;cursor:pointer;color:#e2ddd5b8;border:0;border-bottom:1px solid transparent;background:transparent;font-size:clamp(.9rem,.98vw,1rem);letter-spacing:.18em;pointer-events:auto;transition:color .18s ease,border-color .18s ease}.chronicles-back:hover,.chronicles-back:focus-visible{color:var(--text);border-bottom-color:var(--gold);outline:none}.chronicles-volumes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;perspective:1400px;pointer-events:none}.chronicle-volume{position:absolute;bottom:30.55%;left:var(--book-x);width:var(--book-width, clamp(12.3rem, 15.15vw, 14.1rem));margin:0;padding:0;cursor:pointer;border:0;background:transparent;transform:translate(-50%) translateY(calc(var(--book-y, 0rem) + var(--book-action-y, 0rem))) scale(var(--book-scale, 1));transform-origin:50% 100%;transform-style:preserve-3d;filter:drop-shadow(0 1.35rem 1.4rem oklch(0 0 0 / .72));opacity:1;animation:chronicle-volume-rise 1.05s cubic-bezier(.19,1,.22,1) backwards;pointer-events:auto;transition:filter .22s ease,transform .26s cubic-bezier(.19,1,.22,1)}.chronicle-volume:before{position:absolute;right:8%;bottom:-.95rem;left:8%;height:1.25rem;content:"";background:radial-gradient(ellipse at center,oklch(0 0 0 / .62),transparent 72%);filter:blur(5px);opacity:.82;transition:opacity .22s ease,transform .26s cubic-bezier(.19,1,.22,1)}.chronicle-volume:hover,.chronicle-volume:focus-visible{--book-action-y: -.22rem;--book-scale: 1.012;filter:drop-shadow(0 1.55rem 1.55rem oklch(0 0 0 / .78)) drop-shadow(0 0 .9rem oklch(.69 .146 74.6 / .18));outline:none}.chronicle-volume:focus-visible{outline:1px solid oklch(.69 .146 74.6 / .72);outline-offset:.46rem}.chronicle-volume:hover:before,.chronicle-volume:focus-visible:before{opacity:.95;transform:scaleX(1.06)}.chronicle-volume.is-activated{animation:chronicle-book-awaken .72s cubic-bezier(.19,1,.22,1) both}.chronicle-cover{position:relative;z-index:2;display:block;width:100%;height:auto;filter:brightness(1.08) contrast(1.08) saturate(1.06);-webkit-user-select:none;user-select:none;pointer-events:none;transition:filter .22s ease}.chronicle-volume:hover .chronicle-cover,.chronicle-volume:focus-visible .chronicle-cover,.chronicle-volume.is-activated .chronicle-cover{filter:brightness(1.17) contrast(1.1) saturate(1.08) drop-shadow(0 0 .68rem oklch(.69 .146 74.6 / .2))}.chronicle-cover-reflection{position:absolute;z-index:1;top:calc(100% + 1.15rem);left:0;display:block;width:100%;height:auto;opacity:.18;filter:blur(1px) brightness(.68) saturate(.78);mix-blend-mode:screen;transform:scaleY(-1);transform-origin:center top;-webkit-mask-image:linear-gradient(180deg,oklch(0 0 0 / .42),transparent 58%);mask-image:linear-gradient(180deg,oklch(0 0 0 / .42),transparent 58%);-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .22s ease,filter .22s ease,transform .26s cubic-bezier(.19,1,.22,1)}.chronicle-volume:hover .chronicle-cover-reflection,.chronicle-volume:focus-visible .chronicle-cover-reflection{opacity:.24;filter:blur(1.2px) brightness(.76) saturate(.86)}.chronicle-volume.is-activated .chronicle-cover-reflection{animation:chronicle-reflection-ripple .72s cubic-bezier(.19,1,.22,1) both}.volume-heroic{--book-x: 35.6%;--book-y: .2rem;z-index:2}.volume-legends{--book-x: 56.2%;--book-y: .2rem;z-index:2;animation-delay:80ms}.volume-known{--book-x: 77.9%;--book-y: .2rem;z-index:2;animation-delay:.16s}@keyframes chronicle-volume-rise{0%{opacity:0;transform:translate(-50%) translateY(calc(var(--book-y, 0rem) + 1.4rem)) scale(.982)}to{opacity:1;transform:translate(-50%) translateY(var(--book-y, 0rem)) scale(1)}}@keyframes chronicle-book-awaken{0%{transform:translate(-50%) translateY(var(--book-y, 0rem)) scale(1)}34%{transform:translate(-50%) translateY(calc(var(--book-y, 0rem) - .46rem)) scale(1.018)}64%{transform:translate(-50%) translateY(calc(var(--book-y, 0rem) - .12rem)) scale(1.006)}to{transform:translate(-50%) translateY(var(--book-y, 0rem)) scale(1)}}@keyframes chronicle-reflection-ripple{0%{opacity:.18;transform:scaleY(-1) translateY(0) scaleX(1)}42%{opacity:.29;transform:scaleY(-1) translateY(.38rem) scaleX(1.045)}to{opacity:.18;transform:scaleY(-1) translateY(0) scaleX(1)}}.geography-page{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;--geography-pan-x: 0px;--geography-header-y: 0px;--section-text-tilt-x: 0deg;--section-text-tilt-y: 0deg;--spot-x: 50%;--spot-y: 50%;--trail-x: 50%;--trail-y: 50%;--spot-radius: 0px;--cursor-glow: 0;background:var(--bg);perspective:1400px}.geography-page:before,.geography-page:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.geography-page:before{z-index:3;background:linear-gradient(90deg,oklch(.01 0 0 / .72),transparent 17%,transparent 78%,oklch(.01 0 0 / .62)),linear-gradient(180deg,oklch(.01 0 0 / .46),transparent 34%,oklch(.01 0 0 / .72))}.geography-page:after{z-index:4;background:radial-gradient(ellipse at 52% 105%,oklch(.17 .024 238 / .28),transparent 44%),linear-gradient(180deg,transparent 34%,oklch(.01 0 0 / .34))}.geography-panorama{position:absolute;top:0;bottom:0;left:50%;z-index:1;width:max(180vw,300svh);max-width:none;transform:translate(calc(-50% + var(--geography-pan-x, 0px)));transition:transform .26s cubic-bezier(.19,1,.22,1);will-change:transform}.geography-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:contrast(1.08) saturate(.9);-webkit-user-select:none;user-select:none;pointer-events:none}.geography-light-field{z-index:8}.geography-topbar{position:absolute;z-index:12;top:7.4%;right:6.7%;left:8.6914%;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;pointer-events:none;transform:translateY(var(--geography-header-y, 0px));transition:transform .18s cubic-bezier(.19,1,.22,1);will-change:transform}.geography-copy{position:absolute;z-index:12;top:38.9%;left:clamp(2.55rem,5vw,5.1rem);width:min(39rem,40vw);isolation:isolate;pointer-events:none;transform:translateY(-7%)}.geography-copy h1{margin:0;color:#f6f1e9;font-family:var(--font-display);font-size:clamp(3.05rem,4vw,4.85rem);font-weight:400;line-height:1.02;letter-spacing:0;white-space:nowrap;text-shadow:0 1px 1px oklch(0 0 0 / .94),0 0 24px oklch(0 0 0 / .86)}.geography-copy p{max-width:34ch;margin:clamp(1.25rem,2vw,1.8rem) 0 0;color:#e5e1d9e6;font-family:var(--font-display);font-size:clamp(1rem,1.24vw,1.23rem);line-height:1.7;text-wrap:pretty;text-shadow:0 0 16px oklch(0 0 0 / .72)}.geography-regions{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.geography-volume{position:absolute;bottom:38.2%;left:var(--region-x);width:var(--region-width, clamp(8rem, 17svh, 10.25rem));margin:0;padding:0;cursor:pointer;border:0;background:transparent;transform:translate(-50%) translateY(calc(var(--region-y, 0rem) + var(--region-action-y, 0rem))) scale(var(--region-scale, 1));transform-origin:50% 100%;filter:drop-shadow(0 1.15rem 1.2rem oklch(0 0 0 / .74));opacity:1;pointer-events:auto;animation:geography-volume-rise 1.05s cubic-bezier(.19,1,.22,1) backwards;transition:filter .22s ease,transform .26s cubic-bezier(.19,1,.22,1)}.geography-volume:before{position:absolute;right:8%;bottom:-.75rem;left:8%;height:1.05rem;content:"";background:radial-gradient(ellipse at center,oklch(0 0 0 / .62),transparent 72%);filter:blur(5px);opacity:.82;transition:opacity .22s ease,transform .26s cubic-bezier(.19,1,.22,1)}.geography-volume:hover,.geography-volume:focus-visible{--region-action-y: -.2rem;--region-scale: 1.012;filter:drop-shadow(0 1.35rem 1.35rem oklch(0 0 0 / .8)) drop-shadow(0 0 .85rem oklch(.69 .146 74.6 / .18));outline:none}.geography-volume:focus-visible{outline:1px solid oklch(.69 .146 74.6 / .72);outline-offset:.42rem}.geography-volume:hover:before,.geography-volume:focus-visible:before{opacity:.95;transform:scaleX(1.06)}.geography-volume.is-activated{animation:geography-book-awaken .72s cubic-bezier(.19,1,.22,1) both}.geography-cover{position:relative;z-index:2;display:block;width:100%;height:auto;filter:brightness(1.08) contrast(1.08) saturate(1.06);-webkit-user-select:none;user-select:none;pointer-events:none;transition:filter .22s ease}.geography-volume:hover .geography-cover,.geography-volume:focus-visible .geography-cover,.geography-volume.is-activated .geography-cover{filter:brightness(1.17) contrast(1.1) saturate(1.08) drop-shadow(0 0 .62rem oklch(.69 .146 74.6 / .2))}.geography-cover-reflection{position:absolute;z-index:1;top:calc(100% + .9rem);left:0;display:block;width:100%;height:auto;opacity:.16;filter:blur(1px) brightness(.66) saturate(.78);mix-blend-mode:screen;transform:scaleY(-1);transform-origin:center top;-webkit-mask-image:linear-gradient(180deg,oklch(0 0 0 / .4),transparent 56%);mask-image:linear-gradient(180deg,oklch(0 0 0 / .4),transparent 56%);-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .22s ease,filter .22s ease,transform .26s cubic-bezier(.19,1,.22,1)}.geography-volume:hover .geography-cover-reflection,.geography-volume:focus-visible .geography-cover-reflection{opacity:.22;filter:blur(1.2px) brightness(.74) saturate(.86)}.geography-volume.is-activated .geography-cover-reflection{animation:geography-reflection-ripple .72s cubic-bezier(.19,1,.22,1) both}.region-tierialand{--region-x: 6.6%}.region-waste-marches{--region-x: 17.3%;animation-delay:55ms}.region-spice-lands{--region-x: 28.1%;animation-delay:.11s}.region-nine-realms{--region-x: 38.9%;animation-delay:165ms}.region-larsina{--region-x: 49.7%;animation-delay:.22s}.region-vinland{--region-x: 60.5%;animation-delay:275ms}.region-baloluth{--region-x: 71.3%;animation-delay:.33s}.region-emerald-isles{--region-x: 82.1%;animation-delay:385ms}.region-the-jade{--region-x: 92.8%;animation-delay:.44s}@keyframes geography-volume-rise{0%{opacity:0;transform:translate(-50%) translateY(calc(var(--region-y, 0rem) + 1.2rem)) scale(.982)}to{opacity:1;transform:translate(-50%) translateY(var(--region-y, 0rem)) scale(1)}}@keyframes geography-book-awaken{0%{transform:translate(-50%) translateY(var(--region-y, 0rem)) scale(1)}42%{transform:translate(-50%) translateY(calc(var(--region-y, 0rem) - .4rem)) scale(1.018)}to{transform:translate(-50%) translateY(var(--region-y, 0rem)) scale(1)}}@keyframes geography-reflection-ripple{0%{opacity:.16;transform:scaleY(-1) translateY(0) scaleX(1)}42%{opacity:.27;transform:scaleY(-1) translateY(.32rem) scaleX(1.045)}to{opacity:.16;transform:scaleY(-1) translateY(0) scaleX(1)}}.book-detail-page{position:relative;min-height:100svh;max-height:100svh;overflow-x:hidden;overflow-y:auto;isolation:isolate;background:var(--bg);color:var(--text);scroll-behavior:smooth}.book-detail-stage{position:absolute;inset:0 0 auto;height:54svh;min-height:29rem;overflow:hidden;background:radial-gradient(ellipse at 64% 82%,oklch(.69 .146 74.6 / .16),transparent 22%),linear-gradient(180deg,oklch(.035 0 0),var(--bg))}.book-detail-stage:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,oklch(.01 0 0 / .72),transparent 24%,transparent 76%,oklch(.01 0 0 / .68)),linear-gradient(180deg,oklch(.01 0 0 / .24),transparent 52%,oklch(.01 0 0 / .82)),radial-gradient(ellipse at 66% 88%,oklch(.69 .146 74.6 / .14),transparent 26%)}.book-detail-bg{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.78;filter:contrast(1.1) saturate(.9) brightness(.78);-webkit-user-select:none;user-select:none;pointer-events:none}.book-detail-topbar{position:absolute;z-index:12;top:clamp(1.45rem,3vw,2.25rem);right:clamp(1.8rem,3vw,2.6rem);left:clamp(1.8rem,3vw,2.6rem);display:grid;grid-template-columns:minmax(8rem,.6fr) minmax(0,2fr) minmax(7rem,.6fr);align-items:center;gap:clamp(1rem,2.2vw,2rem);pointer-events:none}.book-detail-brand,.book-detail-nav button,.book-detail-tools button,.book-return-link{cursor:pointer;pointer-events:auto}.book-detail-brand{justify-self:start;padding:0;color:#ece7dff0;border:0;background:transparent;font-family:var(--font-display);font-size:clamp(1.28rem,2vw,1.82rem);letter-spacing:.38em;line-height:1;text-shadow:0 1px 1px oklch(0 0 0 / .9),0 0 18px oklch(0 0 0 / .7)}.book-detail-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem clamp(.65rem,1.6vw,1.6rem)}.book-detail-nav button{min-height:2rem;padding:.12rem .1rem;color:#e2ddd5db;border:0;border-bottom:1px solid transparent;background:transparent;font-family:var(--font-cjk);font-size:clamp(1rem,1.22vw,1.25rem);letter-spacing:.18em;white-space:nowrap;transition:color .18s ease,border-color .18s ease,transform .18s ease}.book-detail-nav button:hover,.book-detail-nav button:focus-visible,.book-detail-nav .is-active{color:var(--text);border-bottom-color:#cf8c00b3;border-bottom-color:oklch(.69 .146 74.6 / .7);outline:none;transform:translateY(-1px)}.book-detail-tools{justify-self:end;display:flex;align-items:center;gap:clamp(.85rem,1.4vw,1.2rem);color:var(--gold);pointer-events:auto}.book-detail-tools button{position:relative;display:grid;width:2rem;height:2rem;place-items:center;padding:0;color:inherit;border:0;background:transparent}.book-search-icon{position:relative;display:block;width:1rem;height:1rem;border:2px solid currentColor;border-radius:50%}.book-search-icon:after{position:absolute;right:-.45rem;bottom:-.34rem;width:.58rem;height:2px;content:"";background:currentColor;transform:rotate(45deg);transform-origin:left center}.book-tool-divider{width:1px;height:1.8rem;background:#cf8c008f;background:oklch(.69 .146 74.6 / .56)}.book-menu-icon{position:relative;display:block;width:1.55rem;height:1rem;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.book-menu-icon:before{position:absolute;top:50%;right:0;left:0;height:2px;content:"";background:currentColor;transform:translateY(-50%)}.book-hero-layout{position:absolute;z-index:7;top:clamp(4.1rem,8svh,5.3rem);right:clamp(2rem,4vw,4rem);left:clamp(2rem,4vw,4rem);display:grid;grid-template-columns:minmax(18rem,34vw) minmax(32rem,1fr);align-items:center;height:min(41svh,24rem);gap:clamp(2.3rem,4.4vw,5rem);pointer-events:none}.book-hero-object{position:relative;justify-self:center;align-self:end;width:clamp(13.4rem,18.4vw,18.8rem);margin-bottom:clamp(1.55rem,2.6svh,2.4rem);filter:drop-shadow(0 1.2rem 1.35rem oklch(0 0 0 / .8)) drop-shadow(0 0 1.3rem oklch(.69 .146 74.6 / .12))}.book-hero-object:before{position:absolute;right:-42%;bottom:-1.35rem;left:-46%;height:clamp(1.55rem,2.9vw,2.25rem);content:"";background:linear-gradient(180deg,#59554e,#151411 58%,#040404),radial-gradient(ellipse at 50% 0,oklch(.78 .02 82 / .26),transparent 62%);border-top:1px solid oklch(.82 .028 82 / .4);box-shadow:0 .5rem 1.2rem #000000b8,inset 0 1px #f0eae129}.book-hero-object:after{position:absolute;right:-72%;bottom:-3.35rem;left:-72%;height:2.4rem;content:"";background:radial-gradient(ellipse at center,oklch(.69 .146 74.6 / .13),transparent 68%);filter:blur(7px)}.book-hero-cover{position:relative;z-index:2;display:block;width:100%;height:auto;filter:brightness(1.08) contrast(1.09) saturate(1.08);-webkit-user-select:none;user-select:none;pointer-events:none}.book-map-preview{--map-tilt-x: 56deg;--map-light-y: 44%;position:absolute;right:clamp(-5.6rem,-5.8vw,-3.2rem);bottom:clamp(.15rem,1.5svh,.9rem);z-index:5;display:block;padding:0;cursor:pointer;border:0;background:transparent;perspective:950px;pointer-events:auto}.book-map-card{position:relative;display:block;overflow:hidden;padding:.18rem;background:#040302;box-shadow:0 1.15rem 1.35rem #000000b8,0 0 1.1rem #cf8c001a;box-shadow:0 1.15rem 1.35rem #000000b8,0 0 1.1rem oklch(.69 .146 74.6 / .1);line-height:0;transform:rotateX(var(--map-tilt-x)) rotateY(-13deg) rotate(-7deg);transform-origin:50% 78%;transition:box-shadow .22s ease,filter .22s ease,transform .18s cubic-bezier(.19,1,.22,1);will-change:transform}.book-map-card:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:radial-gradient(circle at 52% var(--map-light-y),oklch(.96 .04 88 / .18),transparent 28%),linear-gradient(135deg,oklch(.99 .02 88 / .14),transparent 34%,oklch(0 0 0 / .28));mix-blend-mode:screen}.book-map-card img{display:block;width:auto;max-width:clamp(7.2rem,9.8vw,10.8rem);height:auto;max-height:clamp(7.6rem,15svh,11.2rem);-webkit-user-select:none;user-select:none}.book-map-preview:hover .book-map-card,.book-map-preview:focus-visible .book-map-card{filter:brightness(1.06) saturate(1.04);box-shadow:0 1.35rem 1.65rem #000000c7,0 0 1.35rem #cf8c002e;box-shadow:0 1.35rem 1.65rem #000000c7,0 0 1.35rem oklch(.69 .146 74.6 / .18)}.book-map-preview:focus-visible{outline:1px solid var(--gold);outline-offset:.4rem}.book-map-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:clamp(1rem,3vw,2.2rem);background:radial-gradient(circle at 50% 50%,oklch(.16 .018 82 / .62),transparent 48%),#000000f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.book-map-viewer-frame{display:grid;max-width:96vw;max-height:90svh;overflow:auto;place-items:center;box-shadow:0 2rem 4rem #000000db,0 0 0 1px #cf8c002e;box-shadow:0 2rem 4rem #000000db,0 0 0 1px oklch(.69 .146 74.6 / .18)}.book-map-viewer-frame img{display:block;width:auto;max-width:96vw;height:auto;max-height:90svh;object-fit:contain}.book-map-viewer-close{position:fixed;top:clamp(.9rem,2vw,1.4rem);right:clamp(.9rem,2vw,1.4rem);z-index:1;display:grid;width:2.65rem;height:2.65rem;place-items:center;cursor:pointer;color:#f7f1e8;border:1px solid oklch(.69 .146 74.6 / .55);border-radius:50%;background:#000000db;font-size:1.6rem;line-height:1}.book-map-viewer-close:hover,.book-map-viewer-close:focus-visible{color:var(--gold);outline:none}.book-hero-copy{max-width:47rem;transform:translateY(-.4rem)}.book-hero-copy h1{margin:0;color:#fdf8f0;font-family:var(--font-cjk);font-size:clamp(3.7rem,5vw,5.35rem);font-weight:500;letter-spacing:.04em;line-height:1.04;text-shadow:0 1px 1px oklch(0 0 0 / .86),0 0 28px oklch(0 0 0 / .82);text-wrap:balance}.book-title-rule{position:relative;display:block;width:min(17rem,42%);height:1px;margin:clamp(1.35rem,2.3svh,1.75rem) 0 clamp(1.2rem,2svh,1.65rem);background:linear-gradient(90deg,var(--gold),oklch(.69 .146 74.6 / .45),transparent)}.book-title-rule:before,.book-title-rule:after{position:absolute;top:50%;width:.44rem;height:.44rem;content:"";border:1px solid oklch(.69 .146 74.6 / .72);transform:translateY(-50%) rotate(45deg)}.book-title-rule:before{left:43%}.book-title-rule:after{left:48%}.book-hero-copy p{max-width:44ch;margin:0;color:#e9e4dce6;font-size:clamp(.92rem,1.12vw,1.08rem);line-height:1.68;letter-spacing:.08em;text-shadow:0 0 16px oklch(0 0 0 / .78)}.book-return-link{display:block;min-height:2rem;margin-top:clamp(1rem,2svh,1.45rem);padding:0;color:#e2ddd5a3;border:0;border-bottom:1px solid transparent;background:transparent;font-size:.9rem;letter-spacing:.16em}.book-return-link:hover,.book-return-link:focus-visible{color:var(--text);border-bottom-color:var(--gold);outline:none}.book-contents-panel{position:absolute;z-index:8;right:0;bottom:0;left:0;height:47svh;min-height:25rem;padding:0;pointer-events:none;color:#1d1409;background:transparent;border-top:0;box-shadow:none}.book-contents-panel .book-era-strip{pointer-events:auto}.book-contents-panel:focus{outline:none}.book-era-strip{position:absolute;top:-2.15rem;right:clamp(1rem,1.8vw,1.65rem);left:clamp(1rem,1.8vw,1.65rem);display:flex;min-height:4.25rem;overflow-x:auto;overflow-y:hidden;color:#23180a;background:radial-gradient(circle at 3% 18%,oklch(.69 .146 74.6 / .16),transparent 16%),radial-gradient(circle at 97% 18%,oklch(.69 .146 74.6 / .16),transparent 16%),linear-gradient(180deg,#fcf5e2,#e7e1d4);border:1px solid oklch(.69 .146 74.6 / .66);border-radius:8px;box-shadow:0 0 0 1px #f0eae180 inset,0 .45rem 1rem #1c0e001a;scrollbar-width:thin;scrollbar-color:oklch(.69 .146 74.6 / .55) transparent}.book-era-tab{position:relative;display:grid;flex:1 0 max(11.2rem,18%);min-width:0;place-items:center;padding:.65rem 1rem;cursor:pointer;color:inherit;border:0;background:transparent;font-family:var(--font-cjk);font-size:clamp(1rem,1.35vw,1.28rem);letter-spacing:.1em;text-align:center;text-wrap:balance;transition:color .18s ease,background .18s ease}.book-era-tab+.book-era-tab{border-left:1px solid oklch(.69 .146 74.6 / .45)}.book-era-tab+.book-era-tab:before{position:absolute;top:50%;left:-.32rem;width:.5rem;height:.5rem;content:"";background:#e9e4da;border:1px solid oklch(.69 .146 74.6 / .64);transform:translateY(-50%) rotate(45deg)}.book-era-tab:hover,.book-era-tab:focus-visible,.book-era-tab.is-active{color:#160a00;color:oklch(.16 .04 72);background:#cf8c001f;background:oklch(.69 .146 74.6 / .12);outline:none}.book-chapter-grid{display:block;height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:oklch(.69 .146 74.6 / .52) transparent}.book-chapter-group{min-width:0}.book-chapter-group+.book-chapter-group{padding-left:0;border-left:0}.book-chapter-group[hidden]{display:none}.book-chapter-group h2{position:relative;display:flex;align-items:center;gap:.75rem;margin:0 0 clamp(.9rem,1.4svh,1.2rem);color:#251806;font-size:clamp(1.2rem,1.52vw,1.48rem);font-weight:500;letter-spacing:.1em}.book-chapter-group h2:before{display:inline-grid;flex:0 0 1.75rem;width:1.75rem;height:1.75rem;place-items:center;content:"✦";color:#cf8c00e0;color:oklch(.69 .146 74.6 / .88);border:1px solid oklch(.69 .146 74.6 / .62);border-radius:50%;font-size:.88rem;line-height:1}.book-chapter-group ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));column-gap:clamp(1.4rem,3vw,3rem);gap:clamp(.42rem,.86svh,.68rem);margin:0;padding:0;list-style:none;color:#251b0ee6;font-size:clamp(.92rem,1.06vw,1.05rem);line-height:1.42}.book-chapter-group .book-article-list{grid-template-columns:1fr;gap:clamp(.55rem,1svh,.82rem);max-width:min(58rem,100%)}.book-chapter-group li{position:relative;min-width:0;padding-left:1.1rem;text-wrap:pretty}.book-chapter-group .book-article-list li{padding-left:0}.book-chapter-group .book-article-list li:before{display:none}.book-article-link{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-height:3rem;align-items:center;gap:1rem;padding:.72rem .95rem;cursor:pointer;color:#1f1305;border:1px solid oklch(.69 .146 74.6 / .28);background:#fffcf361;background:oklch(.99 .014 88 / .38);font-family:var(--font-cjk);text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.book-article-link span{min-width:0;font-size:clamp(.98rem,1.12vw,1.1rem);line-height:1.45;letter-spacing:.08em;text-wrap:pretty}.book-article-link small{color:#453520b3;font-size:.78rem;letter-spacing:.08em;white-space:nowrap}.book-article-link:hover,.book-article-link:focus-visible,.book-article-link.is-active{border-color:#cf8c00b8;border-color:oklch(.69 .146 74.6 / .72);background:#cf8c001f;background:oklch(.69 .146 74.6 / .12);outline:none;transform:translateY(-1px)}.book-chapter-group li:before{position:absolute;top:.64em;left:.1rem;width:.34rem;height:.34rem;content:"";border:1px solid oklch(.69 .146 74.6 / .82);transform:translateY(-50%) rotate(45deg)}.book-reader-section{position:relative;z-index:7;min-height:100svh;margin-top:min(53svh,calc(100svh - 25rem));padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,5rem);background:#000;scroll-margin-top:0}.book-reader-section:focus{outline:none}.book-reader-article{width:min(78rem,100%);margin:0 auto}.book-reader-header{max-width:48rem;margin-bottom:clamp(2rem,5vw,4rem)}.book-reader-header p{margin:0 0 .75rem;color:#cf8c00d1;color:oklch(.69 .146 74.6 / .82);font-size:clamp(.9rem,1vw,1rem);letter-spacing:.14em}.book-reader-header h2{margin:0;color:#faf4eb;font-size:clamp(2rem,4.5vw,4.8rem);font-weight:500;letter-spacing:.03em;line-height:1.12;text-wrap:balance}.book-reader-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,18rem);gap:clamp(2rem,4vw,4rem);align-items:start}.book-reader-body{max-width:74ch}.book-reader-body p{margin:0 0 1.15rem;color:#e2ddd5e6;font-size:clamp(1rem,1.14vw,1.12rem);line-height:1.95;letter-spacing:.04em;text-wrap:pretty}.book-reader-body em,.book-reader-subheading em{font-style:italic}.book-reader-subheading{scroll-margin-top:2rem;margin:clamp(2.15rem,4vw,3.3rem) 0 1rem;color:#faf1df;font-weight:500;letter-spacing:.06em;line-height:1.35}.book-reader-subheading-level-4{font-size:clamp(1.35rem,2vw,2rem)}.book-reader-subheading-level-5{color:#f3c98e;font-size:clamp(1.08rem,1.4vw,1.32rem)}.book-reader-figure{width:min(100%,var(--reader-image-width, 32rem),32rem);margin:clamp(1.4rem,3vw,2.4rem) 0;overflow:hidden;border:1px solid oklch(.69 .146 74.6 / .32);background:transparent;line-height:0}.book-reader-figure img{display:block;width:100%;height:auto}.book-subheading-nav{position:sticky;top:1.5rem;max-height:calc(100svh - 3rem);overflow:auto;padding:1.1rem 0 1.1rem 1.1rem;border-left:1px solid oklch(.69 .146 74.6 / .32)}.book-subheading-nav p{margin:0 0 .75rem;color:#cf8c00d1;color:oklch(.69 .146 74.6 / .82);font-size:.82rem;letter-spacing:.14em}.book-subheading-nav nav{display:grid;gap:.38rem}.book-subheading-group{display:grid;gap:.38rem}.book-subheading-link{display:block;width:100%;padding:.15rem 0;color:#e2ddd5b8;border:0;background:transparent;font-family:var(--font-cjk);font-size:.88rem;line-height:1.45;text-align:left;text-decoration:none;text-wrap:pretty}button.book-subheading-link{cursor:pointer}.book-subheading-link:hover,.book-subheading-link:focus-visible,.book-subheading-link.is-active{color:var(--text);outline:none}.book-subheading-link-level-3{margin-top:.15rem;color:#faf1dfe6;font-size:.98rem;letter-spacing:.06em}.book-subheading-link-level-3.is-active{color:#ffdba9;color:oklch(.91 .12 76)}.book-subheading-link-level-4{padding-left:.85rem;color:#e2ddd5b3;font-size:.86rem}.book-subheading-link-level-5{padding-left:1.65rem;color:#cdc3b0a3;font-size:.78rem}.poetic-guide-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}.poetic-guide-actions button,.poetic-book-list button{min-height:2.45rem;padding:.45rem .9rem;cursor:pointer;color:var(--text);border:1px solid oklch(.69 .146 74.6 / .5);background:#0000005c;font-family:var(--font-cjk);letter-spacing:.08em}.poetic-guide-actions button:hover,.poetic-guide-actions button:focus-visible,.poetic-book-list button:hover,.poetic-book-list button:focus-visible{color:var(--bg);background:var(--gold);outline:none}.poetic-book-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes content-protection-toast-in{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes stage-arrival{0%{opacity:0;transform:translateY(1.1rem) scale(1.012)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:761px)and (max-width:1120px){.chronicles-copy{top:40%;width:min(30rem,35vw)}.chronicles-copy h1{font-size:clamp(2.45rem,3.8vw,3.7rem)}.geography-copy{top:40%;width:min(30rem,35vw)}.geography-copy h1{font-size:clamp(2.45rem,3.8vw,3.7rem)}.geography-copy p{max-width:25ch;font-size:clamp(.92rem,1.15vw,1rem)}.geography-volume{--region-width: clamp(7.1rem, 15.6svh, 7.9rem)}.chronicles-copy p{max-width:25ch;font-size:clamp(.92rem,1.15vw,1rem)}.chronicle-volume{--book-width: clamp(9.4rem, 15.5vw, 10.6rem)}.volume-heroic{--book-x: 33%}.volume-legends{--book-x: 57.4%}.volume-known{--book-x: 82%}.book-detail-topbar{grid-template-columns:auto minmax(0,1fr) auto}.book-detail-nav{gap:.4rem clamp(.65rem,1.6vw,1.1rem)}.book-hero-layout{grid-template-columns:minmax(14rem,30vw) minmax(0,1fr);gap:clamp(1.6rem,3vw,2.6rem)}.book-hero-object{width:clamp(12.6rem,18vw,15.2rem)}.book-hero-copy h1{font-size:clamp(3rem,5.2vw,4.2rem)}.book-chapter-grid{gap:clamp(1rem,1.8vw,1.6rem)}.book-chapter-group ul{font-size:clamp(.82rem,1.2vw,.96rem)}}@media(max-aspect-ratio:1/1),(max-width:760px){body{overflow:hidden}.desktop-stage,.hero-nav{display:none}.mobile-stage{position:relative;display:grid;grid-template-rows:auto auto 1fr auto auto auto;align-content:start;min-height:100svh;padding:clamp(1.15rem,4vw,1.75rem);overflow:hidden;background:linear-gradient(180deg,oklch(.04 0 0),transparent 42%),radial-gradient(circle at 52% 58%,oklch(.24 .018 78 / .28),transparent 43%),var(--bg)}.mobile-stage:after{position:absolute;right:-25%;bottom:-12%;left:-25%;height:33svh;pointer-events:none;content:"";background:linear-gradient(180deg,transparent,var(--bg) 70%),radial-gradient(ellipse at 50% 30%,oklch(.22 .028 238 / .56),transparent 68%)}.mobile-arches{position:absolute;top:clamp(1.7rem,9svh,4.5rem);left:50%;width:min(128vw,40rem);max-width:none;opacity:.6;transform:translate(-50%);animation:mobile-arches 1.1s cubic-bezier(.19,1,.22,1) both}.mobile-brand{position:relative;z-index:3;justify-self:start;color:var(--text);font-family:var(--font-display);font-size:clamp(1.4rem,7vw,2.25rem);letter-spacing:.35em}.mobile-statue{position:relative;z-index:2;justify-self:center;width:min(64vw,19rem);height:min(29svh,17rem);object-fit:cover;object-position:center;margin-top:clamp(1.8rem,8svh,4.5rem);filter:drop-shadow(0 24px 28px oklch(0 0 0 / .68));animation:mobile-statue 1.2s 90ms cubic-bezier(.19,1,.22,1) both}.mobile-reflection{position:absolute;z-index:1;left:50%;bottom:24svh;width:min(108vw,32rem);max-width:none;opacity:.62;transform:translate(-50%);animation:water-breathe 4.2s ease-in-out infinite alternate}.mobile-taxonomy-actions{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:.25rem .55rem;align-items:center;align-self:start;justify-self:center;margin:clamp(.5rem,2svh,1.2rem) 0 0;color:#dbd7cfd1;font-size:clamp(.88rem,3.8vw,1.1rem);letter-spacing:.16em;text-align:center}.mobile-taxonomy-actions button{min-height:1.9rem;padding:.15rem .1rem;cursor:pointer;color:inherit;border:1px solid transparent;background:transparent;letter-spacing:inherit}.mobile-taxonomy-actions button:hover,.mobile-taxonomy-actions button:focus-visible{color:var(--text);border-bottom-color:var(--gold);outline:none}.mobile-stage h2{position:relative;z-index:3;max-width:9.2ch;margin:clamp(.45rem,2svh,1rem) 0 0;font-family:var(--font-display);font-size:clamp(3.05rem,16vw,5.45rem);font-weight:400;line-height:.93;letter-spacing:0;text-wrap:balance}.mobile-poem{position:relative;z-index:3;max-width:28ch;margin:clamp(.85rem,2.3svh,1.2rem) 0 0 auto;color:#dfdad2c2;font-family:var(--font-display);font-size:clamp(.95rem,4vw,1.2rem);line-height:1.55;text-align:right}.mobile-enter{position:relative;z-index:3;display:inline-grid;gap:.1rem;place-items:center;justify-self:center;min-width:min(100%,17rem);min-height:3.2rem;margin-top:clamp(1rem,3svh,1.8rem);padding:.65rem 1.15rem;cursor:pointer;color:var(--text);border:1px solid oklch(.94 .014 82 / .82);border-radius:999px;background:#000000a8;letter-spacing:.14em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .18s ease,background .18s ease,transform .18s ease}.mobile-enter span{font-family:var(--font-display);font-size:.75rem;letter-spacing:.08em}.mobile-enter:hover,.mobile-enter:focus-visible{border-color:var(--gold);background:#040301c2;outline:none;transform:translateY(-1px)}.chronicles-bg{opacity:.9;object-position:50% center}.geography-panorama{width:max(225vw,300svh)}.geography-page:before{background:linear-gradient(90deg,oklch(.01 0 0 / .82),transparent 38%,transparent 70%,oklch(.01 0 0 / .58)),linear-gradient(180deg,oklch(.01 0 0 / .6),transparent 36%,oklch(.01 0 0 / .78))}.geography-topbar{top:clamp(1.1rem,4svh,1.65rem);right:clamp(1rem,4vw,1.4rem);left:clamp(1rem,4vw,1.4rem);gap:.8rem}.geography-copy{top:20svh;right:1.25rem;left:1.25rem;width:auto;transform:none}.geography-copy h1{font-size:clamp(2.7rem,12.4vw,3.95rem);line-height:.98}.geography-copy p{max-width:28ch;margin-top:1rem;font-size:clamp(.95rem,3.9vw,1.08rem);line-height:1.55}.geography-volume{bottom:37.9%;--region-width: clamp(5.4rem, 13.6svh, 7.2rem)}.chronicles-page:before{background:linear-gradient(90deg,oklch(.01 0 0 / .82),transparent 52%,oklch(.01 0 0 / .56)),linear-gradient(180deg,oklch(.01 0 0 / .58),transparent 38%,oklch(.01 0 0 / .76))}.chronicles-topbar,.placeholder-topbar,.characters-topbar{top:clamp(1.1rem,4svh,1.65rem);right:clamp(1rem,4vw,1.4rem);left:clamp(1rem,4vw,1.4rem);gap:.8rem}.characters-topbar{padding:clamp(1.1rem,4svh,1.65rem) clamp(1rem,4vw,1.4rem) .85rem}.characters-shell{width:min(100% - 2.4rem,44rem);padding:2.2rem 0 4rem}.characters-hero{padding-top:.6rem}.characters-kicker{font-size:.72rem;letter-spacing:.14em}.characters-hero h1{font-size:clamp(2.45rem,13vw,4rem);line-height:1.08}.characters-hero p:not(.characters-kicker){max-width:30ch;font-size:.96rem;line-height:1.68}.characters-era-nav{gap:.5rem}.characters-era-nav a{min-height:2.15rem;padding:.3rem .72rem;font-size:.84rem}.characters-editor-panel{gap:.7rem;margin-top:1rem}.characters-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.characters-editor-actions button,.character-order-actions button{min-height:2.25rem;font-size:.8rem}.characters-editor-hint,.characters-editor-state{font-size:.82rem;line-height:1.55}.characters-era-stack{gap:3.4rem;margin-top:3.4rem}.characters-era-heading{grid-template-columns:1fr;gap:.85rem}.characters-era-heading h2{font-size:clamp(1.55rem,7vw,2.3rem)}.characters-era-heading p{font-size:.94rem;line-height:1.66}.characters-grid{grid-template-columns:repeat(auto-fit,minmax(8.8rem,1fr));gap:1.05rem;margin-top:1.35rem}.character-portrait span{font-size:clamp(1.75rem,9vw,2.6rem)}.character-card strong{font-size:.98rem}.character-card figcaption span{font-size:.82rem}.character-card textarea{min-height:5.8rem;font-size:.82rem}.character-order-actions{display:grid;grid-template-columns:1fr 1fr}.chronicles-brand{font-size:clamp(1.18rem,6vw,1.7rem);letter-spacing:.31em}.section-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;width:min(23rem,68vw);gap:.2rem .6rem}.section-nav button{min-height:1.75rem;padding:.12rem .2rem;font-size:clamp(.75rem,3.3vw,.96rem);letter-spacing:.12em}.section-nav .is-active{min-width:auto;min-height:1.75rem;padding:.12rem .2rem}.chronicles-copy{top:20svh;right:1.25rem;left:1.25rem;width:auto;transform:none}.chronicles-copy h1{font-size:clamp(2.7rem,12.4vw,3.95rem);line-height:.98}.chronicles-copy p{max-width:24ch;margin-top:1rem;font-size:clamp(.95rem,3.9vw,1.08rem);line-height:1.55}.chronicles-rule{width:min(13rem,68%);margin-top:1.05rem}.chronicles-back{min-height:2rem;margin-top:.68rem;font-size:.82rem;letter-spacing:.16em}.chronicles-volumes{top:0;right:0;bottom:0;left:0}.chronicle-volume{bottom:30.1%;--book-width: clamp(6.15rem, 29vw, 7.25rem)}.volume-heroic{--book-x: 18.2%;--book-y: .2rem}.volume-legends{--book-x: 50%;--book-y: .2rem}.volume-known{--book-x: 81.8%;--book-y: .2rem}.book-detail-page{max-height:100svh;overflow-y:auto}.book-detail-stage{height:35rem;min-height:35rem}.book-detail-topbar{top:1rem;right:1rem;left:1rem;grid-template-columns:1fr auto;gap:.8rem}.book-detail-brand{font-size:clamp(1.18rem,6vw,1.7rem);letter-spacing:.31em}.book-detail-tools{grid-column:2;grid-row:1;gap:.75rem}.book-detail-nav{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap;gap:.45rem 1rem;padding-top:.35rem}.book-detail-nav button{min-height:1.7rem;font-size:clamp(.78rem,3.2vw,.94rem);letter-spacing:.12em}.book-hero-layout{position:relative;top:auto;right:auto;left:auto;display:grid;grid-template-columns:1fr;height:auto;min-height:35rem;padding:7.2rem 1.25rem 3rem;gap:1.1rem}.book-hero-object{justify-self:center;width:clamp(9.8rem,42vw,12.2rem);margin:0}.book-map-preview{right:clamp(-3.4rem,-13vw,-2rem);bottom:.1rem}.book-map-card img{max-width:clamp(5.6rem,23vw,7rem);max-height:clamp(6.2rem,24vw,7.8rem)}.book-map-viewer{padding:.75rem}.book-map-viewer-frame,.book-map-viewer-frame img{max-width:calc(100vw - 1.5rem);max-height:86svh}.book-hero-copy{max-width:none;transform:none}.book-hero-copy h1{font-size:clamp(2.45rem,11vw,3.45rem);line-height:1.08}.book-title-rule{width:min(13.5rem,68%);margin:1rem 0}.book-hero-copy p{max-width:27ch;font-size:clamp(.88rem,3.45vw,.98rem);line-height:1.56;letter-spacing:.07em}.book-contents-panel{position:relative;height:auto;min-height:0;padding:1.1rem 1.2rem 2.2rem}.book-era-strip{position:relative;top:auto;right:auto;left:auto;display:flex;flex-direction:column;overflow:visible;min-height:0;margin-bottom:1.35rem}.book-era-tab{flex-basis:auto;min-height:2.7rem;font-size:1rem}.book-era-tab+.book-era-tab{border-top:1px solid oklch(.69 .146 74.6 / .45);border-left:0}.book-era-tab+.book-era-tab:before{top:-.31rem;left:50%;transform:translate(-50%) rotate(45deg)}.book-chapter-grid{height:auto;overflow:visible}.book-chapter-group+.book-chapter-group{padding-left:0;border-top:0;border-left:0}.book-chapter-group h2{font-size:1.18rem}.book-chapter-group ul{grid-template-columns:1fr}.book-article-link{grid-template-columns:1fr;gap:.25rem}.book-article-link small{white-space:normal}.book-reader-section{margin-top:0;padding:2.5rem 1.2rem 3.2rem}.book-reader-header{margin-bottom:1.6rem}.book-reader-header h2{font-size:clamp(1.85rem,9vw,3rem);line-height:1.18}.book-reader-layout{display:flex;flex-direction:column;grid-template-columns:1fr;gap:1.4rem}.book-subheading-nav{position:relative;top:auto;order:-1;width:100%;max-height:none;padding:.95rem;border:1px solid oklch(.69 .146 74.6 / .28)}.book-subheading-nav nav{gap:.55rem}.book-reader-body{max-width:none}.book-reader-body p{font-size:1rem;line-height:1.86}.book-reader-figure{margin-right:auto;margin-left:auto}.poetic-guide-actions,.poetic-book-list{display:grid;grid-template-columns:1fr}}@keyframes mobile-arches{0%{opacity:0;transform:translate(-50%,-.8rem)}to{opacity:.6;transform:translate(-50%)}}@keyframes mobile-statue{0%{opacity:0;transform:translateY(.9rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes water-breathe{0%{opacity:.48;filter:saturate(.75)}to{opacity:.7;filter:saturate(1)}}@media(prefers-reduced-motion:reduce){.cursor-light-field:before{background:#0000002e;-webkit-mask-image:none;mask-image:none}.cursor-halo{display:none}.desktop-text-plane,.section-text-plane{transform:none!important}.book-map-card{transform:rotateX(56deg) rotateY(-13deg) rotate(-7deg)!important}.chronicles-topbar{transform:none!important}.geography-panorama{transform:translate(-50%)!important}.geography-topbar{transform:none!important}.chronicle-volume.is-activated,.chronicle-volume.is-activated .chronicle-cover-reflection,.geography-volume.is-activated,.geography-volume.is-activated .geography-cover-reflection{animation:none!important}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.past-bookshelf{--past-ink: oklch(.94 .014 82);--past-muted: oklch(.77 .022 82);--past-metal: oklch(.76 .07 80);position:relative;height:100svh;width:100%;overflow:hidden;color:var(--past-ink);background:#000;scrollbar-color:oklch(.35 .014 80) transparent;isolation:isolate}.past-bookshelf:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";pointer-events:none;background:radial-gradient(ellipse at 48% 45%,oklch(.18 .009 80 / .16),transparent 66%)}.past-bookshelf:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,oklch(.01 0 0 / .84),oklch(.01 0 0 / .44) 14%,transparent 26%,transparent 76%,oklch(.01 0 0 / .7)),linear-gradient(180deg,oklch(.01 0 0 / .42),transparent 28%,transparent 82%,oklch(.01 0 0 / .64))}.past-header{position:absolute;z-index:4;top:7.4%;right:6.7%;left:8.6914%;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;pointer-events:none}.past-brand{flex-shrink:0;padding:0;pointer-events:auto}.past-header .section-nav{display:grid;justify-items:center;width:clamp(12rem,18vw,16rem);gap:clamp(.65rem,1.4vw,1rem)}.past-header .section-nav button{min-height:2rem;font-size:clamp(1rem,1.35vw,1.35rem);letter-spacing:.18em}.past-header .section-nav .is-active{color:var(--past-metal)}.past-library{position:relative;width:100%;height:100svh;margin:0;padding:0}.past-intro{position:absolute;z-index:3;top:38.8%;left:clamp(2.55rem,5vw,5.1rem);width:min(39rem,40vw);pointer-events:none;transform:translateY(-7%)}.past-intro h1{margin:0;color:#f6f1e9;font-family:var(--font-display);font-size:clamp(3.05rem,3.9vw,4.65rem);font-weight:400;letter-spacing:0;line-height:1.02;white-space:nowrap;text-shadow:0 1px 1px oklch(0 0 0 / .94),0 0 24px oklch(0 0 0 / .86)}.past-english{max-width:25ch;margin:clamp(1.25rem,2vw,1.8rem) 0 0;color:#e5e1d9e6;font-family:var(--font-display);font-size:clamp(1rem,1.24vw,1.23rem);letter-spacing:0;line-height:1.7;text-wrap:pretty;text-shadow:0 0 16px oklch(0 0 0 / .72)}.past-intro h1,.past-intro .past-english,.past-intro .chronicles-rule{opacity:var(--past-copy-opacity, 1);transition:opacity .18s ease}.past-shelf-toolbar{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem clamp(.9rem,1.7vw,1.6rem);width:fit-content;max-width:100%;margin-top:clamp(.95rem,1.5vw,1.35rem)}.past-shelf-toolbar button{pointer-events:auto}.past-rotate{display:inline-flex;flex-shrink:0;align-items:center;gap:.4rem;min-height:44px;padding:.4rem 0;border:0;color:var(--past-ink);background:transparent;cursor:pointer;font-size:.83rem;letter-spacing:.06em;white-space:nowrap}.past-rotate-glyph{color:var(--past-metal);font-family:Georgia,serif;font-size:1.35rem}.past-gallery{--book-depth: clamp(.85rem, 1.65vw, 1.55rem);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100svh;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom}.past-gallery::-webkit-scrollbar{display:none}.past-gallery.is-dragging,.past-gallery.is-dragging .past-book-button{cursor:grabbing}.past-gallery:focus-visible{outline:1px solid var(--past-metal);outline-offset:-4px}.past-panorama{position:absolute;top:calc(-1 * var(--panorama-rise));left:0;display:flex;width:max-content;height:var(--panorama-height)}.past-arcade-row{position:relative;flex-shrink:0;width:calc(var(--bay-width) * var(--arcade-columns));height:var(--panorama-height);margin:0;isolation:isolate}.past-arcade-plate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.past-arcade-plate>img{position:absolute;top:0;left:var(--plate-left);display:block;width:var(--plate-width);max-width:none;height:100%;object-fit:fill;filter:contrast(1.025) saturate(.88)}.past-arcade-row:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";pointer-events:none;background:radial-gradient(ellipse 24% 28% at var(--past-spot-x, 50%) var(--past-spot-y, 65%),oklch(.76 .032 80 / .11),transparent 72%);opacity:var(--past-glow, 0);transition:opacity .35s ease}.past-arcade-volumes{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--arcade-columns),minmax(0,1fr))}.past-book-slot{position:relative;min-width:0;height:100%}.past-tone-forest{--book-color: oklch(.27 .049 150);--book-side: oklch(.19 .036 151)}.past-tone-lake{--book-color: oklch(.29 .043 230);--book-side: oklch(.2 .032 230)}.past-tone-wine{--book-color: oklch(.28 .059 25);--book-side: oklch(.19 .044 25)}.past-tone-charcoal{--book-color: oklch(.285 .008 76);--book-side: oklch(.185 .008 76)}.past-book-button{position:absolute;z-index:2;bottom:32.1%;left:50%;display:block;width:min(54%,24svh);aspect-ratio:903 / 1280;padding:0;border:0;background:transparent;color:var(--past-ink);cursor:pointer;perspective:1100px;perspective-origin:50% 100%;transform:translate(-50%);-webkit-tap-highlight-color:transparent}.past-book-object{position:relative;z-index:1;display:block;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 100%;transform:rotateY(22deg);transition:transform .58s cubic-bezier(.16,1,.3,1)}.past-book-button:focus-visible .past-book-object{transform:translateY(-.35rem) translateZ(.5rem) rotateY(14deg)}.show-spines .past-book-object{transform:rotateY(69deg)}.show-spines .past-book-button:focus-visible .past-book-object{transform:translateY(-.35rem) translateZ(.5rem) rotateY(62deg)}@media(hover:hover){.past-book-button:hover .past-book-object{transform:translateY(-.35rem) translateZ(.5rem) rotateY(14deg)}.show-spines .past-book-button:hover .past-book-object{transform:translateY(-.35rem) translateZ(.5rem) rotateY(62deg)}}.past-book-cover,.past-book-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;border-radius:1px 3px 3px 1px;backface-visibility:hidden;background:var(--book-color)}.past-book-cover{overflow:hidden;padding:0;background:#fff;transform:translateZ(calc(var(--book-depth) / 2));box-shadow:inset 4px 0 5px #0003,inset -1px 0 1px #00000026}.past-pdf-cover{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.past-book-back{transform:translateZ(calc(var(--book-depth) / -2)) rotateY(180deg)}.past-book-spine{position:absolute;top:0;left:calc(var(--book-depth) / -2);display:flex;align-items:center;flex-direction:column;width:var(--book-depth);height:100%;border-radius:3px 0 0 3px;transform:rotateY(-90deg);background:linear-gradient(90deg,oklch(0 0 0 / .36),transparent 40%,oklch(1 0 0 / .045) 70%,oklch(0 0 0 / .26)),var(--book-side);box-shadow:inset 1px 0 1px #cfbb9a2e}.past-spine-band{width:74%;height:7%;margin-top:5%;border-top:1px solid oklch(.7 .066 80 / .6);border-bottom:1px solid oklch(.7 .066 80 / .6)}.past-spine-title{margin-top:.8rem;writing-mode:vertical-rl;font-size:clamp(.65rem,1vw,.88rem);letter-spacing:.2em;color:#eadcc4}.past-spine-mark{position:absolute;bottom:7%;font-family:var(--font-display);font-size:1rem;color:var(--past-metal)}.past-book-pages{position:absolute;top:.22rem;left:calc(100% - var(--book-depth) / 2 - .13rem);width:calc(var(--book-depth) - .3rem);height:calc(100% - .44rem);transform:rotateY(90deg);background:linear-gradient(90deg,#ac9c83,#d8c8ae 25%,#b29f7f)}.past-book-top{position:absolute;top:calc(var(--book-depth) / -2 + .13rem);left:.2rem;width:calc(100% - .4rem);height:calc(var(--book-depth) - .3rem);transform:rotateX(90deg);background:linear-gradient(180deg,#7c705b,#c3b59f,#887b66)}.past-book-shadow{position:absolute;bottom:-.32rem;left:50%;width:105%;height:.6rem;border-radius:50%;background:#000000db;filter:blur(3px);transform:translate(-50%) skew(-18deg);pointer-events:none;transition:opacity .58s ease,filter .58s ease}.past-book-button:focus-visible .past-book-shadow{opacity:.65;filter:blur(5px)}@media(hover:hover){.past-book-button:hover .past-book-shadow{opacity:.65;filter:blur(5px)}}.past-book-reflection{position:absolute;z-index:0;top:79.5%;left:50%;display:block;width:65%;height:16%;object-fit:fill;opacity:.09;filter:blur(1.8px) saturate(.55);transform:translate(-50%) scaleY(-1) skew(-5deg);transform-origin:50% 50%;-webkit-mask-image:linear-gradient(0deg,black,transparent 90%);mask-image:linear-gradient(0deg,black,transparent 90%);pointer-events:none;transition:opacity .58s ease}.show-spines .past-book-reflection{opacity:.025}.past-book-caption{position:absolute;z-index:2;top:82%;right:7%;left:7%;text-align:center;text-shadow:0 1px 3px oklch(0 0 0 / .95),0 0 10px oklch(0 0 0 / .8)}.past-book-caption h2{margin:0;color:var(--past-ink);font-size:clamp(.86rem,1.16vw,1.14rem);font-weight:400;letter-spacing:.08em;line-height:1.7;text-wrap:balance}.past-book-caption p{max-width:20em;margin:.3rem auto 0;color:#c6bdac;font-size:clamp(.72rem,.85vw,.86rem);line-height:1.75;text-wrap:balance}.past-shelf-footer{position:absolute;z-index:3;right:6.7%;bottom:1rem;display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;margin:0;padding:0;pointer-events:none}.past-shelf-footer>span{color:var(--past-muted);font-family:var(--font-display);font-size:.84rem;letter-spacing:.045em}.past-back{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;padding:.3rem 0;border:0;color:var(--past-muted);background:transparent;font-size:.84rem;letter-spacing:.08em;cursor:pointer}.past-back:hover,.past-rotate:hover,.past-original:hover{color:var(--past-ink)}.past-bookshelf button:focus-visible,.past-bookshelf a:focus-visible{outline:1px solid var(--past-metal);outline-offset:5px}.past-book-button:focus-visible{outline-offset:7px}.past-bookshelf.is-reading{overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at 50% 55%,oklch(.235 .022 76 / .3),transparent 64%),#050301}.past-bookshelf.is-reading:after{display:none}.is-reading .past-header{position:relative;top:auto;right:auto;left:auto;max-width:1360px;margin:auto;padding:clamp(1.8rem,4.2vh,3rem) clamp(1.5rem,5vw,4.5rem) 1.75rem}.is-reading .past-header .section-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;width:auto;max-width:57rem;gap:.7rem 1.6rem}.is-reading .past-header .section-nav button{font-size:.95rem;letter-spacing:.12em}.past-reader{width:min(1160px,calc(100% - 6rem));margin:.5rem auto 2rem}.past-reader-bar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.5rem 0 1rem;border-bottom:1px solid oklch(.54 .045 78 / .23)}.past-original{color:var(--past-metal);text-decoration:none;font-size:.9rem;line-height:1.7}.past-original>span{margin-left:.3rem}.past-reader-heading{margin:1.25rem 0 1.5rem}.past-reader-heading h1{width:fit-content;margin:0;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:400;letter-spacing:.1em;line-height:1.6}.past-reader-heading h1:focus{outline:none}.past-intro h1:focus{outline:none}.past-reader-heading>p{margin:.45rem 0 0;font-size:1rem;color:var(--past-muted);letter-spacing:.05em}.past-reader-meta{display:block;margin-top:.7rem;color:var(--past-muted);font-family:var(--font-display),var(--font-cjk);font-size:.82rem;line-height:1.7}.past-reader-meta>span{margin:0 .4rem}.past-pagination{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:760px;margin:0 auto;padding:.6rem 0;background:#090502}.past-pagination button,.past-pagination select{min-height:44px;padding:.3rem .65rem;border:0;background:transparent;color:var(--past-ink);font:inherit;font-size:.87rem;cursor:pointer}.past-pagination select{border:1px solid oklch(.54 .045 78 / .4);background:#090502}.past-pagination select:focus-visible{outline:1px solid var(--past-metal);outline-offset:4px}.past-pagination button:disabled{color:#766e5e;cursor:default}.past-original-page{max-width:760px;margin:0 auto 2rem;scroll-margin-top:4.5rem}.past-original-page img{display:block;width:100%;height:auto;background:#fff}.past-reader-format{display:flex;justify-content:flex-end;gap:1.25rem;max-width:760px;margin:0 auto .5rem}.past-reader-format button{min-height:44px;padding:.3rem 0;border:0;border-bottom:1px solid transparent;color:var(--past-muted);background:transparent;font-size:.85rem;cursor:pointer}.past-reader-format button[aria-pressed=true]{color:var(--past-ink);border-bottom-color:var(--past-metal)}.past-reader-format button:disabled{color:#766e5e;cursor:default}.past-page-copy{padding:1.5rem .25rem 3rem;color:var(--past-ink)}.past-page-copy p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(1.05rem,2.4vw,1.22rem);line-height:2;letter-spacing:.025em}@media(max-height:780px){.past-bookshelf:not(.is-reading) .past-book-button{width:min(54%,21svh)}}@media(max-width:1000px){.is-reading .past-header{gap:1.5rem;padding-right:2rem;padding-left:2rem}.is-reading .past-header .section-nav{gap:.5rem 1rem;max-width:32rem}.is-reading .past-header .section-nav button{font-size:.87rem}}@media(min-width:761px)and (max-width:1120px)and (min-aspect-ratio:1 / 1){.past-intro{top:40%;width:min(30rem,35vw)}.past-intro h1{font-size:clamp(2.45rem,3.8vw,3.7rem)}.past-english{max-width:25ch;font-size:clamp(.92rem,1.15vw,1rem)}}@media(max-width:760px),(max-aspect-ratio:1 / 1){.past-bookshelf{overflow-x:hidden;overflow-y:auto}.past-bookshelf:after{display:none}.past-header{position:relative;top:auto;right:auto;left:auto;gap:1rem;padding:1.9rem 1.4rem 0}.past-bookshelf:not(.is-reading) .past-brand{font-size:1.3rem}.past-header .section-nav{width:auto;justify-items:end;gap:.12rem}.past-header .section-nav button{min-height:2rem;padding:.2rem 0;font-size:.82rem;letter-spacing:.1em}.past-library{width:100%;height:auto;padding:0 0 1.5rem}.past-intro{position:relative;top:auto;left:auto;width:calc(100% - 2.8rem);margin:1.25rem auto 0;transform:none}.past-intro h1{font-size:clamp(2.7rem,12.4vw,3.95rem);line-height:.98}.past-english{max-width:28ch;margin-top:1rem;font-size:clamp(.95rem,3.9vw,1.08rem);line-height:1.55}.past-intro .chronicles-rule{width:min(13rem,68%);margin-top:1.05rem}.past-shelf-toolbar{width:100%;max-width:none;gap:.25rem .85rem;margin-top:.68rem}.past-rotate{font-size:.78rem}.past-gallery{--book-depth: 1rem;position:relative;inset:auto;height:clamp(26rem,calc(100svh - 21rem),42rem);margin-top:.75rem;overflow-x:auto;overflow-y:hidden;scrollbar-color:oklch(.47 .03 80 / .6) oklch(.045 0 0 / .3);scrollbar-width:thin}.past-panorama{position:absolute;display:flex;width:max-content}.past-bookshelf:not(.is-reading) .past-book-button{width:72%}.past-spine-title{margin-top:.65rem;font-size:.68rem}.past-spine-mark{font-size:.85rem}.past-book-caption{right:5%;left:5%}.past-book-caption h2{font-size:clamp(.86rem,3.6vw,1.03rem);letter-spacing:.035em}.past-book-caption p{font-size:.74rem;line-height:1.75}.past-shelf-footer{position:relative;right:auto;bottom:auto;align-items:flex-start;gap:1rem;margin-top:.65rem;padding-inline:1.4rem}.past-shelf-footer>span{font-size:.74rem;line-height:1.8;text-align:right}}@media(max-width:600px){.is-reading .past-brand{font-size:1.3rem}.is-reading .past-header{flex-direction:column;gap:1.5rem;padding:1.8rem 1.5rem 1.35rem}.is-reading .past-header .section-nav{justify-content:flex-start;max-width:none;gap:.6rem 1rem}.is-reading .past-header .section-nav button{font-size:.85rem;letter-spacing:.07em;padding:.15rem 0}.past-reader{width:calc(100% - 3rem);margin-top:0}.past-reader-bar{gap:.8rem}.past-original{max-width:10rem;font-size:.78rem;text-align:right}.past-back{font-size:.8rem}.past-pagination{gap:.2rem}.past-pagination button,.past-pagination select{padding:.3rem .35rem;font-size:.78rem}.past-reader-heading>p{font-size:.9rem;line-height:1.8}}@media(prefers-reduced-motion:reduce){.past-book-object,.past-book-shadow,.past-book-reflection,.past-brand,.past-arcade-row:after,.past-intro h1,.past-intro .past-english,.past-intro .chronicles-rule{transition:none}.past-panorama{transition:none}.past-gallery{scroll-behavior:auto}.past-book-button:hover .past-book-object,.past-book-button:focus-visible .past-book-object{transform:rotateY(22deg)}.show-spines .past-book-button:hover .past-book-object,.show-spines .past-book-button:focus-visible .past-book-object{transform:rotateY(69deg)}.past-book-button:hover .past-book-shadow,.past-book-button:focus-visible .past-book-shadow{opacity:1;filter:blur(3px)}}