.story-chapter{border-top:1px solid var(--line-faint);padding-block:var(--section-y);position:relative}.story-grid{align-items:start;gap:var(--sp-6) clamp(var(--sp-7), 6vw, var(--sp-10));grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head art""body art";display:grid}.story-grid[data-flip]{grid-template-areas:"art head""art body"}.story-head{gap:var(--sp-4);grid-area:head;display:grid;position:relative}.story-num{color:#0000;font-family:var(--font-display);opacity:.5;-webkit-text-stroke:1px var(--line);z-index:-1;font-size:clamp(6rem,14vw,13rem);font-weight:900;line-height:.7;position:absolute;top:-.32em;left:-.06em}.story-body{gap:var(--sp-6);grid-area:body;display:grid}.story-prose{font-size:1.1rem;line-height:1.75}.story-art{top:calc(var(--header-h) + var(--sp-6));grid-area:art;position:sticky}.story-figure{margin:0}.story-map{aspect-ratio:1/.62;background:radial-gradient(ellipse at center, #39ff1412, transparent 70%), var(--surface);border:1px solid var(--line-faint);position:relative;overflow:hidden}.story-map svg{width:100%;height:100%;display:block}.story-worlds{gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.story-worlds .ui-tile-name{text-align:center;font-size:1.15rem}.story-worlds .ui-tile-media{background:radial-gradient(circle,#39ff1414,#0000 70%)}@media (max-width:900px){.story-grid,.story-grid[data-flip]{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""art""body"}.story-art{position:relative;top:0}}.timeline-v2{gap:var(--sp-8);margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline-v2:before{background:linear-gradient(180deg, transparent, var(--accent-dim) 6%, var(--accent) 94%, transparent);content:"";width:1px;position:absolute;top:0;bottom:0;left:calc(min(30%,320px) + 0px)}.timeline-era{gap:var(--sp-6);grid-template-columns:min(30%,320px) minmax(0,1fr);display:grid}.timeline-era-name{color:color-mix(in srgb, var(--accent) calc(40% + var(--era) * 60%), var(--muted));font-family:var(--font-display);padding-right:var(--sp-6);text-align:right;text-transform:uppercase;top:calc(var(--header-h) + var(--sp-5));align-self:start;margin:0;font-size:clamp(1.8rem,2vw + 1rem,3rem);font-weight:800;line-height:1;position:sticky}.timeline-era>ol{gap:var(--sp-6);padding:0 0 0 var(--sp-6);margin:0;list-style:none;display:grid}.timeline-mark{gap:var(--sp-2);display:grid;position:relative}.timeline-mark p{color:var(--text);max-width:62ch;margin:0;font-size:1.05rem;line-height:1.6}.timeline-dot{background:var(--accent);box-shadow:0 0 0 4px var(--bg), 0 0 14px var(--accent);height:9px;left:calc(var(--sp-6) * -1 - 4.5px);border-radius:50%;width:9px;position:absolute;top:.55em}.timeline-links{gap:var(--sp-2);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.timeline-links .ui-chip:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:760px){.timeline-v2:before{left:0}.timeline-era{gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}.timeline-era-name{padding-left:var(--sp-6);text-align:left;position:relative;top:0}}.atlas-list{columns:3 240px;column-gap:var(--sp-7);margin:0;padding:0;list-style:none}.atlas-list li{break-inside:avoid;gap:var(--sp-3);padding:var(--sp-2) 0;justify-content:space-between;display:flex}.atlas-list a{color:var(--text)}.atlas-list a:hover{color:var(--accent)}.atlas-list span{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase}.generated-line{margin-top:var(--sp-7)}.entry-hero{padding-top:calc(var(--header-h) + var(--sp-7));padding-bottom:var(--sp-8)}.entry-grid{align-items:center;gap:clamp(var(--sp-6), 5vw, var(--sp-9));grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid}.entry-copy{gap:var(--sp-5);display:grid}.entry-summary{color:var(--text);font-size:var(--fs-lede);max-width:62ch;margin:0;line-height:1.6}.entry-visual .story-map{aspect-ratio:1/.62}.entry-links{gap:var(--sp-4) var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));margin:0;padding:0;list-style:none;display:grid}.entry-link{border-bottom:1px solid var(--line-faint);color:var(--text);align-items:center;gap:2px var(--sp-4);padding:var(--sp-3) 0;transition:border-color var(--t-2) var(--ease);grid-template-columns:44px minmax(0,1fr);display:grid}.entry-link:hover{border-color:var(--accent)}.entry-link:hover .entry-link-name{color:var(--accent)}.entry-glyph{grid-row:span 2;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.entry-glyph img{width:40px;height:40px}.entry-glyph svg{width:30px;height:30px;overflow:visible}.entry-link-rel{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase}.entry-link-name{font-family:var(--font-display);text-transform:uppercase;transition:color var(--t-1) var(--ease);font-size:1.3rem;font-weight:700;line-height:1.05}@media (max-width:900px){.entry-grid{grid-template-columns:minmax(0,1fr)}}.lore-intro{isolation:isolate;padding-block:var(--sp-9) var(--sp-8);position:relative;overflow:hidden}.lore-ways{gap:clamp(var(--sp-5), 3vw, var(--sp-7));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lore-way{color:var(--text);gap:var(--sp-2);display:grid}.lore-way-media{aspect-ratio:16/10;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--surface);margin-bottom:var(--sp-3);display:block;position:relative;overflow:hidden}.lore-way-media:after{border:1px solid var(--line-faint);content:"";pointer-events:none;transition:border-color var(--t-2) var(--ease), box-shadow var(--t-2) var(--ease);position:absolute;inset:0}.lore-way-media img{object-fit:cover;height:100%;transition:transform var(--t-3) var(--ease);width:100%;display:block}.lore-way:hover .lore-way-media img{transform:scale(1.04)}.lore-way:hover .lore-way-media:after,.lore-way:focus-visible .lore-way-media:after{border-color:var(--accent);box-shadow:inset 0 0 60px color-mix(in srgb, var(--accent) 20%, transparent)}.lore-way-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.lore-way-grid img{width:100%;height:100%;min-height:0}.lore-way-grid img[data-fit=contain]{object-fit:contain;padding:10%}.lore-way-name{font-family:var(--font-display);text-transform:uppercase;transition:color var(--t-1) var(--ease);font-size:clamp(2rem,2.2vw + 1rem,3rem);font-weight:900;line-height:.95}.lore-way:hover .lore-way-name{color:var(--accent)}.lore-way-text{color:var(--muted)}@media (max-width:900px){.lore-ways{grid-template-columns:minmax(0,1fr)}}.lore-map{border-top:1px solid var(--line-faint);padding-top:var(--sp-8)}.lore-map-head{align-items:end;gap:var(--sp-4) var(--sp-8);margin-bottom:var(--sp-5);flex-wrap:wrap;justify-content:space-between;display:flex}.lore-map-note{max-width:60ch;margin:0}.explorer{position:relative}.explorer-map{min-height:min(82svh,860px)}.explorer-panel{background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 0 40px color-mix(in srgb, var(--accent) 12%, transparent);gap:var(--sp-3);max-height:calc(100% - 2 * var(--sp-5));padding:var(--sp-5);right:max(var(--gutter), calc((100% - var(--w-page)) / 2 + var(--gutter)));top:var(--sp-5);width:min(400px, calc(100% - 2 * var(--gutter)));z-index:6;flex-direction:column;display:flex;position:absolute;overflow-y:auto}.explorer-panel[hidden]{display:none}.explorer-panel h3{outline:none;font-size:clamp(1.8rem,1.2vw + 1.2rem,2.4rem)}.explorer-close{cursor:pointer;right:var(--sp-3);top:var(--sp-3);background:0 0;font-size:1.3rem;position:absolute}.explorer-art{aspect-ratio:16/9;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--surface);place-items:center;display:grid;overflow:hidden}.explorer-art img{object-fit:cover;width:100%;height:100%}.explorer-art[data-fit=contain] img{object-fit:contain;height:80%}.explorer-art .browse-glyph{width:auto;height:60%}.explorer-summary{color:var(--text);margin:0}.explorer-read{justify-self:start}.explorer-lanes{margin-top:var(--sp-2)}.explorer-related{gap:0;margin:0;padding:0;list-style:none;display:grid}.explorer-related button,.explorer-related a{border:0;border-top:1px solid var(--line-faint);color:var(--text);cursor:pointer;font:inherit;padding:var(--sp-2) 0;text-align:left;background:0 0;gap:2px;width:100%;display:grid}.explorer-related span{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase}.explorer-related b{font-family:var(--font-display);text-transform:uppercase;font-size:1.15rem;font-weight:700}.explorer-related button:hover b,.explorer-related a:hover b{color:var(--accent)}@media (max-width:760px){.explorer-map{min-height:70svh}.explorer-panel{width:auto;max-height:72svh;position:absolute;inset:auto 0 0}.explorer-art{aspect-ratio:21/9}}.lore-story-index{border-top:1px solid var(--line-faint);padding-block:var(--section-y) var(--sp-6)}.story-path{counter-reset:s;gap:var(--sp-4) var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin:0;padding:0;list-style:none;display:grid}.story-path a{border-top:2px solid var(--line);color:var(--text);gap:var(--sp-2);padding-top:var(--sp-4);transition:border-color var(--t-2) var(--ease);display:grid}.story-path a:hover{border-color:var(--accent)}.story-path-num{color:var(--accent);font-family:var(--font-display);font-size:2rem;font-weight:900;line-height:1}.story-path b{font-family:var(--font-display);text-transform:uppercase;font-size:1.5rem;font-weight:800;line-height:1}.story-path a:hover b{color:var(--accent)}.story-path a>span:last-child{color:var(--muted);font-size:var(--fs-small);line-height:1.5}.story-next{margin:0}.browse-bar{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;justify-content:space-between;display:flex}.browse-filters{gap:var(--sp-2);flex-wrap:wrap;display:flex}.browse-filter{border:1px solid var(--line-faint);color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-label);align-items:center;gap:var(--sp-2);letter-spacing:.12em;min-height:40px;padding:0 var(--sp-3);text-transform:uppercase;transition:border-color var(--t-1) var(--ease), color var(--t-1) var(--ease), background-color var(--t-1) var(--ease);background:0 0;font-weight:700;display:inline-flex}.browse-filter span{color:var(--faint);font-weight:500}.browse-filter:hover{border-color:var(--accent);color:var(--text)}.browse-filter[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent);color:var(--accent)}.browse-filter[aria-pressed=true] span{color:var(--accent-soft)}.browse-search input{background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);min-height:44px;padding:0 var(--sp-4);width:min(320px,100%);font-size:.95rem}.browse-search input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.browse-count{margin-bottom:var(--sp-5)}.browse-grid{gap:var(--sp-6) var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));margin:0;padding:0;list-style:none;display:grid}.browse-tile{color:var(--text);gap:var(--sp-1);display:grid}.browse-tile-media{aspect-ratio:16/10;background:linear-gradient(var(--line-faint), var(--line-faint)) 50% 50% / 100% 1px no-repeat, linear-gradient(var(--line-faint), var(--line-faint)) 50% 50% / 1px 100% no-repeat, radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%), var(--bg);margin-bottom:var(--sp-2);place-items:center;display:grid;position:relative;overflow:hidden}.browse-tile-media:after{border:1px solid var(--line-faint);content:"";pointer-events:none;transition:border-color var(--t-2) var(--ease);position:absolute;inset:0}.browse-tile-media img{object-fit:cover;height:100%;transition:transform var(--t-3) var(--ease);width:100%}.browse-tile-media[data-fit=contain] img{object-fit:contain;height:76%}.browse-glyph{width:auto;height:56%}.browse-tile:hover .browse-tile-media:after,.browse-tile:focus-visible .browse-tile-media:after{border-color:var(--accent)}.browse-tile:hover .browse-tile-media img{transform:scale(1.05)}.browse-tile-kind{color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase}.browse-tile-name{font-family:var(--font-display);text-transform:uppercase;transition:color var(--t-1) var(--ease);font-size:1.4rem;font-weight:800;line-height:1}.browse-tile:hover .browse-tile-name{color:var(--accent)}.browse-tile-text{color:var(--muted);font-size:var(--fs-small);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.entry-pager{border-top:1px solid var(--line-faint);gap:var(--sp-5);padding-block:var(--sp-7);justify-content:space-between;display:flex}.entry-pager a{gap:var(--sp-1);display:grid}.entry-pager a:last-child{text-align:right}.entry-pager b{color:var(--text);font-family:var(--font-display);text-transform:uppercase;transition:color var(--t-1) var(--ease);font-size:clamp(1.4rem,1.5vw + 1rem,2.2rem);font-weight:900;line-height:1}.entry-pager a:hover b{color:var(--accent)}.lore-way-media picture{height:100%;display:block}.explorer-panel>*{flex-shrink:0;margin:0}.explorer-read{align-self:flex-start}.explorer-art{position:relative}.explorer-art>img{position:absolute;inset:0}.explorer-art[data-fit=contain]>img{max-width:84%;height:auto;max-height:84%;margin:auto;inset:8%}.explorer-close{color:var(--text);z-index:2;line-height:1}.entry-map{border:1px solid var(--line-faint);min-height:440px}