/* public/guidaloe.css */
:root{color-scheme:dark;--bg:#101619;--panel:#192226;--ink:#f1f2e9;--muted:#a3b1b5;--line:#304044;--accent:#cced91;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-underline-offset:4px}header{display:flex;align-items:center;gap:24px;max-width:1320px;padding:30px 40px;margin:auto;border-bottom:1px solid var(--line)}header form{margin-left:auto}.brand{font-weight:850;letter-spacing:.08em;text-decoration:none;font-size:22px}.brand span{display:block;font-weight:400;font-size:11px;letter-spacing:.12em;color:var(--muted)}main{max-width:1320px;padding:54px 40px;margin:auto}h1{font-size:clamp(32px,5vw,62px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 24px;max-width:900px}h2{font-size:24px;letter-spacing:-.02em}h3{line-height:1.3}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--accent);font-weight:700}.muted,footer{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:22px;margin:28px 0}.panel{background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:14px;margin-bottom:24px;min-width:0}.site-card{text-decoration:none;transition:border-color .2s}.site-card:hover{border-color:var(--accent)}.site-card strong{color:var(--accent)}.badge{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:5px 10px;border:1px solid var(--line);border-radius:30px;color:var(--accent)}label{display:block;font-size:13px;font-weight:600;margin:14px 0}input,textarea,select{display:block;width:100%;margin-top:6px;padding:12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}button{background:var(--accent);color:#172016;border:0;padding:12px 18px;border-radius:7px;font:inherit;font-weight:650;cursor:pointer}.quiet{background:transparent;border:1px solid var(--line);color:var(--ink)}.actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.entry{padding:20px 0;border-bottom:1px solid var(--line)}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.notice{padding:16px;background:#243827;border:1px solid #405e43;border-radius:8px}.error{background:#432429;border-color:#814651}.login{max-width:520px;margin:30px auto}.login h1{font-size:36px}footer{max-width:1320px;margin:auto;padding:24px 40px;font-size:12px;border-top:1px solid var(--line)}nav{margin-left:auto;display:flex;gap:15px}li a{overflow-wrap:anywhere}.theme-coast{--bg:#f7f1ed;--panel:#fffaf7;--ink:#202338;--muted:#6d6a7c;--line:#e3d7d5;--accent:#9d3771;color-scheme:light}.theme-citadel{--bg:#111919;--panel:#1b2625;--accent:#d5bd7a}summary{cursor:pointer;color:var(--accent)}@media(max-width:600px){header,main{padding:24px 18px}.panel{padding:20px}header>.badge{display:none}.grid{gap:12px}footer{padding:20px 18px}}
[hidden]{display:none!important}.reader-consent{position:fixed;bottom:20px;right:20px;max-width:420px;z-index:50;box-shadow:0 15px 60px #0006}.reader-consent p{font-size:12px;line-height:1.8}.honeypot{position:absolute;left:-9999px}.pagination{display:flex;justify-content:space-between;gap:14px;padding:15px 0}.pagination a{margin-left:12px}.disabled{opacity:.5}@media(max-width:600px){.reader-consent{left:15px;right:15px;bottom:15px;max-width:none}}
.reader-consent{width:min(540px,calc(100vw - 32px));max-height:85vh;overflow:auto}.reader-consent h2{font-size:22px}.consent-primary{display:flex;gap:10px;margin:18px 0}.consent-primary button{flex:1}.consent-choice{display:flex;align-items:flex-start;gap:10px;margin:16px 0}.consent-choice input{width:18px;height:18px;flex:0 0 18px;margin:3px 0}.reader-consent summary{cursor:pointer}.promotion{border-left:3px solid var(--accent,#a5d78d);margin:28px 0}.promotion h2{font-size:24px}

.article-blocks{white-space:normal;line-height:1.85}.article-blocks p,.article-blocks blockquote,.article-callout{white-space:pre-wrap}.article-blocks h2{margin:2rem 0 1rem}.article-blocks h3{margin:1.5rem 0 .75rem}.article-blocks figure{margin:2rem 0}.article-blocks img{display:block;max-width:100%;height:auto;border-radius:12px}.article-blocks figcaption,.media-credit{display:block;margin-top:10px;font-size:.88rem;opacity:.85}.article-callout,.article-blocks blockquote{padding:20px;border-left:4px solid var(--accent,#dfa345);background:#ffffff08;border-radius:0 10px 10px 0}.article-blocks li{margin-bottom:8px}.article-summary{font-size:1.12rem;line-height:1.7}

.reader-header .brand{display:flex;align-items:center;gap:12px}.reader-header .brand>img{flex:none}.footer-brand{display:flex;align-items:center;gap:10px}
/* public/editorial.css */
.article-toc{border:1px solid #899bb64a;border-radius:14px;padding:20px;margin:0 0 28px}.article-toc ol{padding-left:22px}.toc-subsection{margin-left:20px}.article-small-note{border-top:1px solid #899bb64a;border-bottom:1px solid #899bb64a;padding:12px 0;margin:24px 0;line-height:1.6;white-space:pre-wrap;opacity:.9}.article-details{padding:16px;border:1px solid #899bb64a;border-radius:12px;margin:20px 0}.article-details summary{cursor:pointer;font-weight:650}.article-details>div{padding-top:12px;white-space:pre-wrap}.article-table{overflow:auto;max-width:100%;margin:24px 0}.article-table table{border-collapse:collapse;min-width:100%;font-size:.94rem}.article-table caption{text-align:left;padding:10px 0;font-weight:650}.article-table td,.article-table th{border:1px solid #899bb64a;padding:12px;min-width:120px;vertical-align:top}.article-table th{text-align:left;background:#899bb61a}.article-code pre{overflow:auto;padding:20px;border-radius:12px;background:#0f1c2d;color:#eff5ff;font-size:.9rem;white-space:pre}.article-button{display:inline-block;padding:12px 22px;border-radius:9px;background:#345acb;color:#fff!important;text-decoration:none;font-weight:650}.article-blocks h2,.article-blocks h3,.article-small-note{scroll-margin-top:24px}.article-blocks a:focus-visible,.article-toc a:focus-visible{outline:3px solid #7f9be4;outline-offset:4px}.article-blocks hr{margin:30px 0;border:0;border-top:1px solid #899bb64a}.article-blocks sup{font-size:.75em}

.editor-template-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:end;border-top:1px solid #dfe3ec;padding-top:18px;margin-top:18px}.editor-template-tools label{min-width:180px}.editor-template-tools p{flex-basis:100%;margin:0}.block-drag-handle{cursor:grab;touch-action:none}.block-drag-handle:active{cursor:grabbing}.editor-block.is-dragging{opacity:.55}.editor-block.is-drop-target{outline:3px solid #7950d8;outline-offset:3px}

.article-cover{margin:24px 0 32px}.article-cover img{display:block;width:100%;max-height:640px;height:auto;object-fit:contain;border-radius:16px}.article-cover figcaption{padding:10px 4px;font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}.article-cover img{background:#899bb612}
/* public/reader-design.css */
:root{color-scheme:dark;--page:#0c1015;--surface:#151b23;--surface-high:#1b2430;--ink:#f1f1e9;--muted:#a8b3bd;--line:#ffffff15;--accent:#edc175;--accent-ink:#1c1509;--radius:18px;--reader-width:1220px}
body.theme-coast{color-scheme:light;--page:#faf8f3;--surface:#fff;--surface-high:#f1eae2;--ink:#1a2430;--muted:#596575;--line:#172a4020;--accent:#dd583f;--accent-ink:#fff;background:var(--page)}
body.theme-citadel,body.theme-coast{margin:0;background-color:var(--page);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:none}
*{box-sizing:border-box}a{color:inherit}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader-skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:var(--accent-ink);padding:12px 20px;z-index:10000}.reader-skip:focus{top:15px}
.reader-header{max-width:none;margin:0;padding:22px max(24px,calc((100vw - var(--reader-width))/2));display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:var(--page)}.reader-header .brand{font-size:19px;letter-spacing:-.7px;font-weight:800;text-decoration:none;color:var(--ink);line-height:1.2}.reader-header .brand span{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:5px}.reader-header nav{display:flex;align-items:center;gap:22px}.reader-header nav a{text-decoration:none;font-size:13px;color:var(--muted);font-weight:600}.reader-header nav a[aria-current=page],.reader-header nav a:hover{color:var(--ink)}.reader-languages{display:flex;gap:9px;padding-left:20px;border-left:1px solid var(--line)}
body>main.reader-main{width:min(var(--reader-width),calc(100% - 48px));max-width:var(--reader-width);margin:0 auto;padding:0 0 45px;min-height:65vh}.reader-main .eyebrow{font-size:10px;font-weight:750;letter-spacing:2.2px;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.reader-main h1,.reader-main h2,.reader-main h3{color:var(--ink);line-height:1.14;letter-spacing:-.8px}.reader-main h1{font-size:clamp(34px,4.8vw,64px);font-weight:780;max-width:960px;margin:15px 0 24px}.reader-main p.muted,.reader-main .muted{color:var(--muted)}
.reader-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:520px;gap:35px;padding:65px 0;position:relative;isolation:isolate}.hero-copy{z-index:1}.hero-copy h1{font-size:clamp(40px,4.6vw,66px);letter-spacing:-2.8px;line-height:1.06;margin:24px 0}.hero-line{display:inline-block;background:var(--accent);height:2px;width:23px;vertical-align:middle;margin-right:10px}.hero-description{font-size:17px;color:var(--muted);max-width:500px;line-height:1.75}.hero-search{display:flex;align-items:center;gap:8px;background:var(--surface);padding:7px;border:1px solid var(--line);border-radius:12px;margin:30px 0 17px;max-width:560px}.hero-search input{flex:1;min-width:0;border:0!important;background:transparent!important;padding:12px;color:var(--ink);outline-offset:-2px}.reader-main button,.reader-main .article-button{background:var(--accent);color:var(--accent-ink);border:0;padding:13px 21px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}.hero-topics{display:flex;gap:18px;font-size:12px;color:var(--muted)}.hero-topics a{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}
.hero-illustration{aspect-ratio:1;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#edc17515,transparent 65%);max-height:440px}.hero-monogram{font-size:clamp(90px,14vw,185px);font-weight:850;letter-spacing:-16px;line-height:1;color:transparent;-webkit-text-stroke:1px #edc17580;transform:rotate(-8deg);text-shadow:10px 10px 0 #edc17508}.orbit{position:absolute;width:80%;height:80%;border:1px solid #edc17529;border-radius:50%;transform:rotate(-30deg) scaleY(.65)}.orbit-two{transform:rotate(50deg) scaleY(.7);width:98%;height:98%;border-style:dashed}.hero-coordinate{position:absolute;bottom:8%;right:4%;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}.hero-coordinate span{display:block;font-size:8px;color:var(--muted);letter-spacing:3px;margin-top:8px}.theme-coast .hero-illustration{background:radial-gradient(ellipse at center,#e8957660,transparent 65%)}.theme-coast .hero-monogram{-webkit-text-stroke:1px #dc634d;text-shadow:10px 10px 0 #f3c1af50;transform:rotate(6deg);letter-spacing:-12px}.theme-coast .orbit{border-color:#e5745d45}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:25px 0}.section-heading h2{font-size:25px;margin:0}.section-heading>a,.section-heading>span{font-size:12px;color:var(--muted);white-space:nowrap}.section-heading>a{text-decoration:none}.category-section{padding:0 0 25px;border-bottom:1px solid var(--line);margin-bottom:42px}.category-chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.category-chips a{display:flex;align-items:center;gap:25px;border:1px solid var(--line);padding:12px 18px;border-radius:9px;text-decoration:none;font-size:13px;background:var(--surface)}.category-chips span{font-size:11px;color:var(--muted)}.category-chips a:hover{border-color:var(--accent)}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:transform .2s,border-color .2s;min-width:0}.guide-card:hover{transform:translateY(-4px);border-color:var(--accent)}.guide-card-cover{display:block;aspect-ratio:1.9;text-decoration:none;overflow:hidden;background:var(--surface-high)}.guide-card-cover img{width:100%;height:100%;object-fit:cover}.cover-art{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:25px;background:linear-gradient(125deg,var(--surface),transparent),repeating-linear-gradient(-35deg,transparent,transparent 22px,#edc17512 23px,transparent 24px)}.cover-art span{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.cover-art b{font-size:28px;color:var(--accent);font-weight:600;letter-spacing:-1px}.guide-card-body{padding:23px}.guide-card-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;letter-spacing:.6px;color:var(--accent);text-transform:uppercase}.guide-card-meta a{color:var(--muted);text-decoration:none}.guide-card h2{font-size:21px;line-height:1.3;margin:14px 0 12px}.guide-card h2 a{text-decoration:none}.guide-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.guide-card-footer{display:flex;justify-content:space-between;gap:12px;padding-top:18px;margin-top:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.reader-empty{grid-column:1/-1;display:flex;align-items:center;gap:30px;background:var(--surface);padding:45px;border:1px solid var(--line);border-radius:var(--radius)}.reader-empty h2{font-size:24px;margin:0 0 12px}.reader-empty p{max-width:620px;font-size:14px;color:var(--muted);margin:0}.empty-compass{display:grid;place-items:center;width:85px;height:85px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:34px;color:var(--accent)}.reader-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;padding-top:40px;border-top:1px solid var(--line);gap:50px}.reader-principles span{font-size:10px;color:var(--accent);letter-spacing:2px}.reader-principles h3{font-size:17px;margin:12px 0}.reader-principles p{font-size:12px;line-height:1.8;color:var(--muted)}
.reader-footer{width:auto;max-width:none;margin:0;padding:36px max(24px,calc((100vw - var(--reader-width))/2));border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:start;gap:25px;font-size:11px;color:var(--muted)}.reader-footer strong{color:var(--ink);font-size:15px}.reader-footer p{margin:8px 0}.reader-footer a,.reader-footer button{font-size:11px;color:var(--muted)}.reader-footer-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.reader-footer button{background:none;border:0;cursor:pointer;padding:0}
.discovery-heading{padding:55px 0 25px}.discovery-heading p{color:var(--muted);max-width:720px}.reader-search-expanded{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:15px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:40px}.reader-main label{display:block;font-size:12px;color:var(--muted)}.reader-main input,.reader-main select,.reader-main textarea{font:inherit;display:block;width:100%;padding:12px;border-radius:8px;background:var(--surface-high);color:var(--ink);border:1px solid var(--line);margin:6px 0 0}.reader-pagination{display:flex;gap:22px;align-items:center;justify-content:center;margin:35px 0;font-size:13px}.reader-pagination a{display:grid;place-items:center;width:40px;height:40px;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:8px}.reader-pagination [aria-disabled]{opacity:.3}.reader-breadcrumb{display:flex;gap:12px;padding-top:30px;font-size:11px;color:var(--muted)}.reader-breadcrumb a{text-decoration:none}
.reader-main>.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;margin:25px 0}.reader-main>article.prose{max-width:900px;font-size:16px;line-height:1.95}.reader-main>article.prose h2{font-size:29px;margin-top:40px}.reader-main>article.prose h3{font-size:23px}.reader-main>.article-summary{font-size:19px;line-height:1.7;max-width:800px;color:var(--muted);border-left:3px solid var(--accent);padding-left:20px}.reader-main>.eyebrow:first-child{margin-top:45px}.reader-main .article-toc{background:var(--surface-high);border-color:var(--line)}.reader-main .article-toc a{font-size:13px}.reader-main .article-callout{border-color:var(--accent);background:var(--surface-high)}.reader-main .entry{padding:18px 0;border-bottom:1px solid var(--line)}.reader-main .quiet{color:var(--ink);background:var(--surface-high);border:1px solid var(--line)}.reader-related{margin:55px 0}.reader-related .guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reader-related .guide-card h2{font-size:18px}.reader-related .guide-card-body{padding:18px}
@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-related .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-hero{min-height:440px;gap:10px}.hero-copy h1{letter-spacing:-2px}.reader-header nav{gap:14px}.reader-search-expanded{grid-template-columns:1fr 1fr}.hero-search{flex-wrap:wrap}.hero-search button{padding:12px 15px}}
@media(max-width:650px){body>main.reader-main{width:calc(100% - 32px)}.reader-header{padding:18px 16px;gap:18px;flex-wrap:wrap}.reader-header .brand{font-size:17px}.reader-header nav{gap:16px;flex-wrap:wrap}.reader-header .reader-header-topic{display:none}.reader-languages{padding-left:12px}.reader-hero{display:block;min-height:0;padding:45px 0}.hero-illustration{position:absolute;right:-5px;top:10px;width:170px;opacity:.19;z-index:-1}.hero-copy h1{font-size:43px;max-width:370px;letter-spacing:-1.8px}.hero-description{font-size:15px}.hero-search{margin-top:25px}.hero-search button{font-size:11px}.guide-grid,.reader-related .guide-grid{grid-template-columns:1fr}.section-heading h2{font-size:22px}.reader-empty{padding:25px;gap:20px}.empty-compass{display:none}.reader-empty h2{font-size:21px}.reader-principles{grid-template-columns:1fr;gap:22px;margin-top:40px}.reader-principles p{margin:0}.reader-principles h3{margin:7px 0}.reader-footer{padding:28px 16px;flex-direction:column}.reader-search-expanded{padding:17px;gap:12px}.reader-search-expanded>label:first-child{grid-column:1/-1}.reader-search-expanded button{grid-column:1/-1}.reader-main>.panel{padding:22px 18px}.reader-main>article.prose{font-size:15px}.reader-main h1{font-size:36px;letter-spacing:-1.2px}.reader-main>article.prose h2{font-size:25px}.category-chips{gap:8px}.category-chips a{padding:10px 13px;font-size:12px;gap:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.guide-card{transition:none}}
/* public/community.css */
.community-thread{padding:1.25rem 0;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}.community-entry{padding:.75rem 0;scroll-margin-top:2rem}.community-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.community-meta time{font-size:.8rem;opacity:.65}.community-badge{padding:.2rem .55rem;border:1px solid currentColor;border-radius:99px;font-size:.72rem;font-weight:700}.community-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.community-replies{margin:.75rem 0 .75rem 1rem;padding-left:1rem;border-left:2px solid color-mix(in srgb,currentColor 20%,transparent)}.community-action{margin:.7rem 0}.community-action summary{font-size:.85rem;cursor:pointer}.community-form{max-width:42rem;padding:.75rem 0;display:grid;gap:.85rem}.community-form label{display:grid;gap:.4rem}.community-form textarea{width:100%;resize:vertical;box-sizing:border-box}.community-form .honeypot{position:absolute!important;left:-10000px!important}.community-form button{justify-self:start}.community .muted{font-size:.85rem}.community-admin-copy{white-space:pre-wrap;overflow-wrap:anywhere}.community-admin-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}@media(max-width:600px){.community-replies{margin-left:.35rem;padding-left:.65rem}.community-thread{padding:1rem 0}}
/* public/quick-search.css */
/* Shared search interaction, with compact header and prominent home treatments. */
.reader-main [id]{scroll-margin-top:145px}
.reader-header{position:sticky;top:0;z-index:40;gap:28px;padding-top:17px;padding-bottom:17px;box-shadow:0 4px 24px #00000008}
.reader-header .brand{flex-shrink:0}.reader-header nav{flex-shrink:0}.quick-search{position:relative;min-width:0;text-align:left;margin:0}
.quick-search--header{flex:1;max-width:540px}.quick-search-bar{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.quick-search:focus-within .quick-search-bar{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.quick-search .quick-search-bar input{min-width:0;flex:1;width:100%;display:block;border:0;background:transparent;border-radius:0;color:var(--ink);margin:0;padding:10px 0;font:inherit;font-size:14px;line-height:1.5;outline:none;box-shadow:none}
.quick-search input::placeholder{color:var(--muted);opacity:.9}.search-magnifier{width:21px;height:21px;flex-shrink:0;color:var(--muted)}.search-magnifier svg{display:block;width:100%;height:100%}
.quick-search .quick-search-submit{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:11px 17px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.quick-search-panel[hidden]{display:none!important}.quick-search-panel{position:absolute;z-index:60;top:calc(100% + 10px);left:0;right:0;max-height:min(560px,65vh);overflow:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #0005;padding:8px;color:var(--ink)}
.quick-search-caption{font-size:10px;letter-spacing:1.5px;color:var(--muted);padding:10px 12px 0;font-weight:700}.quick-search-status{font-size:12px;color:var(--muted);padding:8px 12px;margin:0;line-height:1.6}
.quick-search-result{display:grid;grid-template-columns:1fr;gap:4px;padding:12px;border-radius:8px;text-decoration:none;border:1px solid transparent;overflow-wrap:anywhere;line-height:1.5}
.quick-search-result:hover,.quick-search-result[aria-selected=true]{background:var(--surface-high);border-color:var(--line);color:var(--ink)}.quick-search-result strong{font-size:15px;color:var(--ink);font-weight:650}.quick-search-type{font-size:10px;color:var(--accent);font-weight:700}.quick-search-result small{font-size:12px;color:var(--muted);font-weight:400}
.quick-search-all{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border-top:1px solid var(--line);margin-top:6px;font-size:12px;font-weight:650;text-decoration:none;color:var(--accent)}
.reader-hero.reader-hero--search{display:block;min-height:510px;padding:76px 0 64px;overflow:visible}.reader-hero--search .hero-copy{position:relative;max-width:960px;margin:auto;text-align:center}.reader-hero--search .hero-copy h1{max-width:860px;margin:22px auto;letter-spacing:-2px;font-size:clamp(38px,4.8vw,66px)}
.reader-hero--search .hero-description{max-width:670px;margin:0 auto 32px;font-size:17px}.reader-hero--search .hero-topics{justify-content:center;gap:12px;margin-top:22px}.reader-hero--search .hero-topics a{border:1px solid var(--line);border-radius:30px;padding:7px 18px;background:var(--surface);font-size:12px}
.quick-search--hero{max-width:850px;margin:0 auto}.quick-search--hero .quick-search-bar{padding:12px 12px 12px 24px;gap:16px;border-radius:16px;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 18px 55px #00000015}
.quick-search--hero .quick-search-bar input{font-size:18px;padding:14px 0}.quick-search--hero .search-magnifier{width:26px;height:26px}.quick-search--hero .quick-search-submit{font-size:15px;padding:18px 30px;border-radius:10px}
.reader-hero--search .hero-illustration{position:absolute;right:0;top:8px;width:300px;height:300px;opacity:.11;z-index:-1;pointer-events:none}.reader-hero--search .hero-coordinate{display:none}
@media(max-width:1100px){.reader-header nav .reader-header-topic{display:none}.reader-header{gap:22px}.reader-header nav{gap:10px}.reader-header .reader-languages{padding-left:0;border:0}.quick-search--header{max-width:none}}
@media(max-width:700px){.reader-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;padding:14px 18px}.reader-header .brand{font-size:16px}.reader-header nav{grid-row:1;grid-column:2}.quick-search--header{grid-row:2;grid-column:1/-1;width:100%}.reader-header .quick-search-bar{padding:5px 7px 5px 12px}.quick-search .quick-search-bar input{font-size:16px}.reader-header .quick-search-submit{padding:10px 15px}.reader-hero.reader-hero--search{padding:44px 0 40px;min-height:390px}.reader-hero--search .hero-copy h1{font-size:38px;letter-spacing:-1.3px}.reader-hero--search .hero-description{font-size:14px;margin-bottom:24px}.reader-hero--search .hero-topics{gap:8px;flex-wrap:wrap}.reader-hero--search .hero-topics a{padding:6px 12px}.quick-search--hero .quick-search-bar{padding:8px 8px 8px 14px;gap:10px}.quick-search--hero .search-magnifier{width:20px;height:20px}.quick-search--hero .quick-search-submit{padding:15px 17px;font-size:13px}.quick-search--hero .quick-search-bar input{font-size:16px}.quick-search-panel{max-height:48vh}.reader-hero--search .hero-illustration{width:180px;height:180px;top:12px;right:0}.reader-main .quick-search-result strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.quick-search-bar{transition:none}}
/* public/rich-editor.css */
.rich-editor{border:1px solid var(--border,#d7dde5);border-radius:12px;background:#fff;color:#182438;overflow:hidden;min-width:0}.rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:10px;background:#f4f7fb;border-bottom:1px solid #dce3ed}.rich-toolbar .btn{font-size:12px;padding:6px 9px;min-height:30px;background:#fff;color:#263750}.rich-toolbar .btn[aria-pressed=true]{background:#dce9ff;color:#173f85;border-color:#779bda}.rich-surface .tiptap{padding:24px;min-height:260px;max-height:700px;overflow:auto;outline:none;line-height:1.8;font-size:16px;overflow-wrap:anywhere}.rich-surface .tiptap:focus{box-shadow:inset 0 0 0 2px #749ee1}.rich-surface h2{font-size:26px;margin:1.3em 0 .5em}.rich-surface h3{font-size:21px}.rich-surface h4{font-size:18px}.rich-surface p{margin:.7em 0}.rich-surface ul,.rich-surface ol{padding-left:26px}.rich-surface blockquote{border-left:4px solid #799cd4;margin:15px 0;padding:8px 18px;background:#f4f7fc}.rich-surface pre{white-space:pre-wrap;background:#182438;color:#eef3fd;padding:16px;border-radius:8px}.rich-surface a{color:#1c5eba;text-decoration:underline}.rich-surface table{border-collapse:collapse;table-layout:fixed;width:100%;margin:15px 0}.rich-surface th,.rich-surface td{border:1px solid #c9d3e1;padding:10px;position:relative;min-width:70px}.rich-surface th{background:#f0f5fc}.rich-surface .selectedCell{background:#dce9ff}.rich-editor>label,.rich-editor>.form-note{display:block;margin:12px 16px}.rich-editor textarea{font-family:ui-monospace,monospace;font-size:13px}.rich-editor [hidden]{display:none!important}.article-html{overflow-wrap:anywhere}.article-html table{border-collapse:collapse;display:block;overflow:auto;max-width:100%;margin:24px 0}.article-html th,.article-html td{border:1px solid var(--line,#a8a8a8);padding:12px;text-align:left;min-width:100px}.article-html th{font-weight:700}.article-html pre{white-space:pre-wrap;overflow-wrap:anywhere}.article-html h4{font-size:1.1em;margin:1.5em 0 .6em}@media(max-width:700px){.rich-surface .tiptap{padding:16px}.rich-toolbar .btn{min-height:36px}}
/* public/fonts/manrope.css */
/* manrope-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/manrope-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* manrope-cyrillic-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/manrope-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* manrope-greek-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/manrope-greek-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* manrope-vietnamese-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/manrope-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* manrope-latin-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/manrope-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* manrope-latin-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/fonts/manrope-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* public/reader/experience.css */
/* Guidaloe Reader — editorial game worlds, progressively enhanced interactions. */
.reader-v2 { --page:#10171b; --surface:#182227; --surface-high:#213035; --ink:#f4f2e9; --muted:#acbbb9; --accent:#edc77c; --accent-ink:#252118; --line:#d1e4da24; --radius:16px; --reader-width:1280px; font-family:'Manrope Variable',Manrope,system-ui,sans-serif!important; }
.reader-v2.theme-coast { --page:#f7f3ed; --surface:#fffcf8; --surface-high:#eee7e4; --ink:#282c41; --muted:#646174; --accent:#72516f; --accent-ink:#fff7f1; --line:#72516f26; }
.reader-v2 [hidden] { display:none!important; }
.reader-v2 button,.reader-v2 input,.reader-v2 select { font-family:inherit; }
.reader-icon { width:20px; height:20px; display:inline-block; vertical-align:middle; flex:none; }
.reader-v2 a,.reader-v2 button { -webkit-tap-highlight-color:transparent; }
.reader-v2 :focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.reader-v2 button:disabled { opacity:.35; cursor:not-allowed; }
.reader-v2 .reader-header { gap:32px; min-height:88px; padding-block:17px; background:var(--page); border-bottom:1px solid var(--line); box-shadow:none; }
@supports(backdrop-filter:blur(18px)) { .reader-v2 .reader-header { background:color-mix(in srgb,var(--page) 92%,transparent); backdrop-filter:blur(18px); } }
.reader-v2 .reader-header .brand { font-size:17px; letter-spacing:-.7px; gap:11px; }
.reader-v2 .reader-header .brand span { font-size:8px; letter-spacing:1.45px; margin-top:7px; font-weight:650; }
.reader-v2 .reader-header nav { margin-left:auto; gap:18px; }
.reader-v2 .quick-search--header { max-width:380px; }
.reader-v2 .quick-search--header .quick-search-submit { font-size:11px; padding:9px 12px; }
.reader-v2 .quick-search--header input { font-size:12px; }
.reader-v2 .quick-search--header .quick-search-bar { background:color-mix(in srgb,var(--surface) 75%,transparent); border-radius:9px; padding:4px 5px 4px 13px; }
.reader-v2 .reader-saved-trigger { display:flex; align-items:center; gap:8px; padding:8px 0; color:var(--ink); background:none; border:0; font-size:11px; font-weight:650; }
.reader-saved-trigger [data-saved-count] { display:grid; place-items:center; min-width:20px; height:20px; border:1px solid var(--line); border-radius:5px; font-size:9px; }
.reader-v2 .reader-languages { padding-left:16px; gap:10px; }
.reader-v2 .reader-languages a { font-size:10px; }
.reader-v2 .reader-main { padding-bottom:60px; }
.reader-v2 .eyebrow { font-size:9px; font-weight:800; letter-spacing:1.9px; }
.publication-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--accent); margin-right:9px; box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent); }
.reader-primary-link { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; border-radius:8px; background:var(--accent); color:var(--accent-ink)!important; padding:14px 20px; font-size:12px; font-weight:800; text-decoration:none; transition:filter .2s; }
.reader-primary-link:hover { filter:brightness(1.1); }
.reader-v2 .search-dock { position:relative; z-index:5; padding:23px 30px 18px; border:1px solid var(--line); border-radius:13px; background:var(--surface); box-shadow:0 18px 50px #00000008; }
.search-dock-heading { display:flex; align-items:center; justify-content:space-between; font-size:11px; font-weight:650; margin-bottom:13px; color:var(--muted); }
.search-dock-heading>span { display:flex; align-items:center; gap:8px; }
.search-dock-heading .reader-icon { width:15px; height:15px; }
.search-dock-heading kbd { font:9px inherit; border:1px solid var(--line); padding:3px 7px; border-radius:4px; }
.reader-v2 .search-dock .quick-search--hero { width:100%; max-width:none; margin:0; }
.reader-v2 .search-dock .quick-search-bar { background:var(--page); border-color:color-mix(in srgb,var(--line) 60%,var(--accent) 20%); border-radius:9px; padding:7px 8px 7px 19px; }
.reader-v2 .search-dock input { font-size:16px; padding:13px 0; }
.reader-v2 .search-dock .quick-search-submit { padding:16px 25px; border-radius:6px; }
.discovery-topics { margin:15px 0 0; display:flex; justify-content:flex-start; flex-wrap:wrap; gap:9px 19px; align-items:center; }
.discovery-topics>span { font-size:8px; color:var(--muted); letter-spacing:1.8px; }
.discovery-topics>a { display:inline-flex; align-items:center; gap:5px; font-size:10px; color:var(--muted); text-decoration:none; }
.discovery-topics>a:hover { color:var(--accent); }
.discovery-topics .reader-icon { width:11px; height:11px; }
.publication-feed { padding:38px 0 0; }
.reader-v2 .section-heading { margin:22px 0; align-items:center; }
.reader-v2 .section-heading h2 { font-size:30px; font-weight:750; letter-spacing:-1.2px; text-wrap:balance; }
.reader-v2 .section-heading .eyebrow { margin-bottom:10px; }
.reader-v2 .section-heading>a { display:flex; gap:7px; align-items:center; font-size:11px; }
.feed-toolbar { display:flex; justify-content:space-between; gap:20px; align-items:center; border-bottom:1px solid var(--line); margin:0 0 23px; }
.feed-tabs { display:flex; gap:23px; }
.reader-v2 .feed-tabs button { padding:12px 0; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; color:var(--muted); font-size:11px; }
.reader-v2 .feed-tabs button[aria-pressed=true] { color:var(--ink); border-bottom-color:var(--accent); }
.feed-caption { color:var(--muted); font-size:9px; }
.reader-v2 .guide-grid { gap:22px; }
.reader-v2 .guide-card { position:relative; border-radius:13px; box-shadow:none; container-type:inline-size; background:var(--surface); }
.reader-v2 .guide-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--accent) 65%,var(--line)); }
.reader-v2 .guide-card-cover { aspect-ratio:1.95; background:#20343a; }
.reader-v2 .cover-art { position:relative; overflow:hidden; padding:21px; background:radial-gradient(ellipse at 100% 20%,#52786755,transparent 65%),linear-gradient(125deg,#22353b,#182a31); color:#e7d7ac; }
.reader-v2 .cover-art::before,.reader-v2 .cover-art::after { content:''; position:absolute; width:180px; height:180px; border:1px solid #e1d2a72e; transform:rotate(35deg); right:-28px; top:-45px; border-radius:28px; pointer-events:none; }
.reader-v2 .cover-art::after { right:5px; top:-12px; border-color:#e1d2a718; }
.reader-v2 .cover-art>span:first-child { font-size:8px; letter-spacing:1.6px; color:#c1d4d0; }
.reader-v2 .cover-art>b { position:relative; margin-top:auto; font-size:32px; letter-spacing:-1.4px; line-height:1.1; font-weight:650; color:#e7d7ac; }
.reader-v2 .cover-art>.reader-icon { position:absolute; width:74px; height:74px; right:35px; top:55px; stroke-width:.8; opacity:.75; transform:rotate(-9deg); }
.reader-v2 .cover-art-label { font-size:7px; letter-spacing:2.1px; color:#99b1b0; margin-top:10px; }
.reader-v2 .cover-art[data-art-kind=news] { background:radial-gradient(ellipse at 70% 10%,#a56c3f33,transparent 60%),linear-gradient(120deg,#443d2e,#263134); }
.theme-coast .cover-art { background:linear-gradient(120deg,#51425f,#846780); }
.theme-coast .cover-art[data-art-kind=news] { background:linear-gradient(125deg,#7b5d72,#b08087); }
.theme-coast .cover-art>b { color:#ffe0bd; }
.theme-coast .cover-art>span:first-child,.theme-coast .cover-art-label { color:#e4cedb; }
.reader-v2 .guide-card-body { padding:22px; }
.reader-v2 .guide-card-meta { font-size:8px; letter-spacing:.6px; align-items:center; }
.reader-v2 .guide-card-meta>a { max-width:60%; text-align:right; }
.reader-v2 .guide-card h2 { font-size:19px; line-height:1.45; letter-spacing:-.6px; margin:13px 0 12px; text-wrap:pretty; }
.reader-v2 .guide-card p { font-size:11px; line-height:1.85; }
.reader-v2 .guide-card-footer { font-size:9px; margin-top:19px; padding-top:15px; }
.guide-card-footer>span { display:flex; align-items:center; gap:8px; }
.guide-card-footer .reader-icon { width:14px; height:14px; color:var(--accent); }
.reader-v2 .card-bookmark { position:absolute; top:12px; right:12px; display:grid; place-items:center; width:32px; height:32px; padding:0; border-radius:7px; background:#15242ddd; border:1px solid #d4dac033; color:#f6e6c1; }
.card-bookmark .reader-icon { width:15px; height:15px; }
.reader-v2 [data-bookmark][aria-pressed=true] .reader-icon { fill:currentColor; stroke-width:1.3; }
.feed-empty { padding:32px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:10px; font-size:13px; }
.reader-v2 .reader-footer { padding-block:35px; }
.reader-v2 .reader-footer strong { font-size:13px; }
.reader-v2 .reader-footer p { font-size:10px; }
.reader-v2 .reader-empty { padding:35px; }
.reader-empty>.reader-icon { color:var(--accent); width:45px; height:45px; }
/* Native dialogs, local reading list and article utilities. */
.saved-dialog { max-height:80dvh; width:min(600px,calc(100% - 32px)); padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--ink); box-shadow:0 30px 120px #0008; }
.saved-dialog::backdrop,.reader-lightbox::backdrop { background:#060e17bb; backdrop-filter:blur(8px); }
.saved-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.saved-dialog-heading h2 { font-size:26px; margin:5px 0; letter-spacing:-1px; }
.saved-dialog-heading .eyebrow { font-size:8px; margin:0; color:var(--accent); }
.reader-icon-button,.reader-v2 .reader-icon-button { background:none; color:var(--ink); padding:7px; display:inline-grid; place-items:center; border:1px solid var(--line); border-radius:7px; width:34px; height:34px; }
.saved-description { color:var(--muted); font-size:12px; line-height:1.8; }
.saved-empty { display:flex; align-items:center; gap:15px; padding:25px 0; font-size:13px; color:var(--muted); }
.saved-row { display:flex; align-items:center; gap:18px; justify-content:space-between; border-top:1px solid var(--line); padding:20px 0; }
.saved-row a { font-size:14px; line-height:1.6; text-decoration:none; }
.saved-row button { border:1px solid var(--line); border-radius:5px; font-size:10px; padding:6px 9px; background:transparent; color:var(--muted); }
.reader-toast { position:fixed; bottom:24px; left:50%; transform:translate(-50%,12px); opacity:0; pointer-events:none; z-index:150; padding:13px 21px; border:1px solid var(--line); background:var(--surface-high); color:var(--ink); font-size:12px; border-radius:10px; box-shadow:0 8px 35px #0004; max-width:calc(100% - 32px); transition:opacity .2s,transform .2s; }
.reader-toast.is-visible { opacity:1; transform:translate(-50%,0); }
.reader-v2 .reader-to-top { position:fixed; bottom:24px; right:24px; z-index:35; padding:10px; width:42px; height:42px; border-radius:50%; background:var(--accent); color:var(--accent-ink); border:0; box-shadow:0 5px 20px #0003; }
.reading-progress { position:fixed; left:0; top:0; width:100%; height:3px; z-index:100; pointer-events:none; }
.reading-progress span { display:block; height:100%; background:var(--accent); transform:scaleX(0); transform-origin:left; }
.reader-v2.is-article .reader-main { max-width:1080px; }
.reader-v2.is-article .reader-main>h1 { font-size:clamp(32px,4.3vw,55px); max-width:960px; text-wrap:balance; line-height:1.15; font-weight:800; margin-bottom:25px; }
.reader-v2.is-article .reader-main>p.muted { font-size:11px; line-height:1.9; color:var(--muted); }
.reader-v2 .article-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; padding:17px 0; margin:25px 0; border-block:1px solid var(--line); }
.article-reading-time { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:10px; }
.article-actions { display:flex; gap:8px; align-items:center; }
.article-actions>span { font-size:13px; padding-inline:3px; }
.reader-v2 .reader-tool-button { display:inline-flex; align-items:center; gap:7px; font-size:10px; font-weight:650; background:transparent; color:var(--ink); border:1px solid var(--line); padding:8px 11px; }
.reader-tool-button .reader-icon { width:15px; height:15px; }
.reader-v2.is-article .reader-main>.article-summary { font-size:19px; line-height:1.8; color:var(--ink); padding:22px 27px; max-width:none; border-left:3px solid var(--accent); border-radius:0 10px 10px 0; background:color-mix(in srgb,var(--accent) 6%,transparent); }
.reader-v2 .reader-main>article[data-article] { max-width:none; background:transparent; border:0; padding:15px 0 35px; font-size:var(--reading-size,18px); line-height:1.95; }
.reader-v2 [data-article] .article-html,.reader-v2 [data-article]>p,.reader-v2 [data-article]>h2,.reader-v2 [data-article]>h3,.reader-v2 [data-article]>ul,.reader-v2 [data-article]>ol { max-width:800px; margin-inline:auto; }
.reader-v2 [data-article] h2 { font-size:1.6em; line-height:1.3; font-weight:750; letter-spacing:-1px; margin-top:2em; }
.reader-v2 [data-article] h3 { font-size:1.2em; line-height:1.4; margin-top:1.8em; }
.reader-v2 [data-article] p { text-wrap:pretty; }
.reader-v2 [data-article] .article-toc { background:var(--surface); padding:24px 28px; border:1px solid var(--line); border-radius:12px; max-width:800px; margin:0 auto 32px; font-size:12px; }
.reader-v2 .article-toc>strong { display:block; font-size:11px; color:var(--accent); text-transform:uppercase; letter-spacing:1.5px; }
.reader-v2 .article-toc ol { display:grid; grid-template-columns:1fr 1fr; gap:7px 25px; margin-bottom:0; }
.reader-v2 .article-toc a { text-decoration:none; display:inline-block; color:var(--muted); font-size:12px; padding:3px 0; }
.reader-v2 .article-toc a[aria-current=location] { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
.reader-v2 .article-sources { border-top:2px solid var(--accent); }
.reader-v2 .article-sources h2 { font-size:20px; }
.reader-v2 .article-sources a { overflow-wrap:anywhere; font-size:12px; }
.reader-v2 [data-article] img,.reader-v2 .article-cover img { cursor:zoom-in; }
.reader-lightbox { background:#10171b; color:#f5eee5; border:1px solid #ffffff30; border-radius:12px; padding:16px; max-width:calc(100vw - 28px); width:1200px; max-height:94dvh; }
.lightbox-toolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:12px; }
.lightbox-toolbar button { background:#26343b; color:#fff; border:1px solid #fff2; padding:7px 12px; border-radius:7px; font-size:12px; }
.lightbox-canvas { max-height:70dvh; overflow:auto; text-align:center; }
.lightbox-canvas img { display:block; max-width:100%; max-height:70dvh; width:auto; height:auto; margin:auto; }
.reader-lightbox.is-zoomed .lightbox-canvas img { max-width:none; max-height:none; }
.lightbox-caption { font-size:12px; line-height:1.7; margin:12px 0 0; color:#c0cbc8; }
.image-zoom-trigger { display:block; border:0; background:none; padding:0; cursor:zoom-in; max-width:100%; }
.reader-v2 .image-zoom-trigger { background:none; padding:0; border:0; border-radius:10px; max-width:100%; }
@container (max-width:300px) { .guide-card h2 { font-size:17px; } .guide-card-body { padding:17px; } }
@media(max-width:650px) {
 .reader-v2 .reader-header { display:grid; grid-template-columns:1fr auto; padding:13px 16px; gap:13px 10px; min-height:0; }.reader-v2 .reader-header .brand { font-size:14px; gap:8px; }.reader-v2 .brand img { width:34px; height:34px; }.reader-v2 .reader-header .brand span { font-size:6px; letter-spacing:1.05px; }.reader-v2 .reader-header nav { gap:10px; flex-wrap:nowrap; }.reader-v2 .reader-languages { padding-left:9px; gap:8px; }.reader-v2 .quick-search--header { grid-column:1/-1; grid-row:2; width:100%; max-width:none; }.reader-v2 .reader-saved-trigger { gap:3px; }.reader-v2 .reader-saved-trigger .reader-icon { width:17px; height:17px; }.reader-saved-trigger [data-saved-count] { min-width:16px; height:17px; font-size:8px; }.reader-v2 .quick-search--header .quick-search-bar { padding-block:1px; }
 .reader-v2 .search-dock { padding:17px 14px 14px; }.search-dock-heading { font-size:10px; }.search-dock-heading kbd { display:none; }.reader-v2 .search-dock input { font-size:12px; padding:10px 0; }.reader-v2 .search-dock .quick-search-bar { padding:5px 6px 5px 11px; gap:7px; }.reader-v2 .search-dock .quick-search-submit { padding:12px 13px; font-size:11px; }.discovery-topics { gap:10px 15px; }.discovery-topics>a { font-size:9px; }.discovery-topics>span { display:none; }
 .publication-feed { padding-top:25px; }.reader-v2 .section-heading h2 { font-size:24px; letter-spacing:-1px; }.reader-v2 .section-heading .eyebrow { font-size:7px; letter-spacing:1.5px; }.reader-v2 .section-heading>a { font-size:9px; }.section-heading>a .reader-icon { width:14px; height:14px; }.feed-tabs { gap:21px; }.reader-v2 .feed-tabs button { font-size:10px; }.feed-caption { display:none; }.reader-v2 .guide-grid { grid-template-columns:1fr; gap:20px; }.reader-v2 .guide-card-cover { aspect-ratio:2; }.reader-v2 .guide-card h2 { font-size:20px; }.reader-v2 .guide-card-body { padding:22px; }.reader-v2 .guide-card p { font-size:12px; }
 .reader-v2 .article-tools { gap:12px; }.article-actions { flex-wrap:wrap; gap:6px; }.reader-v2 .reader-tool-button { font-size:9px; padding:8px; }.reader-v2.is-article .reader-main>h1 { font-size:32px; }.reader-v2.is-article .reader-main>.article-summary { font-size:16px; padding:18px; }.reader-v2 [data-article] .article-toc { padding:20px; }.reader-v2 .article-toc ol { grid-template-columns:1fr; }.reader-v2 .reader-main>article[data-article] { font-size:var(--reading-size,18px); }.reader-v2 .reader-to-top { right:15px; bottom:15px; }.saved-dialog { padding:22px; }
}
@media(prefers-reduced-motion:no-preference) { @view-transition { navigation:auto; } ::view-transition-old(root),::view-transition-new(root) { animation-duration:.18s; } }
@media(prefers-reduced-motion:reduce) { .reader-v2 *, .reader-v2 *::before,.reader-v2 *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

.preview-banner{padding:16px 24px;border-bottom:1px solid var(--line);color:var(--muted);text-align:center;font-size:12px}.editor-reader-preview .reader-main{padding-top:28px}



/* Article utilities: compact triggers with progressively enhanced native dialogs. */
.reader-v2 .article-response{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin:28px 0;border-block:1px solid var(--line);padding:14px 0}
.helpful-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.helpful-copy strong{font-size:12px;font-weight:650}.helpful-actions{display:flex;gap:5px}.reader-v2 .helpful-actions button{display:flex;align-items:center;gap:5px;min-height:40px;padding:8px 10px;background:transparent;color:var(--ink);border:1px solid var(--line);font-size:11px}.helpful-actions .reader-icon{width:15px;height:15px}.reader-v2 .helpful-actions button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);opacity:1}.helpful-strip [data-feedback]{flex-basis:100%;max-width:420px;font-size:12px;margin:0;color:var(--muted)}.helpful-strip [data-feedback]:empty{display:none}
.response-grid{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.response-card{min-width:0}.response-card>summary,.reader-v2 .response-trigger{list-style:none;display:flex;align-items:center;gap:7px;padding:9px 11px;min-height:40px;border:1px solid transparent;border-radius:9px;cursor:pointer;background:transparent;color:var(--muted);font-size:11px;font-weight:650}.response-card>summary:hover,.reader-v2 .response-trigger:hover{background:var(--surface);border-color:var(--line);color:var(--ink)}.response-card>summary::-webkit-details-marker,.comment-compose>summary::-webkit-details-marker{display:none}.response-label{display:flex;gap:6px;align-items:center}.response-label strong{font:inherit;color:inherit}.response-label small{font-size:10px;padding:1px 5px;border-radius:4px;background:var(--surface)}.response-symbol{display:flex;color:var(--accent)}.response-symbol .reader-icon{width:16px;height:16px}.response-expand{display:none}.response-card[open]{flex-basis:100%}.response-card[open]>summary{color:var(--accent)}
.reader-v2 .response-dialog{width:min(620px,calc(100vw - 32px));max-height:85dvh;padding:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 90px #0008;overflow:auto;overscroll-behavior:contain}.response-dialog::backdrop{background:#030a10b8;backdrop-filter:blur(5px)}.response-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}.reader-v2 .response-dialog-heading h2{font-size:18px;margin:0}.reader-v2 .response-close{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px;font-size:23px}.response-content{padding:22px 24px}.response-content>h2{display:none}.response-content>.muted,.claim-notes>.muted{font-size:12px;line-height:1.8;margin-top:0}.response-content .community-form{max-width:none;grid-template-columns:1fr;gap:16px}.response-content .community-form label{font-size:12px;align-content:start;gap:8px}.response-content .community-form .muted{font-size:11px}.response-content .community-form textarea{min-height:120px}.source-links{list-style:none;counter-reset:source;padding:0;margin:0}.source-links li{counter-increment:source;border-bottom:1px solid var(--line)}.source-links li:last-child{border:0}.source-links a{display:grid;grid-template-columns:1fr auto;gap:5px 20px;padding:13px 0;text-decoration:none;min-width:0}.source-links a>span{font-size:13px;font-weight:750}.source-links a>span:before{content:counter(source,decimal-leading-zero) ' / ';font-size:10px;color:var(--muted);margin-right:6px}.source-links a>small{grid-column:1;font-size:10px;overflow-wrap:anywhere;color:var(--muted)}.source-links a>.reader-icon{grid-column:2;grid-row:1/3;align-self:center}.claim-notes .entry{padding:15px 0;border-bottom:1px solid var(--line)}.claim-notes .entry:last-child{border:0}.claim-notes .entry summary{font-size:13px;line-height:1.7}.claim-notes .entry p,.claim-notes .entry li{font-size:12px;line-height:1.85}.evidence-attention{color:var(--accent);font-weight:800}.reader-v2 #comments{border:0;border-radius:0;padding:10px 0;background:transparent;box-shadow:none}.reader-v2 #comments>h2{font-size:21px;margin-top:0}.comment-compose{margin-top:15px}.comment-compose>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:12px 0;color:var(--accent);font-size:13px;font-weight:750}.comment-compose .response-content{padding:0}html:has(.response-dialog[open]){overflow:hidden}
@media(max-width:650px){.reader-v2 .article-response{gap:8px;padding:12px 0}.response-grid{width:100%;border-top:1px solid var(--line);padding-top:6px;justify-content:space-between}.reader-v2 .response-trigger,.response-card>summary{padding:7px 5px;font-size:10px;gap:5px}.response-label{gap:4px}.helpful-strip{justify-content:space-between;width:100%}.response-content{padding:18px}.reader-v2 .response-dialog{width:100%;max-width:none;margin:auto 0 0;max-height:88dvh;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}.response-dialog-heading{padding:14px 18px}.reader-v2 .response-dialog-heading h2{font-size:17px}.reader-v2 .response-content .community-form button{white-space:normal}}
@media(prefers-reduced-motion:no-preference){.response-dialog[open]{animation:response-enter .18s ease-out}@keyframes response-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

/* Publication portal: a navigation-led game directory and an editorial GTA edition. */
.reader-v2{--reader-width:1320px;--page:#11171c;--surface:#192128;--surface-high:#222d34;--line:#b8c7cf24;--muted:#a9b6bf}
.reader-v2.theme-coast{--page:#faf6f0;--surface:#fffdf9;--surface-high:#efe6e7;--ink:#272332;--muted:#6c6170;--accent:#803955;--accent-ink:#fff;--line:#6c506c2b}
.reader-v2 .reader-header{min-height:76px;padding-block:13px}
.portal{display:grid;grid-template-columns:208px minmax(0,1fr);gap:44px;padding-top:30px}
.portal-directory{border-right:1px solid var(--line);padding:12px 24px 0 0;align-self:start;position:sticky;top:105px}
.directory-identity{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.2px;font-weight:800;color:var(--accent);margin-bottom:24px}.directory-identity .reader-icon{width:18px}
.portal-directory nav{display:grid;gap:4px}.portal-directory nav a{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;text-decoration:none;padding:10px 8px;border-radius:6px;color:var(--muted)}.portal-directory nav a:hover{background:var(--surface);color:var(--ink)}.portal-directory nav a>span{margin-left:auto;font-size:10px;color:var(--muted)}.portal-directory nav .reader-icon{width:16px;height:16px}
.directory-topics{margin-top:26px;border-top:1px solid var(--line);padding-top:22px}.directory-topics summary{font-size:9px;letter-spacing:1px;color:var(--muted);cursor:pointer;padding-bottom:12px}.directory-note{display:flex;gap:10px;margin:32px 6px 0;font-size:10px;line-height:1.9;color:var(--muted)}.directory-note .reader-icon{width:16px;height:16px;margin-top:3px}
.portal-main{min-width:0}.portal-heading{padding:9px 0 25px;position:relative}.portal-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0 0 17px}.reader-v2 .portal-heading h1{font-size:clamp(30px,3.2vw,45px);line-height:1.13;letter-spacing:-1.9px;margin:0 0 16px;font-weight:800;text-wrap:balance;max-width:770px}.portal-heading>p:last-child{font-size:13px;line-height:1.85;color:var(--muted);max-width:730px;margin:0}
.reader-v2 .portal-search{padding:21px 0 25px;border:0;border-block:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.portal-search .search-dock-heading{font-size:12px;color:var(--ink)}.reader-v2 .portal-search .quick-search-bar{background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:9px;box-shadow:0 8px 28px #0000000c}.reader-v2 .portal-search input{font-size:16px;min-height:48px}.reader-v2 .portal-search .quick-search-submit{padding:14px 23px}
.portal-publications{padding-top:10px}.reader-v2 .portal-publications .section-heading{margin:22px 0}.reader-v2 .portal-publications .section-heading h2{font-size:18px;letter-spacing:-.5px}.portal-publications .section-heading>span{font-size:10px;color:var(--muted)}
.publication-mosaic{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:30px;align-items:start}
.publication-entry{min-width:0;border-bottom:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:1fr;gap:16px}.publication-entry:not(.publication-lead){grid-column:2}.publication-lead{grid-column:1;grid-row:1/span 2;padding:0 28px 0 0;border-bottom:0;border-right:1px solid var(--line)}.publication-entry:nth-child(2){padding-top:0}
.publication-image{display:block;overflow:hidden;border-radius:7px;aspect-ratio:1.8}.publication-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.publication-image:hover img{transform:scale(1.025)}.publication-entry:not(.publication-lead) .publication-image{aspect-ratio:16/9}
.publication-meta{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:750;color:var(--accent);line-height:1.5}.publication-meta>span{text-transform:uppercase;letter-spacing:.8px}.publication-meta>a{color:var(--muted);text-decoration:none}
.reader-v2 .publication-entry h3{font-size:19px;line-height:1.4;letter-spacing:-.6px;margin:10px 0;font-weight:800;text-wrap:pretty}.publication-entry h3 a{text-decoration:none}.publication-entry h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.reader-v2 .publication-lead h3{font-size:29px;line-height:1.24;letter-spacing:-1.05px}.publication-entry-copy>p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.publication-entry-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;font-size:10px;color:var(--muted);margin-top:15px}.publication-entry-bottom button{margin-left:auto;display:grid;place-items:center;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;width:38px;height:38px;padding:8px}.publication-entry-bottom .reader-icon{width:16px;height:16px}
.publication-mosaic:has(>.publication-entry:only-child){grid-template-columns:1fr}.publication-mosaic:has(>.publication-entry:only-child) .publication-lead{border-right:0;max-width:760px}
/* The coastal edition has a horizontal directory and a larger editorial lead. */
.portal-coast{display:flex;flex-direction:column;gap:0;padding-top:0}.portal-coast .portal-directory{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;border-right:0;border-bottom:1px solid var(--line);padding:12px 0;width:100%}.portal-coast .directory-identity{margin:0}.portal-coast .portal-directory>nav{display:flex;flex-wrap:wrap;gap:8px}.portal-coast .portal-directory>nav a{padding:7px;font-size:11px}.portal-coast .directory-note,.portal-coast .directory-topics{display:none}.portal-coast .portal-heading{padding:33px 0 26px;background:radial-gradient(ellipse at 90% 100%,#f0c8c33d,transparent 60%)}.reader-v2 .portal-coast .portal-heading h1{font-size:clamp(38px,5.1vw,66px);max-width:930px;letter-spacing:-2.7px}.portal-coast .portal-heading>p:last-child{max-width:840px}.reader-v2 .portal-coast .portal-search{display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px 28px;align-items:center;padding-block:22px}.portal-coast .search-dock-heading{display:grid;gap:8px;margin:0}.portal-coast .search-dock-heading kbd{justify-self:start}.portal-coast .discovery-topics{grid-column:2;margin:3px 0 0}.portal-coast .publication-mosaic{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0 40px}.portal-coast .publication-lead{padding:24px 30px 25px;border:1px solid var(--line);border-radius:3px 22px 3px 3px;background:linear-gradient(130deg,#eee3e2,var(--surface) 70%)}.reader-v2 .portal-coast .publication-lead h3{font-size:clamp(25px,2.7vw,38px);letter-spacing:-1.3px}.portal-coast .publication-lead .publication-entry-copy>p{font-size:14px}
/* Reading layout: continuous text column, contextual contents rail. */
.reader-v2.is-article .reader-main{max-width:1120px}.reader-v2.is-article .reader-main>h1{max-width:940px;font-size:clamp(30px,3.8vw,48px);letter-spacing:-1.8px;margin-top:14px;margin-bottom:18px}.reader-v2.is-article .reader-main>.eyebrow{margin-top:27px}.reader-v2 .reader-breadcrumb{padding-top:25px;font-size:11px}.reader-v2.is-article .reader-main>.article-summary{max-width:800px;background:none;border:0;padding:0;color:var(--muted);font-size:18px;line-height:1.8;margin:20px 0 28px}.reader-v2 .article-tools{margin:20px 0;padding:12px 0}
.reader-v2 .reader-main>article.article-blocks{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:45px;align-items:start;padding:10px 0 25px}.article-body{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}.reader-v2 .article-body>*{max-width:100%;margin-inline:0}.reader-v2 .article-body>.article-html{max-width:100%}.reader-v2 [data-article] .article-toc{grid-column:2;grid-row:1;position:sticky;top:102px;align-self:start;width:100%;max-width:none;max-height:calc(100dvh - 125px);overflow:auto;background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding:4px 0 4px 20px;margin:0;line-height:1.7}.reader-v2 .article-toc ol{display:block;list-style:none;padding:0;margin:15px 0 0}.reader-v2 .article-toc li{margin:5px 0}.reader-v2 .article-toc a{font-size:11px;line-height:1.75;padding:4px 0}.reader-v2 .article-toc .toc-subsection{padding-left:12px}.toc-disclosure>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:11px;font-weight:800}.toc-disclosure>summary::-webkit-details-marker{display:none}.toc-disclosure>summary .reader-icon{width:16px;height:16px;color:var(--accent)}.toc-disclosure>summary span{margin-left:auto;font-size:10px;color:var(--muted)}.reader-v2 .reader-main>article.article-blocks:not(:has(.article-toc)){display:block;max-width:780px}.reader-v2 .article-body>h2:first-child,.reader-v2 .article-body>.article-html>h2:first-child{margin-top:0}.reader-v2 .article-body h2{font-size:1.5em}.reader-v2 .article-body figure{margin-block:28px}.reader-v2 .article-body .article-table{max-width:100%;overflow:auto}.reader-v2 .article-body p{line-height:1.9}.reader-v2 .article-response,.reader-v2 #comments{max-width:845px}.reader-v2 .reader-related .guide-card-cover{display:none}.reader-v2 .reader-related .guide-card{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.reader-v2 .reader-related .guide-card-body{padding:20px 0}.reader-v2 .reader-related .card-bookmark{top:auto;bottom:10px;right:0}.reader-v2 .reader-related .guide-card-footer{padding-right:40px}
@media(max-width:1000px){.portal{grid-template-columns:175px minmax(0,1fr);gap:25px}.portal-directory{padding-right:16px}.publication-mosaic,.portal-coast .publication-mosaic{column-gap:22px}.publication-lead{padding-right:20px}.reader-v2 .publication-lead h3{font-size:25px}.reader-v2 .reader-main>article.article-blocks{gap:28px;grid-template-columns:minmax(0,1fr) 190px}.reader-v2 .portal-coast .portal-search{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:760px){.portal{display:flex;flex-direction:column;gap:0;padding-top:0}.portal-directory{position:static;border:0;border-bottom:1px solid var(--line);width:100%;padding:8px 0}.directory-identity,.directory-note{display:none}.portal-directory>nav{display:flex;gap:3px;flex-wrap:wrap}.portal-directory>nav a{font-size:10px;gap:5px;padding:8px 6px}.portal-directory>nav .reader-icon{width:14px;height:14px}.directory-topics{padding:0;margin-top:6px;border:0}.directory-topics summary{font-size:9px;padding:8px 6px}.directory-topics nav{display:flex;flex-wrap:wrap;gap:4px}.directory-topics nav a{font-size:11px;padding:8px}.portal-heading,.portal-coast .portal-heading{padding:27px 0 20px}.reader-v2 .portal-heading h1{font-size:35px;letter-spacing:-1.5px}.reader-v2 .portal-coast .portal-heading h1{font-size:43px;letter-spacing:-2px}.portal-heading>p:last-child{font-size:12px}.portal-coast .portal-directory{padding:8px 0;gap:0}.portal-coast .portal-directory>nav a{font-size:10px}.reader-v2 .portal-coast .portal-search{display:block}.portal-coast .search-dock-heading{display:flex;margin-bottom:12px}.reader-v2 .portal-search{padding-block:19px}.reader-v2 .portal-search input{font-size:16px}.reader-v2 .portal-search .quick-search-submit{padding:13px 17px}.portal-coast .discovery-topics{margin-top:14px}.publication-mosaic,.portal-coast .publication-mosaic{grid-template-columns:1fr;gap:0}.publication-entry:not(.publication-lead),.publication-lead{grid-column:1;grid-row:auto}.publication-lead{padding:0 0 23px;border-right:0;border-bottom:1px solid var(--line)}.publication-entry:nth-child(2){padding-top:22px}.reader-v2 .publication-lead h3{font-size:27px}.publication-entry:not(.publication-lead):has(.publication-image){grid-template-columns:1fr}.publication-entry:not(.publication-lead) .publication-image{aspect-ratio:16/9;max-height:none}.portal-coast .publication-lead{padding:23px;margin-bottom:2px}.reader-v2 .portal-coast .publication-lead h3{font-size:28px}.reader-v2 .reader-main>article.article-blocks{display:flex;flex-direction:column;gap:25px}.reader-v2 [data-article] .article-toc{position:static;max-height:none;border:1px solid var(--line);border-radius:8px;padding:14px 17px;order:0;background:var(--surface)}.article-body{order:1;width:100%}.reader-v2 .article-toc ol{max-height:42dvh;overflow:auto}.reader-v2 .article-toc a{font-size:12px;padding:7px 0}.reader-v2 .reader-main>article[data-article]{font-size:var(--reading-size,17px)}.reader-v2 .article-body h2{font-size:1.4em}.reader-v2 .article-body .article-html{width:100%}.reader-v2.is-article .reader-main>.article-summary{font-size:16px}.reader-v2.is-article .reader-main>h1{font-size:32px}.reader-v2 .reader-main>article.article-blocks:not(:has(.article-toc)){display:block}}

.publication-entry:nth-child(n+4){grid-column:auto;grid-row:auto}.reader-v2 .article-toc .toc-subsection{margin-left:0}
@media(max-width:760px){.publication-entry:nth-child(n+4){grid-column:1}}

.publication-mosaic:not(:has(.publication-lead))>.publication-entry{grid-column:auto}

.portal-heading{display:block;max-width:none;margin:0;border:0}.reader-v2 [data-article] .article-toc{display:block}.response-dialog input,.response-dialog select,.response-dialog textarea{background:var(--surface-high);color:var(--ink);border-color:var(--line)}.response-dialog .community-form>button{background:var(--accent);color:var(--accent-ink)}

.reader-v2 .reader-main>article.article-blocks{max-width:1030px}.response-content .community-form label{margin:0}.response-content .community-form{gap:14px}.response-content .community-form textarea{min-height:110px}
@media(max-width:1100px){.saved-trigger-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}
@media(max-width:760px){.portal-directory>nav a{min-height:40px}.reader-v2 .portal-heading .eyebrow{line-height:1.8}}

.reader-v2 .reader-languages a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:4px 7px;border-radius:7px}
.reader-v2 .article-byline{font-size:13px;color:var(--muted);margin:-6px 0 16px}.reader-v2 .article-byline a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--line)}
.reader-v2 picture.media-picture{display:contents}
/* v10: short-answer box, reserved ad units, owner call-to-action, compact consent bar */
.reader-v2.is-article .reader-main>.article-summary-box{max-width:800px;margin:0 0 22px;padding:20px 24px 18px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--accent) 7%,transparent)}
.reader-v2 .article-summary-label{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.reader-v2 .article-summary-box .article-summary{margin:0;font-size:19px;line-height:1.75;color:var(--ink);background:none;border:0;padding:0;max-width:none}
@media(max-width:760px){.reader-v2.is-article .reader-main>.article-summary-box{padding:16px 18px}.reader-v2 .article-summary-box .article-summary{font-size:16px}}
.reader-v2 .ad-slot{margin:22px 0;padding:10px 0 0;border-top:1px solid var(--line);min-height:120px}.reader-v2 .ad-slot-label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.reader-v2 .ad-slot ins{min-height:100px;width:100%}
.reader-v2 .reader-cta{margin:28px 0;padding:24px 26px;border-left:3px solid var(--accent);display:grid;gap:8px}.reader-v2 .reader-cta h2{margin:0;font-size:22px}.reader-v2 .reader-cta p{margin:0;color:var(--muted)}.reader-v2 .reader-cta-link{justify-self:start;display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:10px;background:var(--accent);color:var(--bg,#0d0f14);font-weight:800;text-decoration:none}
/* v12: consent is a compact themed card (bottom-left, clear of the to-top button); both choices keep equal weight. */
.reader-v2 .reader-consent{left:24px;right:auto;bottom:24px;width:min(420px,calc(100vw - 48px));max-width:none;max-height:min(80vh,560px);margin:0;padding:18px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink);box-shadow:0 18px 50px #0000008c}
.reader-v2 .reader-consent h2{font-size:15px;margin:0 0 6px;color:var(--ink)}.reader-v2 .reader-consent>p{margin:0;font-size:12.5px;line-height:1.6;color:var(--muted)}.reader-v2 .reader-consent>a{display:inline-block;margin-top:6px;font-size:12px;color:var(--ink)}.reader-v2 .reader-consent [data-consent-status]:empty{display:none}
.reader-v2 .reader-consent .consent-primary{display:flex;margin:14px 0 0;gap:8px}.reader-v2 .reader-consent .consent-primary button{flex:1;min-height:42px;padding:0 14px;border-radius:10px;background:var(--surface-high);border:1px solid var(--line);color:var(--ink);font-size:14px;white-space:nowrap}.reader-v2 .reader-consent .consent-primary button:hover{border-color:var(--accent)}.reader-v2 .reader-consent details{margin-top:8px}.reader-v2 .reader-consent summary{font-size:12px;padding:6px 0;color:var(--accent)}.reader-v2 .reader-consent .consent-choice{margin:10px 0;font-size:12px}
@media(max-width:600px){.reader-v2 .reader-consent{left:12px;right:12px;bottom:12px;width:auto;padding:16px}.reader-v2 .reader-consent .consent-primary button{padding:0 10px;font-size:13.5px}}
/* v11: source citations (in text, in the source list, in captions) and the source preview modal */
.reader-v2 .source-cite-row{margin:22px 0}
.reader-v2 .source-cite{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 14px;max-width:760px;padding:13px 16px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:4px 12px 12px 4px;background:color-mix(in srgb,var(--accent) 4%,transparent);text-decoration:none;color:var(--ink);transition:border-color .15s,background .15s}
.reader-v2 .source-cite:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.reader-v2 .source-cite:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.reader-v2 .source-cite-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}
.reader-v2 .source-cite-mark .reader-icon{width:15px;height:15px}
.reader-v2 .source-cite-text{display:grid;gap:3px;min-width:0}
.reader-v2 .source-cite-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}
.reader-v2 .source-cite-title{font-size:15px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.reader-v2 .source-cite-go{color:var(--muted)}
.reader-v2 .source-cite:hover .source-cite-go{color:var(--accent)}
@media(max-width:600px){.reader-v2 .source-cite{gap:0 11px;padding:11px 13px}.reader-v2 .source-cite-title{font-size:14px}}
/* Inline sources keep their text metrics: only colour and underline change, so nothing reflows. */
.reader-v2 .article-body a[data-source-link],.reader-v2 .article-html a[data-source-link]{text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:3px}
.reader-v2 .article-body a[data-source-link]:hover,.reader-v2 .article-html a[data-source-link]:hover{text-decoration-style:solid;color:var(--accent)}
.reader-v2 .source-links a:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.reader-v2 .source-links a>.reader-icon{color:var(--muted)}
.reader-v2 .source-links a:hover>.reader-icon{color:var(--accent)}
/* The layout display applies only while open: an author display value would override the closed dialog's display:none. */
.source-dialog{padding:0;width:min(1180px,96vw);max-width:96vw;max-height:94dvh;overflow:hidden;flex-direction:column;gap:0;background:var(--surface,#151b23);color:var(--ink,#f1f1e9);border:1px solid var(--line,#ffffff1f);border-radius:16px;box-shadow:0 40px 140px #000a}
.source-dialog[open]{display:flex}
.source-dialog::backdrop{background:#050810d9;backdrop-filter:blur(8px)}
.source-dialog-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 20px;border-bottom:1px solid var(--line,#ffffff1f);flex-wrap:wrap}
.source-dialog-id{display:grid;gap:3px;min-width:0}
.source-dialog-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#a8b3bd)}
.source-dialog h2{margin:0;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.source-dialog-url{font-size:11px;color:var(--muted,#a8b3bd);overflow-wrap:anywhere}
.source-dialog-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.source-dialog-actions>*{font:inherit;font-size:12px;font-weight:650;padding:9px 14px;min-height:38px;border-radius:9px;border:1px solid var(--line,#ffffff1f);background:transparent;color:var(--ink,#f1f1e9);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.source-dialog-open{background:var(--accent,#edc175);color:var(--accent-ink,#1c1509);border-color:transparent}
.source-dialog-actions>*:focus-visible{outline:2px solid var(--accent,#edc175);outline-offset:2px}
.source-dialog-stage{flex:1;min-height:0;overflow:auto;background:var(--page,#0c1015)}
.source-dialog-frame-box{position:relative;min-height:320px;height:72dvh}
.source-dialog-frame{border:0;display:block;width:100%;height:100%;background:#fff}
.source-dialog-loading{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-size:12px;color:var(--muted,#a8b3bd);background:var(--page,#0c1015)}
.source-dialog-card{display:grid;gap:12px;padding:28px 22px;justify-items:start;max-width:620px}
.source-dialog-card-title{margin:0;font-size:15px;font-weight:700}
.source-dialog-card p{margin:0;font-size:13px;line-height:1.7;color:var(--muted,#a8b3bd)}
.source-dialog-card-open{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:10px;background:var(--accent,#edc175);color:var(--accent-ink,#1c1509);font-size:13px;font-weight:750;text-decoration:none}
.source-dialog-note{display:block;padding:11px 20px;font-size:11px;line-height:1.6;color:var(--muted,#a8b3bd);border-top:1px solid var(--line,#ffffff1f)}
@media(max-width:760px){.source-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0}.source-dialog-bar{padding:12px 14px}.source-dialog h2{font-size:15px}.source-dialog-frame-box{height:100%}.source-dialog-note{padding:10px 14px}}
/* v15: search results show the matching passage and section */
.reader-v2 .guide-card-snippet mark,.reader-v2 .quick-search-result mark{background:color-mix(in srgb,var(--accent) 30%,transparent);color:inherit;padding:0 .12em;border-radius:3px}
.reader-v2 .guide-card-section{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:12px;color:var(--muted)}.reader-v2 .guide-card-section .reader-icon{width:13px;height:13px;flex:0 0 13px}.reader-v2 .guide-card-section a{color:var(--ink);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.reader-v2 .quick-search-section{display:block;font-size:11px;color:var(--accent);margin-top:2px}
/* public/reader/media.css */
/* Game-specific art direction; one semantic reading and search system. */
/* Caption and attribution share the image's frame in articles and editor previews. */
.reader-v2 figure.article-media{border:1px solid var(--line);border-radius:14px;background:var(--surface,var(--panel));isolation:isolate}
.reader-v2 figure.article-media>img,.reader-v2 figure.article-media>picture>img,.reader-v2 figure.article-media>.image-zoom-trigger>img,.reader-v2 figure.article-media>.image-zoom-trigger>picture>img,.reader-v2 figure.article-media>picture>.image-zoom-trigger>img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;border-radius:13px 13px 0 0;background:color-mix(in srgb,var(--ink) 3%,transparent)}
.reader-v2 figure.article-media>.image-zoom-trigger,.reader-v2 figure.article-media>picture>.image-zoom-trigger{display:block;width:100%;border-radius:13px 13px 0 0}
.reader-v2 figure.article-media>.media-caption{position:relative;min-height:52px;margin:0;padding:15px 18px;border-top:1px solid var(--line);border-radius:0 0 13px 13px;background:color-mix(in srgb,var(--ink) 3%,var(--surface,var(--panel)));color:var(--muted);font-size:12px;line-height:1.65;opacity:1;text-align:left;overflow-wrap:anywhere}
.media-caption-copy{display:flex;gap:10px;align-items:flex-start;padding-right:144px}
.media-caption-copy>svg{width:17px;height:17px;flex:0 0 17px;margin-top:2px;color:var(--accent)}
.media-caption-text{min-width:0;color:var(--ink)}
.media-attribution{margin:0;padding:0;border:0}
.media-attribution>summary{position:absolute;right:12px;top:7px;display:flex;align-items:center;gap:6px;min-height:38px;padding:7px 10px;border:1px solid transparent;border-radius:7px;list-style:none;font-size:11px;font-weight:600;color:var(--muted)}
.media-attribution>summary::-webkit-details-marker{display:none}
.media-attribution>summary:hover,.media-attribution[open]>summary{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent);border-color:var(--line)}
.media-attribution>summary svg{width:14px;height:14px;transition:transform .18s ease}
.media-attribution[open]>summary svg{transform:rotate(180deg)}
.reader-v2 .media-attribution>.media-credit{margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line);font-size:11px;line-height:1.7;opacity:1;color:var(--muted)}
.reader-v2 .media-attribution>.media-credit a{color:var(--ink);white-space:normal}
.media-caption:not(:has(.media-caption-copy)) .media-attribution>.media-credit{margin-top:36px}
@media(max-width:600px){.reader-v2 figure.article-media>.media-caption{padding:12px 14px}.media-caption-copy{padding-right:0}.media-attribution>summary{position:static;width:fit-content;min-height:44px;margin:4px -6px -6px;padding-inline:6px}.media-caption:not(:has(.media-caption-copy)) .media-attribution>summary{margin-top:-6px}.media-caption:not(:has(.media-caption-copy)) .media-attribution>.media-credit{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.media-attribution>summary svg{transition:none}}
.game-stage{--ink:#f3f6fc;--muted:#b7c1d0;--surface:#111724;--page:#090b10;--line:#ffffff24}
.reader-v2.is-home:has(.game-stage){background:#090b10}
.reader-v2.is-home:has(.game-stage) .reader-main{width:100%;max-width:1600px;padding:0 32px 60px}
.reader-v2.theme-nocturne.is-home .portal{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px}
.reader-v2.is-home:has(.game-stage) .reader-header{border-bottom-color:#ffffff14;background:#090b10ed}
.game-stage{position:relative;z-index:2;isolation:isolate;min-height:640px;display:flex;align-items:flex-end;margin:0 -32px 44px;padding:60px clamp(24px,5vw,84px) 50px;background:#151923;color:#fff;border-bottom:1px solid #ffffff24}
.game-stage::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,7,13,.91),rgba(4,7,13,.24) 85%),linear-gradient(0deg,#090b10 1%,transparent 75%);pointer-events:none}
.game-stage-poster,.game-stage-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2;border-radius:0!important}
.game-stage-video{z-index:-1}
.game-stage-content{width:min(100%,900px)}
.game-stage .eyebrow{font-size:12px;letter-spacing:.25em;color:#ddd;margin-bottom:22px}
.game-stage h1{font-size:clamp(38px,5.4vw,76px);font-weight:850;line-height:1.03;letter-spacing:-.055em;max-width:880px;text-wrap:balance;margin:0 0 22px;color:#fff}
.game-stage-description{font-size:clamp(15px,1.4vw,18px);line-height:1.65;max-width:630px;color:#d1d6dd;text-wrap:pretty}
.game-stage-actions{display:flex;align-items:center;gap:32px;margin:26px 0}
.game-stage-play{display:inline-flex;align-items:center;gap:16px;color:#fff;text-decoration:none}
.game-play-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;background:#ffffff10;font-size:20px;transition:background .2s,transform .2s}
.game-stage-play:hover .game-play-icon{background:#fff;color:#111;transform:scale(1.06)}
.game-stage-play small{display:block;font-size:10px;letter-spacing:.18em;color:#c5cbd5;margin-bottom:5px}
.game-stage-play strong{font-size:15px;letter-spacing:-.02em;color:#fff}
.game-stage-guides{color:#d4dae3;font-size:13px;display:flex;gap:20px;text-decoration:none}
.game-stage-credit{position:absolute;right:24px;bottom:18px;color:#a6aeba;font-size:9px;text-transform:uppercase;letter-spacing:.17em}
.game-stage-search{margin-top:30px;max-width:720px}
.game-stage-search>label{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#b9c1cf;margin-bottom:12px}
.game-stage-search .quick-search{background:#111724ef;border:1px solid #ffffff44;box-shadow:0 20px 55px #0005;border-radius:12px}
.game-stage-search input{font-size:17px!important;color:#fff!important}
.game-stage-search .quick-results{z-index:25}
.game-stage-coast{min-height:640px;padding-top:90px}
.reader-v2.theme-coast.is-home:has(.game-stage){background:#f6f3ef}
.reader-v2.theme-coast.is-home:has(.game-stage) .reader-header{--ink:#f5f5fa;--muted:#b4becb;--surface:#1b2230;--line:#ffffff22}
.reader-v2.theme-coast.is-home:has(.game-stage) .publication-entry,.reader-v2.theme-coast.is-home:has(.game-stage) .portal-publications>.section-heading{border-bottom-color:#172a4020}
.game-stage-coast::after{background:linear-gradient(90deg,#251c35c9,transparent 90%),linear-gradient(0deg,#090b10,transparent 92%)}
.game-stage-coast .eyebrow{color:#ffb1d2}
.game-stage-coast .game-play-icon{color:#ffb1d2;border-color:#ffb1d2}
.game-stage-coast h1{max-width:1000px;font-size:clamp(44px,6.5vw,94px);font-weight:900}
.game-stage-nocturne{min-height:620px;text-align:center;justify-content:center;padding-top:110px}
.game-stage-nocturne::after{background:linear-gradient(0deg,#090b10 0%,#10091099 65%,#06070d22)}
.game-stage-nocturne h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(43px,5.3vw,72px);letter-spacing:-.045em}
.game-stage-nocturne .eyebrow{color:#f1b9bb}
.game-stage-nocturne .game-stage-description,.game-stage-nocturne .game-stage-search{margin-left:auto;margin-right:auto}
.game-stage-nocturne .game-stage-actions{justify-content:center}
.game-stage-nocturne .game-stage-play{text-align:left}
.game-stage-nocturne .game-play-icon{border-color:#bd7079;background:#6b162533}
.is-home:has(.game-stage) .portal-heading{display:none}
.is-home:has(.game-stage) .portal-publications>.section-heading{border-bottom:1px solid #ffffff20;padding-bottom:22px;margin-bottom:26px}
.is-home:has(.game-stage) .portal-publications>.section-heading h2{font-size:27px;letter-spacing:-.04em}
.is-home:has(.game-stage) .publication-entry{border-radius:0;background:transparent;box-shadow:none;border:0;border-bottom:1px solid #ffffff20;padding-bottom:24px}
.is-home:has(.game-stage) .publication-image{border-radius:5px;overflow:hidden}
.is-home:has(.game-stage) .publication-image img{transition:transform .45s ease}
.is-home:has(.game-stage) .publication-entry:hover .publication-image img{transform:scale(1.035)}
.is-home:has(.game-stage) .publication-meta{font-size:10px;letter-spacing:.05em}
.is-home:has(.game-stage) .publication-entry h3{letter-spacing:-.04em;line-height:1.2}
.external-media{margin:32px 0;border:1px solid #ffffff25;border-radius:14px;background:#111723;overflow:hidden;color:#e6edf7}
.external-media-placeholder{padding:28px;display:grid;justify-items:start;gap:15px;min-height:220px;background:radial-gradient(ellipse at right top,#6e325a40,transparent 75%)}
.external-media-placeholder[hidden]{display:none}
.media-provider{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#b1bfd1}
.external-media strong{font-size:21px;line-height:1.3}
.external-media a,.trailer-dialog>a{font-size:13px;color:#bbd9ff;text-decoration:underline;text-underline-offset:4px}
.external-media small{font-size:12px;color:#aebacd}
.media-play,.media-unload{border:1px solid #ffffff44;background:#ffffff12;color:#fff;padding:11px 17px;border-radius:8px;cursor:pointer;font:inherit;font-size:13px}
.media-unload{margin:12px 18px}
.external-media figcaption{padding:14px 24px!important;margin:0!important;color:#b8c4d4;font-size:13px}
.external-media iframe,.trailer-player iframe{border:0;display:block;width:100%;aspect-ratio:16/9;min-height:200px}
.external-media-portrait{max-width:480px;margin-inline:auto}
.external-media-portrait iframe{aspect-ratio:9/16;max-height:740px}
.trailer-dialog{padding:20px;width:min(1100px,94vw);max-height:94dvh;overflow:auto;background:#0b1019;color:#fff;border:1px solid #354052;border-radius:16px;box-shadow:0 40px 150px #000a}
.trailer-dialog::backdrop{background:#02050bea;backdrop-filter:blur(10px)}
.trailer-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px}
.trailer-dialog h2{font-size:18px;margin:0}
.trailer-dialog button{border:1px solid #465064;border-radius:8px;padding:8px 14px;color:#fff;background:transparent;cursor:pointer;font:inherit}
.trailer-dialog small{display:block;font-size:11px;color:#9aa9bb;margin-top:12px}
.trailer-dialog>a{display:inline-block;margin-top:16px}
.game-stage a:focus-visible,.game-stage button:focus-visible,.external-media button:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:760px){.game-stage{margin:0 -20px 30px;padding:100px 24px 44px;min-height:610px}.game-stage-coast,.game-stage-nocturne{min-height:650px}.game-stage-actions{gap:20px;flex-wrap:wrap}.game-stage-guides{font-size:12px}.game-play-icon{width:52px;height:52px}.game-stage-play strong{font-size:13px}.game-stage-search{margin-top:24px}.game-stage-search input{font-size:16px!important}.game-stage-description{font-size:14px}.game-stage-credit{font-size:8px}.game-stage-coast .game-stage-poster{object-position:65% center}.game-stage-nocturne .game-stage-poster{object-position:55% center}.game-stage-search>label{font-size:10px}.trailer-dialog{padding:12px}.trailer-dialog h2{font-size:15px}.trailer-dialog-bar{gap:12px}.external-media-placeholder{padding:22px}.external-media iframe{min-height:170px}}
@media(prefers-reduced-motion:reduce){.game-stage *, .is-home:has(.game-stage) .publication-image img{transition:none!important}}
@media(max-width:900px){.reader-v2.theme-nocturne.is-home .portal{grid-template-columns:1fr;gap:12px}.reader-v2.theme-nocturne.is-home .vampir-directory{position:static;max-height:none}}
@media(max-width:760px){.reader-v2.is-home:has(.game-stage) .reader-main{padding:0 20px 50px}.game-stage-nocturne,.game-stage-coast{min-height:590px}.game-stage-nocturne{padding-top:90px}}
.game-stage-picture{position:absolute;inset:0;z-index:-2;display:block}.game-stage-picture img{z-index:auto}.game-stage-video{z-index:-1}.game-stage-controls{position:absolute;left:32px;bottom:14px;display:flex;align-items:center;gap:10px;font-size:11px;color:#b5c1d0}.game-stage-controls[hidden],.game-stage-play[hidden]{display:none}.game-stage-controls button{font:inherit;border:1px solid #ffffff38;background:#09101ddb;color:#e5edf7;border-radius:6px;padding:7px 12px;cursor:pointer}.game-stage-controls button:hover{border-color:#fff}.game-stage{padding-bottom:74px}.game-stage-search .quick-search-panel{z-index:50}.game-stage-video[hidden]{display:none}.game-stage-coast .game-stage-controls{color:#e1dbe7}@media(max-width:760px){.game-stage-controls{left:24px;bottom:28px}.game-stage-credit{bottom:10px}.game-stage{padding-bottom:90px}.game-stage-controls button{min-height:36px}}
/* public/reader/countdown.css */
.release-countdown{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;margin:0 0 48px;padding:32px clamp(20px,4vw,56px);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:20px;background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--accent) 13%,transparent),transparent 65%),var(--surface,var(--panel));color:var(--ink);overflow:hidden}
.release-countdown[hidden],.countdown-display[hidden],.countdown-status[hidden]{display:none}
.countdown-heading{align-self:center}.countdown-kicker{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--accent)}.countdown-kicker svg{width:16px;height:16px}
.reader-v2 .countdown-heading h2{font-size:clamp(23px,2.5vw,34px);line-height:1.15;letter-spacing:-.04em;margin:12px 0;text-wrap:balance}.countdown-heading p{color:var(--muted);font-size:13px;line-height:1.6;max-width:540px;margin:0}
.countdown-display{display:flex;align-items:center;gap:8px}.countdown-unit{position:relative;min-width:74px;padding:17px 14px 12px;text-align:center;background:color-mix(in srgb,var(--ink) 4%,transparent);border:1px solid var(--line);border-radius:12px}.countdown-unit strong{display:block;font-size:clamp(30px,3.7vw,54px);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.countdown-unit span{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.13em;margin-top:10px}
.release-countdown[data-precision=date] .countdown-unit{min-width:132px;padding:16px 28px}.release-countdown[data-precision=date] .countdown-unit strong{font-size:64px;color:var(--accent)}
.countdown-date{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;font-size:12px}.countdown-date>time{font-weight:750;color:var(--ink)}.countdown-date>span{color:var(--muted);font-size:10px}.countdown-date>a{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--ink);font-size:11px;text-underline-offset:4px}.countdown-date>a svg{width:14px;height:14px}.countdown-status{align-self:center;max-width:360px;font-size:15px;font-weight:650;color:var(--accent)}
.countdown-timeline{grid-column:1/-1;display:flex;margin:4px 0 0;padding:24px 0 0;list-style:none;border-top:1px solid var(--line)}.countdown-timeline li{position:relative;flex:1;min-width:0;padding:22px 18px 0 0;border-top:2px solid var(--line)}.countdown-timeline .timeline-dot{position:absolute;top:-6px;left:0;width:10px;height:10px;background:var(--surface,var(--panel));border:2px solid var(--accent);border-radius:50%}.countdown-timeline .is-past .timeline-dot{background:var(--accent)}.countdown-timeline a{display:block;overflow-wrap:anywhere;font-size:11px;font-weight:700;text-decoration:none;color:var(--ink)}.countdown-timeline a:hover{text-decoration:underline}.countdown-timeline time{display:block;font-size:10px;color:var(--muted);margin-top:6px}
@media(max-width:850px){.release-countdown{grid-template-columns:1fr;gap:20px}.countdown-display{justify-content:flex-start}.countdown-unit{flex:1;min-width:0;padding:14px 8px}.countdown-date>a{margin-left:0}.release-countdown[data-precision=date]{grid-template-columns:minmax(0,1fr) auto}.release-countdown[data-precision=date] .countdown-unit{min-width:92px;padding:12px 18px}.release-countdown[data-precision=date] .countdown-unit strong{font-size:48px}.countdown-timeline{flex-wrap:wrap;gap:22px 0}.countdown-timeline li{flex-basis:50%;padding-top:17px}.countdown-status{grid-column:1/-1}}
@media(max-width:450px){.release-countdown{padding:24px 18px;border-radius:14px}.release-countdown[data-precision=date]{gap:16px}.release-countdown[data-precision=date] .countdown-unit{min-width:72px;padding:12px}.release-countdown[data-precision=date] .countdown-unit strong{font-size:40px}.countdown-date{align-items:flex-start;flex-direction:column}.countdown-heading p{font-size:12px}}
