.archive-page{--accent:#76e9ed;--accent-rgb:118,233,237;--panel:#0c151d;--border:#29414b;background:#070b11}.archive-page.intercepted{--accent:#f0b782;--accent-rgb:240,183,130;--panel:#171412;--border:#534335}.archive-page em{color:var(--accent)}.archive-header{position:relative;max-width:1600px;margin:auto;gap:25px}.back-home{font-size:13px;color:#abbcc7;margin-left:auto}.archive-intro{max-width:1450px;margin:auto;padding:90px 7% 80px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.terminal-label{font-family:monospace;font-size:11px;letter-spacing:2px;color:var(--accent)}.archive-intro h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:500;font-size:clamp(58px,7vw,104px);line-height:1.02;margin:28px 0}.intro-copy{max-width:520px;color:#acbbc6;font-size:16px}.archive-intro .button{background:var(--accent);border-color:var(--accent)}.orbital{position:relative;width:100%;max-width:400px;aspect-ratio:1;margin:auto;display:grid;place-items:center;background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 60%)}.orbit{position:absolute;border:1px solid rgba(var(--accent-rgb),.25);border-radius:50%;inset:8%;transform:rotate(-28deg)}.o1:before,.o2:before{content:'';position:absolute;top:15%;left:14%;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px var(--accent)}.o2{inset:17%;border-style:dashed;transform:rotate(80deg)}.o3{inset:27%;border-width:2px;border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 70px rgba(var(--accent-rgb),.08)}.orbital-core{text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:50px;letter-spacing:5px}.orbital-core>span{color:var(--accent)}.orbital-core small{display:block;font:10px monospace;letter-spacing:3px;color:#9bafb9}.orbit-tag{position:absolute;bottom:2%;font:9px monospace;letter-spacing:3px;color:var(--accent)}.terminal{max-width:1320px;margin:0 auto 100px;border:1px solid var(--border);background:linear-gradient(125deg,rgba(var(--accent-rgb),.03),transparent 55%);scroll-margin-top:20px}.terminal-top{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--panel)}.archive-page button{color:var(--accent);border:1px solid var(--border);background:transparent;padding:12px 18px;line-height:1.4;transition:background .2s,border-color .2s}.archive-page button:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.07)}.archive-page button:focus-visible,.archive-page select:focus-visible,.archive-page input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.terminal-controls{display:flex;gap:25px;padding:28px 28px 0}.terminal-controls label{display:block;flex:1;font-size:12px;color:#a8bac5}.terminal-controls input,.terminal-controls select{display:block;width:100%;background:#090f15;border:1px solid var(--border);color:#e6edf2;padding:13px;margin-top:8px;font:14px Inter,Arial,sans-serif;min-height:48px;border-radius:0;color-scheme:dark}.access-note{font-size:12px;color:#9baebc;padding:0 28px;margin:16px 0 25px}.categories{display:flex;flex-wrap:wrap;gap:8px;padding:0 28px 28px;border-bottom:1px solid var(--border)}.categories button{font-size:12px;color:#a9bac5;padding:11px 15px}.categories button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#091218}#archive-content{padding:35px 28px;min-height:450px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.section-top h2{font-size:40px;margin:12px 0 0}.section-top>p{font-size:12px;color:#9aafbc;max-width:280px;margin:0}.sector-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.sector-map{position:relative;background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.06),transparent 70%);padding:26px 18px 8px;border-top:1px solid var(--border);border-radius:45% 45% 0 0}.dome-caption{text-align:center;font:10px monospace;color:var(--accent);letter-spacing:4px;margin-bottom:24px}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sector-grid button{padding:17px 8px;text-align:center;min-height:94px;background:#0b141c}.sector-grid b{display:block;font:28px 'Barlow Condensed',Impact,sans-serif;color:var(--accent);margin-bottom:6px}.sector-grid span{display:block;font-size:10px;color:#afc1ca}.sector-grid button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 -3px var(--accent);background:rgba(var(--accent-rgb),.1)}.map-caption{text-align:center;font:9px monospace;letter-spacing:2px;color:#8c9fa9;margin-top:23px}.sector-detail{min-width:0}.sector-detail h3,.simulator h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;line-height:1.1;margin:18px 0}.sector-detail>p{color:#b8c8d1}.signal-copy{border-left:2px solid var(--accent);padding:12px 18px;background:rgba(var(--accent-rgb),.04);margin:25px 0;color:#c1ced5}.signal-copy>span{font:10px monospace;letter-spacing:1.5px;color:var(--accent)}.signal-copy p{margin:10px 0 0;font-size:14px}.text-button{font-size:12px}.archive-source{border-top:1px solid var(--border);padding:20px 28px;margin:0;color:#8e9faa;font-size:11px}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.record-card{display:flex;flex-direction:column;text-align:left;overflow:hidden;min-width:0;position:relative;gap:14px!important;padding:24px!important;background:var(--panel)!important}.record-card>img{width:calc(100% + 48px);max-width:none;height:190px;object-fit:cover;object-position:center 30%;margin:-24px -24px 10px;filter:saturate(.7)}.record-id{font:10px monospace;color:var(--accent);letter-spacing:1.8px}.record-card strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:500;color:#edf3f5;line-height:1.1}.record-card>span:not(.record-id):not(.card-open){font-size:13px;color:#acbec9;line-height:1.7}.card-open{margin-top:auto;padding-top:15px;font-size:11px;color:var(--accent)}.simulator{margin-top:40px;padding:30px;border:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:var(--panel)}.simulator p{font-size:13px;color:#b0c1cb}.simulator label{display:flex;align-items:center;justify-content:space-between;font-size:13px}.simulator output{font:58px 'Barlow Condensed',Impact,sans-serif;color:var(--accent)}.simulator input{width:100%;accent-color:var(--accent);min-height:35px}.range-labels{display:flex;justify-content:space-between;font:10px monospace;color:#9bafbb}#score-result{min-height:45px;color:var(--accent)}.code-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.anagram,.number-code{padding:28px;border:1px solid var(--border);min-width:0}.letters{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(45px,5vw,75px);letter-spacing:10px;margin:25px 0;color:white;transition:color .5s,letter-spacing .5s}.letters.decoded{color:var(--accent);letter-spacing:5px}.anagram>p:last-child,.number-code>p:not(.terminal-label){font-size:14px;color:#abbcc6}.number-code h3{font:32px/1.5 'Barlow Condensed',Impact,sans-serif;color:var(--accent)}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px;border-top:1px solid var(--border);padding-top:25px}.numbers strong{font:48px 'Barlow Condensed',Impact,sans-serif;color:var(--accent)}.numbers p{font-size:13px;color:#a7bac6}.locked{text-align:center;max-width:540px;margin:30px auto}.locked>span{font-size:45px;color:var(--accent)}.locked h2{font-size:48px;margin:20px 0}.locked>p:not(.terminal-label){color:#a7bac6;font-size:14px}.locked button{margin:15px 0}.archive-page dialog{width:620px;max-width:calc(100vw - 30px);padding:40px;border-color:var(--border);overscroll-behavior:contain}.archive-page dialog h2{font-size:42px;margin:20px 0}.archive-page dialog p{text-align:left;color:#b4c5cf;font-size:15px}.archive-page dialog .terminal-label{font-size:10px;color:var(--accent)}.archive-page .close{border:none;padding:0;font-size:28px;z-index:1;background:#080e15}.entry-image{width:100%;max-height:250px!important;object-fit:cover!important;object-position:center 30%;margin-bottom:25px}.related-title{font-size:13px;margin-top:25px;color:#b1c4ce}.related{display:flex;flex-wrap:wrap;gap:10px}.related button,#dialog-signal{font-size:12px}.dialog-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.dialog-actions button{font-size:13px}#confirm-spoilers{background:var(--accent);color:#091218}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:#070b11;padding:15px;z-index:20}.skip:focus{top:10px}.noscript{padding:25px;text-align:center}.results-heading{font-size:38px}.archive-page:has(dialog[open]){overflow:hidden}@media(max-width:1400px){.terminal{margin-left:5%;margin-right:5%}}@media(max-width:900px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-layout{gap:22px}.terminal-top .terminal-label{font-size:9px}.archive-intro{padding-top:65px}.section-top{display:block}.section-top>p{max-width:100%;margin-top:15px}}@media(max-width:600px){.archive-header{padding:18px 5%;gap:12px}.back-home{font-size:11px}.archive-header .brand{font-size:22px}.archive-header .language-switch{margin:0;font-size:12px}.archive-intro{padding:50px 7% 45px;display:block;position:relative;overflow:hidden}.archive-intro>div:first-child{position:relative;z-index:1}.archive-intro h1{font-size:62px}.archive-intro .terminal-label{font-size:9px;letter-spacing:1px}.orbital{position:absolute;width:270px;right:-105px;top:20px;opacity:.18;pointer-events:none}.intro-copy{max-width:340px;font-size:14px}.terminal{margin:0 4% 50px}.terminal-top{padding:18px;align-items:stretch;flex-direction:column;gap:15px}.terminal-top button{width:100%;font-size:14px}.terminal-controls{padding:20px 18px 0;flex-direction:column;gap:17px}.access-note{padding:0 18px;line-height:1.7}.categories{padding:0 18px 20px;gap:7px}.categories button{font-size:11px;padding:10px;flex:1 1 42%}#archive-content{padding:25px 18px}.section-top h2{font-size:36px}.sector-layout,.simulator,.code-layout{grid-template-columns:1fr}.sector-map{padding:20px 0 0}.sector-grid{gap:6px}.sector-grid button{min-height:88px;padding:12px 4px}.sector-grid span{font-size:9px}.sector-detail h3{font-size:36px}.sector-detail>p{font-size:14px}.record-grid{grid-template-columns:1fr}.record-card>img{height:210px}.simulator{padding:20px;gap:15px}.simulator h3{font-size:34px}.anagram,.number-code{padding:20px}.letters{font-size:52px;letter-spacing:7px}.numbers{gap:15px}.numbers strong{font-size:35px}.numbers p{font-size:11px}.archive-source{padding:20px 18px;font-size:10px}.archive-page dialog{padding:32px 22px}.archive-page dialog h2{font-size:36px}.entry-image{max-width:100%;height:200px}.dialog-actions{flex-direction:column}.locked h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.archive-page *{transition:none!important;animation:none!important}}

/* Author-supplied circular city plan; colors follow the active signal. */
.sector-map{border:0;border-radius:0;padding:12px 0;background:none}.city-map{display:block;width:100%;height:auto;overflow:visible;color:var(--accent)}.city-wall,.city-road{fill:none;stroke:var(--accent);stroke-width:1;opacity:.45}.city-road{opacity:.2;stroke-width:3}.district{fill:var(--panel);stroke:var(--border);stroke-width:1.6;transition:fill .2s,stroke .2s}.city-texture{opacity:.12;pointer-events:none}.city-map [role=button]{cursor:pointer;outline:none}.city-map [role=button]:hover .district,.city-map [role=button]:focus-visible .district{fill:rgba(var(--accent-rgb),.15);stroke:var(--accent);stroke-width:2.5}.city-map [aria-pressed=true] .district{fill:rgba(var(--accent-rgb),.22);stroke:var(--accent);stroke-width:2.5}.city-map text{text-anchor:middle;pointer-events:none;fill:var(--accent);font-family:Inter,Arial,sans-serif}.district-number{font-size:30px;font-weight:500;paint-order:stroke;stroke:var(--panel);stroke-width:5px}.district-name{font-size:8px;letter-spacing:.6px;paint-order:stroke;stroke:var(--panel);stroke-width:3px}.city-core{fill:var(--panel);stroke:var(--accent);stroke-width:1.5}.babel-spire{fill:none;stroke:var(--accent);stroke-width:1.5}.babel-name{font-size:9px;letter-spacing:1.4px}.compass text{font-size:11px;opacity:.7}.sector-map .dome-caption{margin-bottom:10px}.sector-map .map-caption{letter-spacing:1px}.sector-layout{grid-template-columns:1.2fr 1fr}@media(max-width:600px){.sector-layout{grid-template-columns:1fr}.sector-map{margin:0 -10px}.district-name{font-size:9px;letter-spacing:0}.district-number{font-size:32px}}

/* Touch feedback follows district geometry; keyboard focus remains visible. */
.city-map,.city-map [role=button]{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.city-map [role=button]:focus{outline:none}
.city-map [role=button]:focus-visible .district{stroke:var(--accent);stroke-width:4;stroke-dasharray:5 3}
.city-map [role=button]:active .district{fill:rgba(var(--accent-rgb),.3);stroke:var(--accent)}
.archive-page .entry-image[src*="portrait-"]{height:auto;max-height:440px!important;object-fit:contain!important;background:#080e15}
.record-card>img[src*="portrait-"]{height:270px;object-position:center 25%}
.record-card>img[src*="portrait-selene"]{object-position:center 35%}
.record-card>img[src*="portrait-thael"]{object-position:center 20%}

/* Mobile archive header: logo/language on top, main menu centered below */
@media(max-width:600px){
  .archive-page .archive-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:78px 42px;align-items:start;padding:14px 6%;gap:0;position:relative}
  .archive-page .archive-header .brand{grid-column:1;grid-row:1;justify-self:start}
  .archive-page .archive-header .brand-logo{width:78px}
  .archive-page .archive-header .language-switch{grid-column:2;grid-row:1;justify-self:end;align-self:center;margin:0;font-size:13px}
  .archive-page .archive-header nav{grid-column:1 / -1;grid-row:2;display:flex;justify-content:center;align-items:center;gap:24px;width:100%;margin:0}
  .archive-page .archive-header nav a{font-size:14px;white-space:nowrap}
  .archive-page .archive-intro{padding-top:38px}
}
