:root {
  --black: #050607;
  --panel: #0d0f11;
  --white: #f5f6f6;
  --muted: #8b9198;
  --cyan: #00c8ef;
  --line: rgba(255,255,255,.18);
  --header-h: 72px;
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: var(--black); }
body { color: var(--white); font-family: Arial, "Microsoft YaHei", sans-serif; }
a { color: inherit; }
button, input { font: inherit; }
button { color: inherit; }

.skip-link { position: fixed; z-index: 200; top: -80px; left: 1rem; padding: .8rem 1rem; color: #000; background: #fff; }
.skip-link:focus { top: 1rem; }
.visually-hidden { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
.site-header {
  position: fixed; z-index: 100; inset: 0 0 auto; height: var(--header-h);
  display: grid; grid-template-columns: 250px 1fr 250px; align-items: stretch;
  background: rgba(3,4,5,.97); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px);
}
.brand { padding: .9rem 2rem; display: flex; flex-direction: column; justify-content: center; text-decoration: none; border-right: 1px solid var(--line); }
.brand strong { font-size: 1.25rem; letter-spacing: .18em; }
.brand small { margin-top: .25rem; color: var(--muted); font-size: .55rem; letter-spacing: .22em; }
.section-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.section-nav a { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; border-right: 1px solid var(--line); }
.section-nav span { font-family: Impact, "Arial Narrow", sans-serif; font-size: .9rem; letter-spacing: .04em; }
.section-nav small { margin-top: .2rem; font-size: .62rem; font-weight: 700; }
.section-nav a:hover span, .section-nav a[aria-current="page"] span { color: var(--cyan); }
.section-nav a[aria-current="page"] { background: linear-gradient(to bottom, rgba(0,200,239,.11), transparent); }
.header-tools { display: grid; grid-template-columns: repeat(3, 1fr); }
.header-tools > * { display: grid; place-items: center; padding: 0; color: var(--muted); background: transparent; border: 0; border-left: 1px solid var(--line); text-decoration: none; font: .62rem Consolas, monospace; cursor: pointer; }
.header-tools > *:hover { color: var(--cyan); }
.nav-toggle { display: none; }

.page-shell { height: 100svh; overflow-y: auto; overflow-x: hidden; scroll-snap-type: y mandatory; scrollbar-width: none; }
.page-shell::-webkit-scrollbar { display: none; }
.page {
  position: relative; height: 100svh; min-height: 640px; overflow: hidden; scroll-snap-align: start; scroll-snap-stop: always;
  padding-top: var(--header-h); isolation: isolate;
  background-color: var(--black);
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 86px 86px;
}
.page > *:not(.page-mark,.scroll-cue,canvas,.section-watermark,.operator-ghost) { opacity: .25; transform: translateY(25px); transition: opacity .65s .18s, transform .65s .18s; }
.page.is-active > *:not(.page-mark,.scroll-cue,canvas,.section-watermark,.operator-ghost) { opacity: 1; transform: none; }
body.is-noising .page > * { transition:none!important; }
.page-mark { position: absolute; z-index: 20; right: 0; top: 43%; width: 140px; padding: 0 1rem 0 1.5rem; border-left: 4px solid var(--cyan); }
.page-mark b { float: left; color: var(--cyan); font: 4rem/.8 Impact, sans-serif; }
.page-mark span, .page-mark small { display: block; margin-left: 4.3rem; white-space: nowrap; font: .58rem Consolas, monospace; }
.page-mark small { margin-top: .35rem; color: var(--white); font-size: .72rem; font-weight: 700; }
.scroll-cue { position: absolute; z-index: 20; bottom: 1.2rem; left: 50%; display: flex; flex-direction: column; align-items: center; gap: .25rem; color: var(--muted); font: .55rem Consolas, monospace; }
.scroll-cue i { width: 12px; height: 12px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); animation: cue 1.2s infinite; }
@keyframes cue { 50% { transform: translateY(6px) rotate(45deg); color: var(--cyan); } }

