@font-face{font-family:"Noto Serif Tibetan";src:url("assets/fonts/NotoSerifTibetan-Variable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Ubuntu Mono";src:url("assets/fonts/UbuntuMono-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
.tibetan{font-family:"Noto Serif Tibetan","Kailasa",serif!important;font-weight:400;font-size:clamp(21px,2.1vw,30px);line-height:2.1;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere;color:var(--accent,#a9dcff)}
.public-entry{border-top:1px solid var(--line,#34485f);padding:36px 0 42px;margin-top:38px;display:block;position:relative;z-index:3}
.public-entry h2{font-size:clamp(23px,2.5vw,34px);line-height:1.3;margin:10px 0 17px}
.public-entry p{font-size:12px;line-height:1.85;color:var(--muted,#a8b7ca);max-width:68ch}
.public-entry .tibetan{font-size:23px;line-height:2.1;max-width:none;color:var(--accent,#a9dcff)}
.public-entry .reading-links{margin:19px 0 0;font-size:12px}
.public-entry blockquote{margin:0;border-left:1px solid var(--line,#34485f);padding-left:30px}
.public-entry blockquote p+p{margin-top:9px}
.public-entry a,.reading-page a{text-decoration:underline;text-underline-offset:4px;color:var(--accent,#a9dcff)}
.public-entry a:hover,.reading-page a:hover{color:var(--ink,#edf5ff)}
[data-variant="A"][data-screen="entry"] .public-entry{margin:0 40px;padding-bottom:100px}
.reading-page{--bg:#070b12;--ink:#edf5ff;--muted:#a8b7ca;--accent:#a9dcff;--line:#34485f;max-width:980px;margin:auto;padding:40px 28px 80px;color:var(--ink);font:16px/1.8 "Ubuntu Mono",ui-monospace,monospace;overflow-wrap:anywhere}
body.reading-body{background:#070b12;margin:0}
.reading-page h1{font:400 clamp(31px,5vw,52px)/1.18 "Ubuntu Mono",ui-monospace,monospace;letter-spacing:-.035em;margin:32px 0 24px;max-width:24ch}
.reading-page h2{font:400 27px/1.4 "Ubuntu Mono",ui-monospace,monospace;letter-spacing:-.02em;margin:0 0 14px}
.reading-page p{margin:0 0 17px;line-height:1.8}
.reading-kicker{font:12px/1.7 ui-monospace,monospace;letter-spacing:.13em;color:var(--muted,#a8b7ca)}
.reading-links{display:flex;gap:14px 26px;flex-wrap:wrap;margin:25px 0}
.reading-page section,.reading-page .epigraph{margin:36px 0 0;padding-top:28px;border-top:1px solid var(--line)}
.reading-page .epigraph{margin-left:0;margin-right:0}
.reading-page .tibetan{line-height:2.1}
.reading-page .reading-status{padding:16px 20px;border:1px solid var(--line);color:var(--ink);background:#101722}
.reading-page table{width:100%;border-collapse:collapse;margin:20px 0}
.reading-page td,.reading-page th{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}
.reading-page th{font-weight:400;color:var(--accent)}
.reading-page td:first-child{width:40%}
.reading-page ul,.reading-page ol{padding-left:24px}
.reading-page li{margin:10px 0}
.reading-page code{font-size:14px;overflow-wrap:anywhere}
.reading-page footer{border-top:1px solid var(--line);padding-top:24px;margin-top:42px;font-size:14px;color:var(--muted)}
.reading-page :focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:650px){.public-entry{grid-template-columns:1fr;gap:25px;padding-top:27px}.public-entry blockquote{border-left:0;border-top:1px solid var(--line);padding:21px 0 0}.public-entry .tibetan{font-size:21px}.reading-page{padding:26px 22px 50px}.reading-page table{font-size:14px}.reading-page td,.reading-page th{padding:10px 5px}[data-variant="A"][data-screen="entry"] .public-entry{margin:0 22px}}

/* The epigraph is available on request in the reference guide. */
.cultural-note>summary{cursor:pointer;color:var(--muted);font-size:14px;line-height:1.8}
.cultural-note>summary:hover,.cultural-note[open]>summary{color:var(--accent)}
.epigraph-body{padding-top:24px}

/* A continuous waterfall made from twelve invented vector marks. */
.glyph-definitions{position:absolute;width:0;height:0;overflow:hidden}
html[data-effect] .glyph-stream{color:var(--accent);background:none;text-shadow:none;mask-image:linear-gradient(180deg,transparent,#000 40%,#000)}
.pseudoglyph-column{display:block;width:var(--size);height:auto;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:square;stroke-linejoin:miter}
.pseudoglyph-column use:last-child{stroke:var(--ink);opacity:.8}
html[data-glow="true"] .pseudoglyph-column{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 35%,transparent))}

.page-footer .telegram-link{color:var(--accent);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.page-footer{flex-wrap:wrap;gap:18px}.telegram-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
[data-variant="A"][data-screen="entry"] .page-footer{display:flex;margin:0 40px;padding-bottom:90px}

.introduce-cta,.public-entry .introduce-cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px 27px;margin:18px 0;color:#070b12!important;background:var(--accent,#a9dcff);border:1px solid var(--accent,#a9dcff);font:700 19px/1.25 monospace;text-decoration:none!important;box-shadow:0 0 30px color-mix(in srgb,var(--accent,#a9dcff) 15%,transparent)}.introduce-cta:hover{filter:brightness(1.12)}.guide-lead{font-size:21px!important}.reading-page details{margin:24px 0}.reading-page details p{font-size:15px}.intro-form{display:grid;gap:20px;margin:28px 0}.intro-form label{display:grid;gap:10px;font-size:16px}.intro-form input,.intro-form textarea,.intro-form select{box-sizing:border-box;width:100%;background:#101722;color:#edf5ff;border:1px solid #506985;padding:14px;font:inherit;border-radius:0}.intro-form textarea{resize:vertical;min-height:130px}.intro-form .consent{display:flex;align-items:flex-start;font-size:14px;line-height:1.6}.intro-form .consent input{width:20px;flex:none;margin-top:2px}.intro-form button,.intro-actions button{cursor:pointer}.intro-actions{display:flex;flex-wrap:wrap;gap:15px}.quiet-action{color:var(--accent);border:1px solid var(--line);padding:12px 18px;background:transparent;font:inherit}.intro-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;border:1px solid var(--line);background:#101722;line-height:1.7}.intro-error{color:#ffbcb2!important}.intro-status{min-height:1.5em}.receipt-key{overflow-wrap:anywhere;font-size:13px}.intro-form [hidden],[hidden]{display:none!important}.inbox-item{border-top:1px solid var(--line);padding:24px 0}.inbox-item p{white-space:pre-wrap;overflow-wrap:anywhere}.top-introduce{padding:12px 18px!important;min-height:42px!important;font-size:14px!important;margin:0!important}@media(max-width:650px){.top-introduce{font-size:12px!important;padding:10px!important}.guide-lead{font-size:18px!important}}

.story-nav{color:var(--accent);text-decoration:none}.story-nav:hover{text-decoration:underline}

.arrival{position:relative;z-index:3;border:1px solid var(--line);background:var(--surface,var(--bg,#070b12));padding:18px 22px;margin:16px 0 28px;font:16px/1.5 var(--font-body,monospace);text-align:left}.arrival p{margin:0 0 12px}.arrival-actions,.arrival-next{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.arrival button{font:inherit;cursor:pointer;padding:10px 16px;min-height:44px;background:transparent;color:var(--ink);border:1px solid var(--line)}.arrival button:hover,.arrival button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.arrival :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.arrival-next .introduce-cta{margin:14px 0 0}.arrival-next{margin-top:10px}.arrival [hidden]{display:none!important}[data-variant="A"] .arrival{margin:20px 40px 0}[data-variant="B"] .arrival{grid-column:1/-1}@media(max-width:650px){.arrival{padding:15px;font-size:14px}[data-variant="A"] .arrival{margin:15px 20px}.arrival button{padding:10px 12px}}

/* Cold ground; warm light only for named, meaningful signs, never ambient glyphs. */
:root{--meaning-light:#fff6c9;--meaning-halo:#ffd86a55}
html[data-font] :is(.nav-item.active [data-shelter-symbol="BEACON"],.icon-button [data-shelter-symbol="FOCUS"],.node-exit [data-shelter-symbol="EXIT"],.symbol-glyph [data-shelter-symbol="BEACON"],.symbol-glyph [data-shelter-symbol="FOCUS"],.symbol-glyph [data-shelter-symbol="EXIT"]){color:var(--meaning-light)}
html[data-glow="true"] :is(.nav-item.active [data-shelter-symbol="BEACON"],.icon-button [data-shelter-symbol="FOCUS"],.node-exit [data-shelter-symbol="EXIT"],.symbol-glyph [data-shelter-symbol="BEACON"],.symbol-glyph [data-shelter-symbol="FOCUS"],.symbol-glyph [data-shelter-symbol="EXIT"]){filter:drop-shadow(0 0 4px var(--meaning-halo))}