.index-page { background: #e7ebeb; }
.index-visual { position: absolute; inset: var(--header-h) 12% 8% 0; overflow: hidden; background: #fff; }
.index-visual img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.index-visual::after { content:""; position:absolute; inset:0; background: linear-gradient(to top, rgba(0,0,0,.48), transparent 55%); }
.cyan-block { position: absolute; z-index: 2; display: block; background: rgba(0,200,239,.78); mix-blend-mode: multiply; }
.block-a { inset: 0 auto 38% 0; width: 45%; }
.block-b { width: 21%; height: 62%; right: 18%; top: 0; }
.index-title { position: absolute; z-index: 4; left: 4%; bottom: 5%; color: #fff; text-shadow: 0 2px 14px #000; }
.index-title p { margin: 0 0 .65rem; font: .65rem Consolas, monospace; letter-spacing: .15em; }
.index-title h1 { margin: 0; font: clamp(3rem,7vw,7rem)/.8 Impact,"Arial Narrow",sans-serif; letter-spacing: -.035em; }
.index-title h1 span { display: block; margin-bottom: .35rem; font: 700 .28em Arial,"Microsoft YaHei",sans-serif; letter-spacing: .35em; }
.index-title small { display: inline-block; margin-top: 1rem; padding-top: .6rem; border-top: 3px solid var(--cyan); font-weight: 700; letter-spacing: .08em; }
.status-rail { position: absolute; z-index: 5; right: 0; top: 36%; width: 18%; min-width: 210px; padding: .5rem 1rem; background: rgba(5,6,7,.9); border-left: 1px solid #fff; }
.status-rail p { margin: .5rem 0; padding: .6rem; background: #111; }
.status-rail b, .status-rail span { display: block; }
.status-rail b { color: var(--cyan); font: .55rem Consolas, monospace; }
.status-rail span { margin-top: .25rem; font-size: .72rem; font-weight: 700; }
.index-meta { position: absolute; z-index: 4; right: 3%; bottom: 2%; color: #111; text-align: right; font: .6rem Consolas, monospace; }
.index-meta b,.index-meta span { display:block; }

@media (min-width:901px) {
  #index .page-mark { right:calc(max(18vw, 210px) + 24px); }
  #operator .page-mark { right:164px; }
}

.section-code { margin: 0; color: var(--cyan); font: .62rem Consolas, monospace; letter-spacing: .15em; }
.information-layout { height: 100%; display: grid; grid-template-columns: 30% 1fr 140px; padding: 5vh 0 5vh 3vw; }
.information-sidebar { position: relative; z-index: 3; padding: 2rem 2rem 2rem .5rem; background: rgba(5,6,7,.83); }
.information-sidebar h2,.world-list-panel h2 { margin: .7rem 0 1.5rem; font: 3rem/.9 Impact,sans-serif; }
.information-sidebar h2 small,.world-list-panel h2 small { display:block; margin-top:.4rem; font:700 .8rem Arial,sans-serif; letter-spacing:.4em; }
.info-tabs { display: flex; gap: .2rem; border-bottom: 1px solid var(--line); }
.info-tabs button { padding: .45rem .7rem; color: var(--white); background: none; border: 0; cursor: pointer; }
.info-tabs button[aria-selected="true"] { color: #000; background: var(--cyan); }
.info-list { margin-top: .6rem; }
.info-item { width:100%; padding: .8rem .25rem; display:grid; grid-template-columns:54px 1fr; gap:.7rem; color:var(--white); background:none; border:0; border-bottom:1px solid var(--line); text-align:left; cursor:pointer; }
.info-item[aria-current="true"] { color: var(--cyan); }
.info-item small { font: .55rem Consolas,monospace; }
.info-item b { font-size: .75rem; line-height: 1.45; }
.info-feature { position: relative; z-index: 2; margin: 0; display: grid; grid-template-rows: 1fr auto; background:#151719; border:1px solid var(--line); }
.feature-image { position:relative; min-height:0; overflow:hidden; background:#fff; }
.feature-image img { width:100%; height:100%; object-fit:cover; filter:grayscale(1); }
.feature-image span { position:absolute; inset:auto 1rem 1rem auto; padding:.5rem; color:#000; background:#fff; border:2px solid #000; font:700 .65rem Consolas,monospace; }
.feature-copy { padding: 1.2rem 2rem; background:linear-gradient(90deg,#101214,#202328); }
.feature-copy time { font:.58rem Consolas,monospace; }
.feature-copy h3 { margin:.4rem 0; max-width:700px; font-size:1.65rem; }
.feature-copy p { margin:.4rem 0; max-width:780px; color:#aeb4ba; line-height:1.6; font-size:.82rem; }
.read-more { display:inline-block; margin-top:.5rem; color:var(--cyan); font:700 .62rem Consolas,monospace; }
.section-watermark { position:absolute; z-index:0; left:4%; bottom:1%; color:rgba(255,255,255,.08); font:clamp(4rem,10vw,10rem)/1 Impact,sans-serif; }

.operator-page { background-color:#060708; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(45deg,transparent 49.7%,rgba(255,255,255,.05) 50%,transparent 50.3%); background-size:86px 86px,86px 86px,172px 172px; }
.operator-layout { height:100%; display:grid; grid-template-columns:42% 1fr 140px; }
.profile-panel { position:relative; z-index:3; padding:8vh 3vw 3vh 7.5vw; background:linear-gradient(90deg,rgba(5,6,7,.96) 65%,transparent); }
.profile-en { margin: 10vh 0 0; font:700 .8rem Consolas,monospace; }
.profile-panel h2 { margin:0; font-size:clamp(3.5rem,6vw,6.5rem); letter-spacing:-.08em; }
.profile-copy { max-width:420px; padding:1rem; color:#c1c5ca; background:rgba(0,0,0,.65); border-left:3px solid var(--cyan); line-height:1.8; font-size:.85rem; }
.operator-thumbs { position:absolute; left:7.5vw; bottom:5vh; display:flex; gap:.55rem; }
.operator-thumb { width:72px; height:92px; padding:.35rem; display:flex; flex-direction:column; justify-content:space-between; color:#fff; background:#181b1e; border:2px solid #777; cursor:pointer; }
.operator-thumb[aria-pressed="true"] { border-color:var(--cyan); box-shadow:0 -4px 0 var(--white); }
.operator-thumb b { font-size:.65rem; }.operator-thumb span { color:#8d949b; font:.5rem Consolas,monospace; }
.operator-art { position:relative; z-index:2; display:grid; place-items:center; padding:9vh 3vw 4vh 0; }
.art-placeholder { width:min(34vw,440px); height:min(72vh,690px); display:flex; flex-direction:column; align-items:center; justify-content:center; color:#000; background:#fff; border:2px solid #000; box-shadow:24px 24px 0 rgba(0,200,239,.5); clip-path:polygon(0 0,88% 0,100% 8%,100% 100%,12% 100%,0 92%); }
.art-placeholder b { font:clamp(1.3rem,3vw,2.8rem) Impact,sans-serif; }.art-placeholder span { margin-top:1rem; font:700 .72rem/1.5 Consolas,monospace; text-align:center; }
.operator-faction { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1rem; border-left:1px solid var(--line); }
.operator-faction button { width:54px;height:54px;background:transparent;border:1px solid var(--line);font:700 .8rem Consolas,monospace; }
.operator-faction .active { color:#000;background:var(--cyan);border-color:var(--cyan); }
.operator-ghost { position:absolute; z-index:0; left:22%; top:12%; color:rgba(255,255,255,.055); font:65vh/.8 Impact,sans-serif; }

.world-page { background-color:#060708; background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(45deg,transparent 49.7%,rgba(255,255,255,.06) 50%,transparent 50.3%); background-size:86px 86px,86px 86px,172px 172px; }
#worldParticles { position:absolute; z-index:1; inset:var(--header-h) 140px 0 38%; width:calc(62% - 140px); height:calc(100% - var(--header-h)); }
.world-layout { position:relative; z-index:3; height:100%; display:grid; grid-template-columns:40% 1fr 140px; pointer-events:none; }
.world-list-panel { padding:7vh 3vw 3vh 7.5vw; background:linear-gradient(90deg,rgba(5,6,7,.92) 72%,transparent); pointer-events:auto; }
.world-list { margin-top:4vh; }
.world-item { width:100%; padding:.9rem 0; display:flex; align-items:baseline; gap:1rem; color:#a9adb2; background:none; border:0; border-bottom:1px solid rgba(255,255,255,.65); text-align:left; cursor:pointer; }
.world-item b { font-size:1.35rem; }.world-item small { font:700 .66rem Consolas,monospace; }
.world-item[aria-pressed="true"],.world-item:hover { color:var(--white); transform:translateX(10px); }
.world-item[aria-pressed="true"] b { color:var(--cyan); }
.lexicon-open { margin-top:1.3rem; padding:.8rem 1rem; color:#000; background:var(--cyan); border:0; font:700 .65rem Consolas,monospace; cursor:pointer; }
.lexicon-open span { margin-left:1rem; }
.world-detail { align-self:end; margin:0 2vw 8vh 2vw; padding:1.2rem; max-width:520px; background:rgba(5,6,7,.82); border-left:3px solid var(--cyan); pointer-events:auto; }
.world-detail > p:first-child { margin:0;color:var(--cyan);font:.62rem Consolas,monospace;letter-spacing:.1em; }
.world-detail h3 { margin:.35rem 0;font-size:1.8rem; }.world-detail-line { height:1px;background:var(--line); }.world-detail > p:last-child { color:#b9bec4;line-height:1.7;font-size:.82rem; }

.more-page { background:#080a0b; }
.more-page::before { content:"";position:absolute;inset:var(--header-h) 0 0;background:linear-gradient(118deg,rgba(0,200,239,.14),transparent 34%),linear-gradient(transparent 65%,rgba(255,255,255,.04)); }
.more-watermark { position:absolute;z-index:-1;right:-2vw;bottom:-8vh;color:rgba(255,255,255,.035);font:clamp(9rem,25vw,25rem)/.8 Impact,sans-serif;letter-spacing:-.06em; }
.more-layout { position:relative;z-index:2;height:100%;display:grid;grid-template-columns:27% minmax(480px,1fr) 18%;gap:2.5vw;padding:7vh 10% 5vh 5%; }
.more-heading { align-self:start;padding-top:2vh; }
.more-heading h2 { margin:.7rem 0 1.5rem;font:clamp(3.2rem,6vw,6rem)/.82 Impact,"Arial Narrow",sans-serif; }
.more-heading h2 small { display:block;margin-top:.8rem;color:var(--cyan);font:700 .16em Arial,"Microsoft YaHei",sans-serif;letter-spacing:.18em; }
.more-heading>p:last-child { max-width:300px;color:#9ca3a7;font-size:.8rem;line-height:1.9; }
.more-feature { align-self:center;display:grid;grid-template-columns:42% 1fr;min-height:56vh;background:#eff1ef;color:#0c0f10;box-shadow:18px 18px 0 rgba(0,200,239,.7); }
.more-cover { position:relative;min-height:56vh;overflow:hidden;background:#111; }
.more-cover img { width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1); }
.more-cover::after { content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 48%,rgba(0,200,239,.7) 48% 68%,transparent 68%);mix-blend-mode:multiply; }
.more-cover span { position:absolute;z-index:2;left:1rem;bottom:1rem;color:#fff;font:.65rem Consolas,monospace; }
.more-copy { display:flex;padding:clamp(1.5rem,3vw,3.5rem);flex-direction:column;justify-content:center; }
.more-copy>p:first-child { margin:0;color:#008ca6;font:.62rem Consolas,monospace;letter-spacing:.1em; }
.more-copy h3 { margin:.8rem 0 .3rem;font-size:clamp(2rem,3.5vw,4rem);line-height:.92; }
.more-copy h3 span { font-size:.62em; }
.more-copy>small { color:#697174;font:.58rem Consolas,monospace;letter-spacing:.05em; }
.more-copy>p:nth-of-type(2) { margin:1.4rem 0;color:#555e61;font-size:.8rem;line-height:1.8; }
.more-progress span { color:#667073;font-size:.67rem; }
.more-progress i { display:block;height:3px;margin-top:.5rem;background:#c6cbca; }
.more-progress b { display:block;height:100%;background:#00aeca; }
.more-actions { display:flex;gap:.6rem;margin-top:1.5rem; }
.more-actions a { padding:.9rem 1rem;border:1px solid #111;font-size:.7rem;font-weight:700;text-decoration:none; }
.more-actions .more-primary { color:#fff;background:#111; }
.more-actions a:hover { color:#001316;background:var(--cyan); }
.more-placeholder { align-self:end;padding:1.2rem;border:1px solid rgba(255,255,255,.3); }
.more-placeholder span,.more-placeholder b { display:block; }
.more-placeholder span { color:var(--cyan);font:.55rem Consolas,monospace; }
.more-placeholder b { margin:.7rem 0;font:1.5rem Impact,sans-serif; }
.more-placeholder p { margin:0;color:#888f92;font-size:.67rem;line-height:1.6; }

.noise-transition { position:fixed;z-index:150;inset:0;width:100vw;height:100svh;visibility:hidden;opacity:0;background:#050607;filter:contrast(1.7) saturate(.35);image-rendering:pixelated;pointer-events:none; }
.noise-transition.is-active { visibility:visible;animation:noiseGate .68s steps(2,end) both; }
@keyframes noiseGate { 0%{opacity:0} 10%{opacity:.28} 22%{opacity:.78} 34%,64%{opacity:1} 78%{opacity:.68} 90%{opacity:.25} 100%{opacity:0} }
.copy-toast { position:fixed; z-index:180; right:1rem; bottom:1rem; margin:0; padding:.7rem 1rem; color:#000; background:var(--cyan); opacity:0; transform:translateY(10px); transition:.2s; font:.65rem Consolas,monospace; }
.copy-toast.show { opacity:1;transform:none; }

.lexicon-dialog { width:min(1120px,94vw); height:min(780px,88vh); padding:0; color:var(--white); background:#080a0c; border:1px solid var(--cyan); }
.lexicon-dialog::backdrop { background:rgba(0,0,0,.86);backdrop-filter:blur(8px); }
.lexicon-dialog header { display:flex;justify-content:space-between;align-items:center;padding:1rem 1.3rem;border-bottom:1px solid var(--line); }
.lexicon-dialog header p { margin:0;color:var(--cyan);font:.55rem Consolas,monospace; }.lexicon-dialog header h2 { margin:.25rem 0 0;font:2rem Impact,sans-serif; }.lexicon-dialog header small { font:.75rem Arial,sans-serif; }
.lexicon-dialog header button { align-self:stretch;padding:0 1rem;background:none;border:1px solid var(--line);cursor:pointer; }
.lexicon-tools { display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem 1.3rem; }
.lexicon-tools label,.lexicon-tools p { font:.62rem Consolas,monospace;color:var(--cyan); }.lexicon-tools input { width:100%;padding:.7rem 1rem;color:#fff;background:#111;border:1px solid var(--line); }
.lexicon-table { height:calc(100% - 150px);overflow:auto;padding:0 1.3rem 1.3rem; }
table { width:100%;border-collapse:collapse; } caption { padding:.8rem 0;text-align:left;color:var(--muted);font-size:.7rem; }
th { position:sticky;top:0;background:var(--cyan);color:#000;text-align:left; } th,td { padding:.75rem;border-bottom:1px solid var(--line); }
th:nth-child(1),td:nth-child(1){width:28%} th:nth-child(2),td:nth-child(2){width:40%} td:nth-child(2){font-family:Consolas,monospace} td:nth-child(3){color:var(--muted)} tr[hidden]{display:none}

:focus-visible { outline:2px solid var(--cyan);outline-offset:3px; }
body.motion-off *,body.motion-off *::before,body.motion-off *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }

@media (max-width:900px) {
  :root{--header-h:62px} .site-header{grid-template-columns:1fr auto auto}.brand{padding:.7rem 1rem}.brand strong{font-size:.9rem}.section-nav{position:fixed;top:var(--header-h);right:0;left:0;display:none;grid-template-columns:1fr;background:#050607}.section-nav.open{display:grid}.section-nav a{min-height:58px;border-bottom:1px solid var(--line)}
  .nav-toggle{display:block;padding:0 1rem;color:#fff;background:none;border:0;border-left:1px solid var(--line)}.header-tools{grid-template-columns:repeat(2,52px)}.header-tools #copyLink{display:none}
  .page{min-height:640px}.page-mark{top:auto;right:1rem;bottom:1rem;width:auto;border-left:0}.page-mark b{font-size:2.4rem}.page-mark span,.page-mark small{margin-left:3rem}.scroll-cue{display:none}
  .index-visual{right:0;bottom:0}.status-rail{top:auto;right:1rem;bottom:1rem;width:230px}.index-title{bottom:30%;left:1.2rem}.index-title h1{font-size:clamp(2.4rem,11vw,5rem)}.index-meta{display:none}
  .information-layout{grid-template-columns:42% 1fr;padding:3vh 0 3vh 1rem}.information-sidebar{padding:1rem}.info-feature{margin-right:1rem}.information-layout::after{display:none}
  .operator-layout{grid-template-columns:48% 1fr}.profile-panel{padding:5vh 1rem}.profile-en{margin-top:4vh}.operator-faction{display:none}.operator-thumbs{left:1rem;right:0;bottom:3vh;overflow-x:auto}.art-placeholder{width:38vw}.world-layout{grid-template-columns:48% 1fr}.world-list-panel{padding:4vh 1rem}.world-detail{margin:0 1rem 8vh}.world-list{margin-top:1vh}#worldParticles{left:40%;right:0;width:60%}
  .more-layout{grid-template-columns:1fr 2fr;padding:4vh 7%}.more-heading{padding-top:0}.more-placeholder{display:none}.more-feature{grid-template-columns:38% 1fr}.more-copy{padding:1.5rem}.more-copy h3{font-size:2.3rem}
}

@media (max-width:620px) {
  body{overflow:hidden}.brand small{display:none}.header-tools{grid-template-columns:52px}.header-tools #motionToggle{display:none}
  .page{min-height:100svh}.index-title{right:1rem;bottom:34%}.status-rail{right:0;bottom:0;width:100%;display:grid;grid-template-columns:1fr 1fr}.status-rail p{margin:.2rem}.information-layout{display:block;padding:1rem}.information-sidebar{height:45%;padding:.5rem}.information-sidebar h2{font-size:2.2rem;margin:.4rem 0}.info-list{max-height:22vh;overflow:auto}.info-feature{height:48%;margin:0;grid-template-columns:45% 1fr;grid-template-rows:1fr}.feature-copy{padding:1rem}.feature-copy h3{font-size:1rem}.feature-copy p{font-size:.7rem}.section-watermark{display:none}
  .operator-layout{display:block}.profile-panel{height:100%;padding:2rem 1rem}.profile-en{margin-top:2vh}.profile-panel h2{font-size:3rem}.profile-copy{max-width:58%;font-size:.72rem}.operator-art{position:absolute;right:1rem;top:20%;padding:0}.art-placeholder{width:34vw;height:52vh;box-shadow:10px 10px 0 rgba(0,200,239,.5)}.art-placeholder b{font-size:1rem}.operator-thumbs{bottom:2rem;max-width:80vw}.operator-thumb{flex:0 0 62px;height:78px}
  .world-layout{display:block}.world-list-panel{height:62%;padding:2rem 1rem;background:rgba(5,6,7,.78)}.world-list-panel h2{font-size:2.2rem;margin:.4rem 0}.world-list{display:grid;grid-template-columns:1fr 1fr}.world-item{padding:.55rem 0}.world-item b{font-size:.9rem}.world-item small{display:none}.lexicon-open{margin-top:.8rem}.world-detail{position:absolute;right:1rem;bottom:1rem;left:1rem;margin:0;padding:.8rem}.world-detail h3{font-size:1.25rem}.world-detail>p:last-child{font-size:.7rem}#worldParticles{inset:var(--header-h) 0 0;width:100%;height:calc(100% - var(--header-h))}
  .more-layout{display:block;padding:1.2rem 1rem 4.5rem}.more-heading{display:none}.more-feature{display:grid;grid-template-columns:38% 1fr;min-height:0;height:76vh;box-shadow:7px 7px 0 rgba(0,200,239,.7)}.more-cover{min-height:0}.more-copy{padding:1rem}.more-copy h3{font-size:1.65rem}.more-copy>small{font-size:.48rem}.more-copy>p:nth-of-type(2){margin:.7rem 0;font-size:.68rem;line-height:1.6}.more-actions{flex-direction:column;margin-top:.8rem}.more-actions a{padding:.65rem;text-align:center}.more-progress span{font-size:.56rem}
  .lexicon-dialog{width:100vw;height:100svh;max-width:none;max-height:none}.lexicon-dialog header h2{font-size:1.5rem}.lexicon-tools{grid-template-columns:1fr}.lexicon-tools label{display:none}.lexicon-tools p{margin:0}th,td{min-width:140px;font-size:.72rem;padding:.6rem}
}

@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.page-shell{scroll-behavior:auto}.scroll-cue{display:none}}

/* Lagrados interface redesign */
:root{--space:#03070b;--cold:#edf8fb;--cyan:#42dcff;--violet:#9d72ff;--gold:#e7bd63;--glass:rgba(8,20,29,.7);--holo-line:rgba(92,221,255,.24);--header-h:76px}
body{background:var(--space);color:var(--cold)}
body::after{content:"";position:fixed;z-index:70;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(150,235,255,.2) 4px);mix-blend-mode:screen}
.site-header{z-index:100;height:var(--header-h);background:rgba(2,8,13,.87);border-bottom:1px solid rgba(96,219,255,.35);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.site-header::after{content:"";position:absolute;bottom:-1px;left:0;width:36%;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan),transparent);box-shadow:0 0 14px var(--cyan)}
.brand{clip-path:polygon(0 0,100% 0,92% 100%,0 100%);background:linear-gradient(120deg,rgba(61,215,255,.13),rgba(158,107,255,.05));padding-right:2.5rem}
.brand strong{color:var(--cold);text-shadow:-1px 0 rgba(157,114,255,.75),1px 0 rgba(66,220,255,.7)}
.section-nav a{color:#8fa6af;border-color:rgba(96,219,255,.18)}
.section-nav a[aria-current="page"]{color:var(--cold);background:linear-gradient(180deg,rgba(66,220,255,.14),transparent)}
.section-nav a[aria-current="page"]::after{background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 14px var(--cyan)}
.header-tools{grid-template-columns:repeat(2,minmax(62px,1fr))}.header-tools>*{border-color:rgba(96,219,255,.2);color:#a8bdc4}
.page{background-color:var(--space)!important;color:var(--cold);isolation:isolate}
.page::after{content:"";position:absolute;z-index:-1;inset:var(--header-h) 0 0;pointer-events:none;background-image:linear-gradient(rgba(69,205,240,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(69,205,240,.055) 1px,transparent 1px),radial-gradient(circle at 82% 36%,transparent 0 12%,rgba(132,94,225,.06) 12.2% 12.5%,transparent 12.7% 20%,rgba(66,220,255,.055) 20.2% 20.4%,transparent 20.6%);background-size:38px 38px,38px 38px,100% 100%}
.section-code{color:var(--cyan);letter-spacing:.22em;text-shadow:0 0 11px rgba(66,220,255,.4)}
.section-watermark,.more-watermark{color:transparent!important;-webkit-text-stroke:1px rgba(99,221,255,.11)!important}
.page-mark{position:absolute;z-index:35;top:calc(var(--header-h) + 18px)!important;right:18px!important;bottom:auto!important;width:176px!important;min-height:58px;padding:9px 12px 8px 52px!important;border:1px solid rgba(82,218,255,.34)!important;border-left:2px solid var(--cyan)!important;background:rgba(5,16,23,.76);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);backdrop-filter:blur(12px);box-shadow:0 0 24px rgba(55,209,255,.11);pointer-events:none}
.page-mark b{position:absolute;left:12px;top:11px;float:none!important;color:var(--cyan);font:900 2.35rem/.9 Impact,sans-serif;text-shadow:2px 0 rgba(157,114,255,.55),0 0 12px rgba(66,220,255,.38)}
.page-mark span,.page-mark small{margin:0!important;display:block;white-space:nowrap;font:.55rem/1.4 Consolas,monospace;letter-spacing:.08em}.page-mark small{color:var(--cold);font-size:.68rem}
.index-page{background:radial-gradient(circle at 23% 66%,rgba(45,218,255,.11),transparent 34%),radial-gradient(circle at 72% 34%,rgba(158,106,255,.09),transparent 30%),var(--space)!important}
.index-visual{filter:saturate(.75) contrast(1.08);clip-path:polygon(0 0,91% 0,100% 14%,93% 100%,0 100%)}
.index-visual::after{content:"OPTICAL FEED // CL-001";position:absolute;right:2rem;bottom:2rem;color:var(--cyan);font:.65rem Consolas,monospace;letter-spacing:.18em;text-shadow:0 0 10px var(--cyan)}
.index-title{background:linear-gradient(90deg,rgba(3,7,11,.94),rgba(3,7,11,.48),transparent)}
.index-title h1,.information-sidebar h2,.profile-panel h2,.world-map-heading h2,.more-heading h2{text-shadow:-2px 0 rgba(158,103,255,.45),2px 0 rgba(63,221,255,.42)}
.status-rail,.index-meta,.information-sidebar,.profile-panel,.world-map-heading{background:var(--glass);border-color:var(--holo-line);backdrop-filter:blur(16px) saturate(135%)}
.information-layout,.operator-layout{background:transparent}.info-feature,.art-placeholder{border:1px solid var(--holo-line);background:linear-gradient(135deg,rgba(10,25,35,.78),rgba(6,10,17,.84));color:var(--cold);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,20px 100%,0 calc(100% - 20px));box-shadow:14px 14px 0 rgba(81,218,255,.06)}
.feature-copy,.profile-copy{color:#b9cbd1}.info-item{color:#9bb0b9;border-color:rgba(92,221,255,.14)}.info-item[aria-current="true"]{color:var(--cold);background:linear-gradient(90deg,rgba(67,220,255,.15),transparent)}.info-item small,.profile-en{color:var(--cyan)}
.operator-ghost{color:rgba(106,224,255,.05);text-shadow:14px 0 rgba(149,101,255,.045)}.operator-faction button{background:rgba(6,17,24,.8);color:var(--cyan);border-color:var(--holo-line);box-shadow:0 0 20px rgba(52,214,255,.12)}
.operator-thumb{background:rgba(5,14,21,.83);color:var(--cold);border-color:rgba(81,217,255,.23);clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.operator-thumb[aria-pressed="true"]{border-color:var(--cyan);box-shadow:inset 3px 0 var(--violet),0 0 18px rgba(67,220,255,.18)}

/* Holographic seven-region map */
.world-page{overflow:hidden;background:radial-gradient(ellipse at 65% 52%,rgba(45,206,255,.1),transparent 42%),radial-gradient(circle at 78% 20%,rgba(152,100,255,.12),transparent 24%),var(--space)!important}
#worldRegionCanvas{position:absolute;z-index:1;inset:var(--header-h) 0 0;width:100%;height:calc(100% - var(--header-h));opacity:.95}
.world-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,30%) 1fr minmax(270px,29%);height:100%;padding:calc(var(--header-h) + 34px) 7% 5vh;gap:2.5vw}
.world-map-heading{align-self:start;padding:1.7rem;border:1px solid var(--holo-line);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.world-map-heading h2{margin:.35rem 0;font-size:clamp(2.8rem,5vw,5.8rem);line-height:.85}.world-map-heading h2 small{display:block;margin-top:.75rem;font:.72rem Consolas,monospace;color:var(--cyan);letter-spacing:.28em}.world-map-heading>p:last-of-type{color:#a8bdc4;font-size:.82rem;line-height:1.8}
.lexicon-open{color:var(--cold);border-color:var(--holo-line);background:rgba(5,14,20,.76);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.world-map-host{position:relative;align-self:stretch;min-width:390px;filter:drop-shadow(0 0 20px rgba(62,213,255,.08))}.world-map-host::before,.world-map-host::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(77,218,255,.18);border-radius:50%;transform:rotate(-18deg)}.world-map-host::before{inset:17% 8% 15% 10%}.world-map-host::after{inset:28% 23% 26% 2%;border-color:rgba(157,111,255,.18)}
.world-node{position:absolute;z-index:4;left:var(--node-x);bottom:var(--node-y);display:flex;align-items:center;gap:.65rem;width:max-content;max-width:175px;padding:.4rem .65rem;color:var(--cold);text-align:left;background:rgba(4,13,20,.72);border:1px solid rgba(89,220,255,.23);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);backdrop-filter:blur(8px);cursor:pointer;transform:translate(-50%,50%);transition:border-color .2s,filter .2s,background .2s}
.world-node:hover,.world-node:focus-visible,.world-node.is-active{outline:none;border-color:var(--cyan);background:rgba(22,56,71,.86);filter:drop-shadow(0 0 9px rgba(67,220,255,.7))}.world-node__dot{flex:0 0 auto;width:10px;height:10px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(66,220,255,.08),0 0 14px var(--cyan)}.world-node.is-active .world-node__dot{background:var(--gold);border-color:#fff0be;box-shadow:0 0 0 5px rgba(231,189,99,.12),0 0 17px var(--gold)}
.world-node__label b,.world-node__label small{display:block}.world-node__label b{font-size:.78rem}.world-node__label small{margin-top:.18rem;color:#75dff3;font:.46rem Consolas,monospace;letter-spacing:.08em}
.world-detail{position:relative;align-self:end;right:auto;bottom:auto;left:auto;margin:0 0 5vh;padding:1.6rem;color:var(--cold);background:rgba(7,14,21,.9);border:1px solid var(--holo-line);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);backdrop-filter:blur(18px)}.world-detail::before{content:"REGION DATA";position:absolute;right:.8rem;top:.7rem;color:var(--gold);font:.5rem Consolas,monospace;letter-spacing:.16em}.world-detail>p:first-child{color:var(--cyan)}.world-detail h3{font-size:clamp(1.7rem,3vw,3rem)}.world-detail>p:last-child{color:#b1c6cd;line-height:1.8}

/* Layered MORE carousel */
.more-page{background:radial-gradient(circle at 74% 35%,rgba(149,96,255,.13),transparent 30%),radial-gradient(circle at 28% 70%,rgba(55,214,255,.1),transparent 34%),var(--space)!important}
.more-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(220px,26%) 1fr;grid-template-rows:1fr auto;gap:1rem 4vw;height:100%;padding:calc(var(--header-h) + 42px) max(7%,190px) 5vh 7%}
.more-heading{grid-row:1/3;align-self:center;padding:1.3rem;border-left:1px solid var(--cyan);background:linear-gradient(90deg,rgba(58,215,255,.08),transparent)}.more-heading h2{font-size:clamp(3rem,7vw,7rem)}.more-heading>p:last-child{color:#a9bdc4;line-height:1.9}
.more-track{position:relative;align-self:center;height:min(61vh,620px);min-height:430px;perspective:1400px}.more-slide{position:absolute;inset:0;display:grid;transition:transform .6s cubic-bezier(.2,.72,.12,1),opacity .45s,filter .45s;cursor:pointer}.more-slide.is-front{z-index:3;transform:translate(0,0) rotateY(0);opacity:1;filter:none;cursor:default}.more-slide.is-behind-1{z-index:2;transform:translate(5%,4%) rotateY(-2deg);opacity:.78;filter:saturate(.8)}.more-slide.is-behind-2{z-index:1;transform:translate(9%,8%) rotateY(-4deg);opacity:.5;filter:saturate(.55)}
.more-feature{grid-template-columns:42% 1fr;min-height:0;height:100%;color:var(--cold);background:linear-gradient(125deg,rgba(12,28,38,.94),rgba(5,11,17,.96));border:1px solid rgba(87,221,255,.34);box-shadow:16px 16px 0 rgba(30,171,203,.24);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,18px 100%,0 calc(100% - 18px))}
.more-cover{position:relative;overflow:hidden;min-height:0;background:#07121a}.more-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(55,220,255,.2) 30.4% 44%,transparent 44.4%),repeating-linear-gradient(0deg,transparent 0 5px,rgba(82,221,255,.09) 6px)}.more-cover img{width:100%;height:100%;object-fit:cover;filter:grayscale(.9) contrast(1.18) brightness(.72)}.more-cover span{z-index:2;color:var(--cyan)}
.more-copy{align-self:center;padding:clamp(1.4rem,3vw,3.2rem)}.more-copy>p{color:#aec2c9}.more-copy>small{color:var(--cyan)}.more-copy h3{color:var(--cold);text-shadow:-2px 0 rgba(158,103,255,.5),2px 0 rgba(65,220,255,.5)}
.more-actions a,.more-primary{border-color:rgba(81,219,255,.4);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.more-primary{background:linear-gradient(115deg,var(--cyan),#7b8eff)!important;color:#031018!important}
.more-studio,.more-related{grid-template-rows:auto 1fr auto;align-content:center;padding:clamp(2rem,5vw,5.5rem);background:linear-gradient(135deg,rgba(11,33,44,.96),rgba(18,10,38,.96));border:1px solid rgba(111,224,255,.38);box-shadow:16px 16px 0 rgba(53,208,237,.25);clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,18px 100%,0 calc(100% - 18px))}.more-related{background:linear-gradient(135deg,rgba(24,13,48,.97),rgba(5,26,38,.97))}
.more-slide__code{align-self:start;color:var(--cyan);font:.62rem Consolas,monospace;letter-spacing:.2em}.more-studio h3,.more-related h3{margin:.25rem 0 1rem;font-size:clamp(2.5rem,6vw,6rem);line-height:.9;text-shadow:-3px 0 rgba(157,104,255,.48),3px 0 rgba(62,218,255,.42)}.more-studio>div>p,.more-related>div>p{max-width:650px;color:#b7c9cf;line-height:1.9}
.more-studio dl{display:flex;gap:2rem}.more-studio dl div{padding-left:1rem;border-left:1px solid var(--cyan)}.more-studio dt{color:#79939d;font:.56rem Consolas,monospace}.more-studio dd{margin:.3rem 0 0;font-weight:700}.more-studio>a{justify-self:start;padding:.9rem 1.3rem;text-decoration:none}
.more-related nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.more-related nav a{padding:1rem;color:var(--cold);text-decoration:none;border:1px solid rgba(84,219,255,.3);background:rgba(4,13,20,.48)}.more-related nav a:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(63,220,255,.14)}
.more-controls{grid-column:2;display:flex;align-items:center;justify-content:center;gap:1rem}.more-controls>div{display:flex;gap:.35rem}.more-arrow,.more-dot{color:#93aab3;background:rgba(6,17,24,.8);border:1px solid rgba(80,218,255,.24);cursor:pointer}.more-arrow{width:38px;height:32px}.more-dot{padding:.55rem .85rem;font:.55rem Consolas,monospace}.more-dot.is-active{color:var(--space);background:var(--cyan);border-color:var(--cyan)}

/* Lagrados boot/decode screen */
.boot-splash{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;color:var(--cold);background:radial-gradient(circle at 50% 50%,rgba(46,197,229,.12),transparent 28%),#02060a;transition:opacity .6s,visibility .6s}.boot-splash::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(70,215,249,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(70,215,249,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000,transparent 72%)}.boot-splash.is-complete{opacity:0;visibility:hidden}
.boot-splash__inner{position:relative;width:min(720px,82vw);padding:clamp(2rem,6vw,5rem);border:1px solid rgba(77,220,255,.32);background:rgba(5,16,23,.72);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:0 0 80px rgba(51,208,240,.1);backdrop-filter:blur(12px)}.boot-splash__code{color:var(--cyan);font:.62rem Consolas,monospace;letter-spacing:.2em}.boot-splash__title{margin:1rem 0;font-size:clamp(2rem,6vw,5rem);line-height:1;text-transform:uppercase;text-shadow:-3px 0 rgba(158,104,255,.56),3px 0 rgba(62,220,255,.5)}.boot-splash__sub{color:#a8bec6;font:.75rem Consolas,monospace;letter-spacing:.15em}.boot-splash__bar{height:2px;margin-top:2.5rem;background:rgba(110,223,246,.16);overflow:hidden}.boot-splash__bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--gold));transform-origin:left;animation:boot-progress 2.05s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 0 12px var(--cyan)}
@keyframes boot-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(max-width:1000px){.world-layout{grid-template-columns:31% 1fr;padding-left:4%;padding-right:4%}.world-detail{position:absolute;right:4%;bottom:3vh;width:34%;margin:0}.world-map-host{min-width:0}.world-node__label small{display:none}.more-layout{grid-template-columns:23% 1fr;padding-right:190px;padding-left:4%}.more-heading{padding:.7rem}.more-heading>p:last-child{font-size:.72rem}.more-track{min-height:390px}.more-feature{grid-template-columns:36% 1fr}.more-copy{padding:1.25rem}.more-copy h3{font-size:2.3rem}}
@media(max-width:700px){:root{--header-h:64px}.page-mark{top:calc(var(--header-h) + 8px)!important;right:8px!important;width:142px!important;min-height:48px;padding:7px 8px 6px 42px!important}.page-mark b{left:9px;top:9px;font-size:1.85rem}.page-mark span{font-size:.45rem}.page-mark small{font-size:.58rem}.world-layout{display:block;padding:calc(var(--header-h) + 65px) 12px 16px}.world-map-heading{position:absolute;left:12px;top:calc(var(--header-h) + 58px);z-index:5;width:43%;padding:.8rem}.world-map-heading h2{font-size:2.2rem}.world-map-heading>p:last-of-type{display:none}.world-map-heading .lexicon-open{font-size:.48rem;padding:.55rem}.world-map-host{position:absolute;inset:calc(var(--header-h) + 52px) 5px 128px 0}.world-node{max-width:118px;padding:.3rem .4rem;gap:.35rem}.world-node__dot{width:7px;height:7px}.world-node__label b{font-size:.62rem}.world-detail{right:10px;bottom:12px;left:10px;width:auto;padding:.8rem}.world-detail h3{margin:.15rem 0;font-size:1.2rem}.world-detail>p:last-child{margin:.4rem 0 0;font-size:.65rem;line-height:1.5}.more-layout{display:block;padding:calc(var(--header-h) + 66px) 12px 56px}.more-heading{display:none}.more-track{height:calc(100vh - var(--header-h) - 155px);min-height:410px}.more-slide.is-behind-1{transform:translate(2.5%,2.5%)}.more-slide.is-behind-2{transform:translate(5%,5%)}.more-feature{grid-template-columns:35% 1fr}.more-copy{padding:.8rem}.more-copy h3{font-size:1.55rem}.more-copy>p{font-size:.65rem}.more-copy>small{font-size:.43rem}.more-actions{gap:.35rem}.more-actions a{font-size:.62rem;padding:.6rem}.more-studio,.more-related{padding:1.4rem}.more-studio h3,.more-related h3{font-size:2.2rem}.more-studio>div>p,.more-related>div>p{font-size:.72rem}.more-studio dl{gap:.7rem;flex-wrap:wrap}.more-related nav{grid-template-columns:1fr}.more-related nav a{padding:.7rem;font-size:.7rem}.more-controls{margin-top:10px}.more-dot{padding:.45rem .55rem;font-size:.47rem}}
@media(prefers-reduced-motion:reduce){.boot-splash__bar i{animation:none;transform:scaleX(1)}.more-slide{transition:none}}
.page-mark{z-index:65!important}
.more-controls{position:relative;z-index:20}
.world-layout{pointer-events:auto}
#worldRegionCanvas{pointer-events:none}

@media(min-width:1001px){
  .world-layout{display:block;padding:0}
  .world-map-heading{position:absolute;z-index:8;left:4.5%;top:calc(var(--header-h) + 9vh);width:25%;max-width:390px}
  .world-map-host{position:absolute;z-index:4;inset:calc(var(--header-h) + 3vh) 3.5% 3vh 27%;min-width:0}
  .world-detail{position:absolute;z-index:8;right:4%;bottom:4vh;width:25%;max-width:390px;margin:0}
  .world-map-host::before{inset:8% 0 4% 4%;border-radius:48% 52% 44% 56%;transform:rotate(-28deg)}
  .world-map-host::after{inset:20% 13% 18% 1%;border-radius:50%;transform:rotate(-34deg)}
}
@media(max-width:1000px) and (min-width:701px){
  .world-layout{display:block;padding:0}
  .world-map-heading{position:absolute;z-index:8;left:3%;top:calc(var(--header-h) + 6vh);width:29%;padding:1rem}
  .world-map-host{position:absolute;z-index:4;inset:calc(var(--header-h) + 2vh) 2% 3vh 23%;min-width:0}
  .world-detail{position:absolute;z-index:8;right:3%;bottom:3vh;width:31%;margin:0}
}
@media(max-width:700px){
  .world-map-host{pointer-events:auto}
  .world-node{z-index:12}
#worldRegionCanvas{z-index:0!important;pointer-events:none!important}
}
.read-more{position:relative;top:-.45rem;margin-top:.2rem}
.page:not(.is-active) .page-mark{opacity:0;visibility:hidden}
.page.is-active .page-mark{position:fixed;opacity:1;visibility:visible}

/* Markdown-driven portrait and asteroid-node presentation */
.art-placeholder{position:relative;margin:0;overflow:hidden;padding:0;background:rgba(4,12,18,.88)}
.art-placeholder img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(.25) contrast(1.06)}
.art-placeholder figcaption{position:absolute;right:0;bottom:0;left:0;padding:.7rem 1rem;color:var(--cold);background:linear-gradient(0deg,rgba(2,8,13,.96),rgba(2,8,13,.25));font:700 .62rem Consolas,monospace;letter-spacing:.12em;text-align:right}
.world-node{display:block;width:112px;height:72px;max-width:none;padding:0;overflow:visible;background:rgba(3,10,15,.86);border:1px solid rgba(83,221,255,.38);clip-path:none}
.world-node__thumb{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.25) brightness(.55);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:filter .25s,opacity .25s}
.world-node__point{position:absolute;z-index:3;left:-6px;bottom:-6px;width:12px;height:12px;border:2px solid var(--cyan);border-radius:50%;background:#06131a;box-shadow:0 0 0 6px rgba(66,220,255,.1),0 0 18px var(--cyan)}
.world-node__label{position:absolute;z-index:2;left:10px;bottom:-27px;min-width:max-content;padding:.3rem .45rem;background:rgba(3,12,18,.88);border-left:1px solid var(--cyan);backdrop-filter:blur(8px)}
.world-node:hover .world-node__thumb,.world-node:focus-visible .world-node__thumb,.world-node.is-active .world-node__thumb{filter:grayscale(.55) contrast(1.18) brightness(.78)}
.world-node.is-active .world-node__point{background:var(--gold);border-color:#fff2c4;box-shadow:0 0 0 7px rgba(231,189,99,.12),0 0 20px var(--gold)}
.world-node--destination{width:150px;height:96px;border-color:rgba(231,189,99,.72);box-shadow:0 0 30px rgba(231,189,99,.13)}
.world-node--destination::after{content:"";position:absolute;z-index:-1;inset:-31px;border:1px dashed rgba(231,189,99,.48);border-radius:50%;animation:destination-orbit 18s linear infinite}

/* Persistent low-intensity environmental motion */
.page::after{animation:ambient-grid-drift 26s linear infinite}
.world-map-host::before{animation:holo-orbit-a 34s linear infinite}.world-map-host::after{animation:holo-orbit-b 42s linear infinite reverse}
.index-visual::after{animation:optical-drift 6s steps(6,end) infinite}
@keyframes ambient-grid-drift{0%{background-position:0 0,0 0,0 0}100%{background-position:38px 38px,-38px 38px,0 0}}
@keyframes holo-orbit-a{to{transform:rotate(332deg)}}
@keyframes holo-orbit-b{to{transform:rotate(326deg)}}
@keyframes destination-orbit{to{transform:rotate(360deg)}}
@keyframes optical-drift{0%,100%{transform:translateX(0);opacity:.8}45%{transform:translateX(5px);opacity:.5}48%{transform:translateX(-3px);opacity:.9}}

/* Low-opacity horizontal tear transition */
.noise-transition{background:transparent;filter:contrast(1.25) saturate(.9)}
@keyframes noiseGate{0%{opacity:0}12%{opacity:.06}24%{opacity:.18}36%,62%{opacity:.34}76%{opacity:.17}90%{opacity:.05}100%{opacity:0}}

.page>.ambient-field{position:absolute;z-index:0;inset:var(--header-h) 0 0;overflow:hidden;pointer-events:none;contain:strict;opacity:1!important;transform:none!important;transition:none!important}
.ambient-field__orb{position:absolute;left:58%;top:48%;width:min(48vw,660px);aspect-ratio:1;border:1px solid rgba(90,221,255,.1);border-radius:50%;background:radial-gradient(circle at 37% 42%,rgba(66,220,255,.09),transparent 42%),radial-gradient(circle at 64% 58%,rgba(157,114,255,.08),transparent 46%);box-shadow:inset 0 0 70px rgba(72,211,246,.035);animation:ambient-orb 28s ease-in-out infinite;will-change:transform,opacity}
.ambient-field i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--cyan);box-shadow:0 0 9px rgba(66,220,255,.9);animation:ambient-mote var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform,opacity}
.ambient-field i:nth-of-type(3n){background:var(--violet);box-shadow:0 0 10px rgba(157,114,255,.8)}.ambient-field i:nth-of-type(5n){background:var(--gold);box-shadow:0 0 8px rgba(231,189,99,.75)}
@keyframes ambient-orb{0%,100%{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(.94);opacity:.45}50%{transform:translate3d(calc(-50% + 38px),calc(-50% - 22px),0) rotate(9deg) scale(1.06);opacity:.82}}
@keyframes ambient-mote{0%{transform:translate3d(0,24px,0);opacity:.16}45%{opacity:.9}100%{transform:translate3d(var(--drift-x),-54px,0);opacity:.28}}

@media(max-width:700px){
  .world-node{width:76px;height:49px}.world-node--destination{width:100px;height:64px}
  .world-node__label{left:6px;bottom:-20px;padding:.2rem .3rem}.world-node__point{left:-4px;bottom:-4px;width:9px;height:9px}
}
body.motion-off .ambient-field *,body.motion-off .ambient-field{animation:none!important}
@media(prefers-reduced-motion:reduce){.ambient-field,.ambient-field *{animation:none!important}}

/* Integrate fragmented tearing with outgoing/incoming pages */
.page.is-tearing-out{animation:page-tear-out .26s steps(4,end) both;transform-origin:center}
.page.is-tearing-in{animation:page-tear-in .44s steps(5,end) both;transform-origin:center}
@keyframes page-tear-out{0%{transform:translate3d(0,0,0);filter:none;opacity:1}35%{transform:translate3d(calc(var(--tear-direction)*-5px),0,0);filter:brightness(1.12) contrast(1.08);opacity:.96}68%{transform:translate3d(calc(var(--tear-direction)*8px),0,0);filter:brightness(.86) contrast(1.24) saturate(.72);opacity:.9}100%{transform:translate3d(calc(var(--tear-direction)*-17px),0,0);filter:brightness(1.3) contrast(1.34);opacity:.82}}
@keyframes page-tear-in{0%{transform:translate3d(calc(var(--tear-direction)*19px),0,0);filter:brightness(1.32) contrast(1.3) saturate(.7);opacity:.78}38%{transform:translate3d(calc(var(--tear-direction)*-8px),0,0);filter:brightness(.9) contrast(1.18);opacity:.9}72%{transform:translate3d(calc(var(--tear-direction)*3px),0,0);filter:brightness(1.07);opacity:.97}100%{transform:translate3d(0,0,0);filter:none;opacity:1}}

/* Turn region thumbnails into distinct asteroid silhouettes */
.world-node,.world-node:hover,.world-node:focus-visible,.world-node.is-active{isolation:isolate;background:transparent;border:0;box-shadow:none;filter:drop-shadow(0 0 8px rgba(66,220,255,.25))}
.world-node::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;clip-path:polygon(5% 31%,17% 12%,43% 3%,69% 10%,91% 29%,98% 53%,86% 79%,61% 96%,31% 91%,10% 73%,1% 50%);background:radial-gradient(circle at 29% 34%,rgba(255,255,255,.22) 0 5%,transparent 7%),radial-gradient(circle at 67% 61%,rgba(0,0,0,.5) 0 9%,transparent 11%),radial-gradient(circle at 48% 78%,rgba(0,0,0,.35) 0 5%,transparent 7%),linear-gradient(135deg,transparent 35%,rgba(0,0,0,.62));mix-blend-mode:multiply}
.world-node__thumb{clip-path:polygon(5% 31%,17% 12%,43% 3%,69% 10%,91% 29%,98% 53%,86% 79%,61% 96%,31% 91%,10% 73%,1% 50%);filter:grayscale(.9) contrast(1.3) brightness(.68) sepia(.08);filter:grayscale(.9) contrast(1.3) brightness(.68) sepia(.08) drop-shadow(0 2px 3px rgba(0,0,0,.7))}
.world-node[data-region="1"]::before,.world-node[data-region="1"] .world-node__thumb,.world-node[data-region="4"]::before,.world-node[data-region="4"] .world-node__thumb{clip-path:polygon(2% 42%,13% 18%,35% 6%,66% 2%,89% 19%,100% 45%,91% 72%,70% 92%,39% 98%,13% 80%)}
.world-node[data-region="2"]::before,.world-node[data-region="2"] .world-node__thumb,.world-node[data-region="5"]::before,.world-node[data-region="5"] .world-node__thumb{clip-path:polygon(8% 21%,31% 4%,62% 8%,88% 25%,97% 55%,78% 88%,48% 96%,20% 84%,1% 58%)}
.world-node[data-region="3"]::before,.world-node[data-region="3"] .world-node__thumb,.world-node[data-region="6"]::before,.world-node[data-region="6"] .world-node__thumb{clip-path:polygon(4% 37%,22% 9%,51% 1%,79% 14%,98% 39%,92% 69%,72% 94%,38% 97%,12% 78%)}
.world-node:hover .world-node__thumb,.world-node:focus-visible .world-node__thumb,.world-node.is-active .world-node__thumb{filter:grayscale(.62) contrast(1.28) brightness(.86) sepia(.06) drop-shadow(0 2px 4px rgba(0,0,0,.75))}
.world-node--destination{filter:drop-shadow(0 0 15px rgba(231,189,99,.34))}

@media(prefers-reduced-motion:reduce){.page.is-tearing-out,.page.is-tearing-in{animation:none!important}}

/* Broken continental fragments suspended in the asteroid belt */
.world-node{width:138px;height:78px;filter:drop-shadow(0 0 5px rgba(91,218,255,.34)) drop-shadow(0 5px 8px rgba(0,0,0,.65))}
.world-node--destination{width:178px;height:106px;filter:drop-shadow(0 0 13px rgba(231,189,99,.38)) drop-shadow(0 7px 12px rgba(0,0,0,.72))}
.world-node::before{background:repeating-radial-gradient(ellipse at 35% 42%,rgba(142,225,255,.14) 0 1px,transparent 1px 7px),repeating-radial-gradient(ellipse at 67% 57%,rgba(120,195,236,.1) 0 1px,transparent 1px 9px),linear-gradient(72deg,transparent 43%,rgba(0,7,12,.72) 44% 45%,transparent 46%),linear-gradient(119deg,transparent 55%,rgba(0,5,9,.58) 56% 57%,transparent 58%),linear-gradient(28deg,transparent 63%,rgba(186,235,255,.16) 64% 65%,transparent 66%),linear-gradient(135deg,rgba(76,187,211,.1),rgba(0,0,0,.65));mix-blend-mode:overlay;opacity:.92}
.world-node__thumb{clip-path:polygon(1% 45%,9% 27%,25% 19%,43% 23%,58% 10%,76% 16%,96% 32%,100% 55%,86% 70%,68% 75%,52% 91%,34% 79%,18% 84%,5% 65%);filter:grayscale(.8) contrast(1.36) brightness(.58) sepia(.12) drop-shadow(0 2px 4px rgba(0,0,0,.78))}
.world-node::before{clip-path:polygon(1% 45%,9% 27%,25% 19%,43% 23%,58% 10%,76% 16%,96% 32%,100% 55%,86% 70%,68% 75%,52% 91%,34% 79%,18% 84%,5% 65%)}
.world-node[data-region="1"]::before,.world-node[data-region="1"] .world-node__thumb,.world-node[data-region="4"]::before,.world-node[data-region="4"] .world-node__thumb{clip-path:polygon(0 38%,14% 18%,31% 26%,48% 12%,69% 18%,83% 8%,99% 34%,93% 59%,78% 72%,61% 68%,44% 88%,25% 78%,8% 86%,3% 61%)}
.world-node[data-region="2"]::before,.world-node[data-region="2"] .world-node__thumb,.world-node[data-region="5"]::before,.world-node[data-region="5"] .world-node__thumb{clip-path:polygon(2% 29%,20% 15%,39% 21%,52% 5%,72% 17%,96% 23%,100% 49%,89% 73%,67% 66%,51% 90%,32% 81%,13% 91%,0 62%)}
.world-node[data-region="3"]::before,.world-node[data-region="3"] .world-node__thumb,.world-node[data-region="6"]::before,.world-node[data-region="6"] .world-node__thumb{clip-path:polygon(0 48%,10% 22%,29% 14%,47% 25%,65% 7%,89% 18%,100% 43%,94% 68%,76% 82%,57% 74%,40% 95%,21% 80%,4% 74%)}
.world-node:hover,.world-node:focus-visible,.world-node.is-active{filter:drop-shadow(0 0 9px rgba(110,226,255,.62)) drop-shadow(0 6px 10px rgba(0,0,0,.72))}
.world-node--destination:hover,.world-node--destination:focus-visible,.world-node--destination.is-active{filter:drop-shadow(0 0 17px rgba(231,189,99,.58)) drop-shadow(0 8px 13px rgba(0,0,0,.76))}

/* Page-aware transition without viewport displacement */
@keyframes page-tear-out{0%{filter:none;opacity:1}35%{filter:brightness(1.1) contrast(1.08);opacity:.97}68%{filter:brightness(.88) contrast(1.22) saturate(.74);opacity:.91}100%{filter:brightness(1.24) contrast(1.3);opacity:.84}}
@keyframes page-tear-in{0%{filter:brightness(1.26) contrast(1.27) saturate(.72);opacity:.8}38%{filter:brightness(.92) contrast(1.16);opacity:.91}72%{filter:brightness(1.06);opacity:.97}100%{filter:none;opacity:1}}

@media(max-width:700px){.world-node{width:88px;height:52px}.world-node--destination{width:116px;height:70px}}
@media(prefers-contrast:more){.world-node::before{background:linear-gradient(135deg,transparent,rgba(0,0,0,.55));opacity:.65}}

/* Reference-map mode: square region placeholders with in-image markers */
.world-node,.world-node--destination{width:82px;height:82px;overflow:visible;background:#d9dddc;border:1px solid rgba(95,224,255,.52);clip-path:none;filter:drop-shadow(0 0 6px rgba(66,220,255,.24));box-shadow:none}
.world-node,.world-node--destination{transform:translate(calc(-50% + var(--belt-shift-x,0px)),calc(50% + var(--belt-shift-y,0px)));will-change:transform}
.world-node::before,.world-node--destination::after{content:none}
.world-node__thumb,.world-node[data-region] .world-node__thumb{width:100%;height:100%;clip-path:none;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.88);border:0;transition:filter .2s,box-shadow .2s}
.world-node__point{left:50%;top:50%;bottom:auto;width:10px;height:10px;transform:translate(-50%,-50%);background:#06131a;border:2px solid var(--cyan);box-shadow:0 0 0 6px rgba(66,220,255,.1),0 0 18px var(--cyan);pointer-events:none}
.world-node__label{left:50%;top:calc(100% + 8px);bottom:auto;min-width:max-content;transform:translateX(-50%) translateY(4px);padding:.38rem .5rem;opacity:0;visibility:hidden;background:rgba(3,12,18,.94);border:1px solid rgba(66,220,255,.3);border-left:2px solid var(--cyan);pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}
.world-node:hover .world-node__label,.world-node:focus-visible .world-node__label{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.world-node:hover,.world-node:focus-visible,.world-node.is-active{background:#e8eceb;border-color:var(--cyan);filter:drop-shadow(0 0 9px rgba(66,220,255,.62));outline:none}
.world-node:hover .world-node__thumb,.world-node:focus-visible .world-node__thumb,.world-node.is-active .world-node__thumb{filter:grayscale(.8) contrast(1.13) brightness(1)}
.world-node.is-active .world-node__point{background:var(--gold);border-color:#fff2c4;box-shadow:0 0 0 6px rgba(231,189,99,.14),0 0 18px var(--gold)}
.world-node--destination{width:96px;height:96px;border-color:rgba(95,224,255,.52);filter:none;animation:court-blue-pulse 10s linear infinite}
.world-node--destination:hover,.world-node--destination:focus-visible,.world-node--destination.is-active{filter:none}
.world-node--destination::after{content:none}
@keyframes court-blue-pulse{0%,10%,100%{box-shadow:0 0 0 rgba(66,220,255,0);filter:none}2%{box-shadow:0 0 22px 5px rgba(66,220,255,.62);filter:brightness(1.28) saturate(1.22)}6%{box-shadow:0 0 13px 2px rgba(66,220,255,.28);filter:brightness(1.08)}}

/* Unified interaction feedback: local content changes never move the viewport */
.ui-swap{animation:ui-swap-in .28s cubic-bezier(.2,.8,.2,1) both}
.ui-optical-in{animation:ui-optical-in .32s steps(5,end) both}
.ui-signal-in{animation:ui-signal-in .3s ease-out both}
.ui-list-in{animation:ui-list-in .26s ease-out both}
.ui-slide-activate{animation:ui-slide-activate .38s steps(4,end) both}
.ui-filter-in{animation:ui-filter-in .22s ease-out both}
.ui-nav-signal{animation:ui-nav-signal .3s ease-out both}
.ui-toast-signal{animation:ui-toast-signal .32s steps(4,end) both}
@keyframes ui-swap-in{0%{opacity:.34;clip-path:inset(0 0 0 100%);filter:brightness(1.7) contrast(1.25)}42%{opacity:.78;clip-path:inset(0 0 0 18%);filter:brightness(.82) contrast(1.18)}100%{opacity:1;clip-path:inset(0);filter:none}}
@keyframes ui-optical-in{0%{opacity:.22;filter:brightness(2.1) contrast(1.5) hue-rotate(38deg)}35%{opacity:.86;filter:brightness(.72) contrast(1.3)}100%{opacity:1;filter:none}}
@keyframes ui-signal-in{0%{opacity:.18;filter:blur(3px) brightness(1.7)}100%{opacity:1;filter:none}}
@keyframes ui-list-in{0%{opacity:.28;filter:contrast(1.5)}100%{opacity:1;filter:none}}
@keyframes ui-slide-activate{0%{opacity:.54;filter:brightness(1.8) saturate(.4)}55%{opacity:.9;filter:brightness(.8) saturate(1.4)}100%{opacity:1;filter:none}}
@keyframes ui-filter-in{0%{opacity:.42;filter:brightness(1.55)}100%{opacity:1;filter:none}}
@keyframes ui-nav-signal{0%{box-shadow:inset 0 1px 0 rgba(66,220,255,.9)}100%{box-shadow:inset 0 1px 0 rgba(66,220,255,0)}}
@keyframes ui-toast-signal{0%,100%{filter:none}28%{filter:brightness(1.65)}52%{filter:brightness(.78)}75%{filter:brightness(1.2)}}
.info-tabs button,.operator-thumb,.world-node__point,.more-arrow,.more-dot{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,filter .2s}

.lexicon-dialog[open]{animation:lexicon-open .28s cubic-bezier(.2,.8,.2,1) both}
.lexicon-dialog[open]::backdrop{animation:lexicon-backdrop-in .28s ease-out both}
.lexicon-dialog.is-closing{animation:lexicon-close .26s cubic-bezier(.4,0,.8,.2) both}
.lexicon-dialog.is-closing::backdrop{animation:lexicon-backdrop-out .26s ease-in both}
@keyframes lexicon-open{0%{opacity:0;transform:scale(.972);filter:brightness(1.5) contrast(1.2)}100%{opacity:1;transform:scale(1);filter:none}}
@keyframes lexicon-close{0%{opacity:1;transform:scale(1);filter:none}100%{opacity:0;transform:scale(.978);filter:brightness(.65) contrast(1.3)}}
@keyframes lexicon-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes lexicon-backdrop-out{from{opacity:1}to{opacity:0}}

@media(max-width:900px){
  .section-nav{display:grid;visibility:hidden;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .24s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .24s}
  .section-nav.open{display:grid;visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
}
body.motion-off .lexicon-dialog[open],body.motion-off .lexicon-dialog[open]::backdrop{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){
  .ui-swap,.ui-optical-in,.ui-signal-in,.ui-list-in,.ui-slide-activate,.ui-filter-in,.ui-nav-signal,.ui-toast-signal,.lexicon-dialog[open],.lexicon-dialog[open]::backdrop,.world-node--destination{animation:none!important}
  .lexicon-dialog[open]{opacity:1;transform:none;filter:none}
}

@media(max-width:700px){.world-node,.world-node--destination{width:58px;height:58px}.world-node--destination{width:68px;height:68px}.world-node__label{top:calc(100% + 5px)}}

/* Automated page fault frames: actual old/new pages, never viewport movement */
.page.glitch-out-1,.page.glitch-out-2,.page.glitch-out-3,.page.glitch-out-4,
.page.glitch-in-1,.page.glitch-in-2,.page.glitch-in-3,.page.glitch-in-4{transform:none!important;transition:none!important}
.page.glitch-out-1{filter:contrast(1.08) saturate(1.25) brightness(1.06);opacity:.98}
.page.glitch-out-2{filter:contrast(1.22) saturate(.7) hue-rotate(7deg) brightness(.9);opacity:.94}
.page.glitch-out-3{filter:contrast(1.35) saturate(1.45) hue-rotate(-8deg) brightness(1.16);opacity:.9}
.page.glitch-out-4{filter:contrast(1.48) saturate(.48) brightness(.82);opacity:.84}
.page.glitch-in-1{filter:contrast(1.42) saturate(.5) hue-rotate(9deg) brightness(1.22);opacity:.82}
.page.glitch-in-2{filter:contrast(1.26) saturate(1.32) hue-rotate(-6deg) brightness(.92);opacity:.9}
.page.glitch-in-3{filter:contrast(1.14) saturate(.82) brightness(1.08);opacity:.96}
.page.glitch-in-4{filter:contrast(1.04) saturate(1.05);opacity:.99}
.page[class*="glitch-out-"]::after,.page[class*="glitch-in-"]::after{opacity:.55;background-position:17px 0,-11px 0,0 0}
@media(prefers-reduced-motion:reduce){.page[class*="glitch-out-"],.page[class*="glitch-in-"]{filter:none!important;opacity:1!important}}