:root{color-scheme:dark;--bg:#0b0b0a;--bg-raised:#131311;--bg-sunk:#080807;--ink:#e9e6dc;--ink-muted:#a29e91;--ink-faint:#77746a;--rule:#2b2a26;--rule-strong:#45433c;--amber:#dca54a;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-family:var(--sans);background:var(--bg);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;font-size:16px;line-height:1.7;background:var(--bg)}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:4px}a:hover{text-decoration-color:var(--amber)}button:hover,a:hover{color:#fff}
a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
p,h1,h2,h3,figure,dl,dd,ol,ul{margin:0}ol,ul{padding:0;list-style:none}summary{cursor:pointer}[hidden]{display:none!important}
/* Per-language text faces; the machine layer stays monospace in every language. */
:root:lang(zh-Hans){--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
:root:lang(ja){--sans:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",sans-serif}
:root:lang(ko){--sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR",sans-serif;word-break:keep-all}
.result [lang|="zh"]{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
.result [lang|="ja"]{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",sans-serif}
.result [lang|="ko"]{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR",sans-serif}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lang{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--ink-muted)}
.lang select{appearance:none;-webkit-appearance:none;min-height:32px;padding:4px 22px 4px 10px;border:1px solid var(--rule-strong);border-radius:0;background:var(--bg);color:var(--ink-muted);font:inherit;letter-spacing:.04em;cursor:pointer}
.lang::after{content:"";position:absolute;right:9px;top:50%;width:5px;height:5px;margin-top:-4px;border:solid var(--ink-faint);border-width:0 1px 1px 0;transform:rotate(45deg);pointer-events:none}
.lang select:hover,.lang select:focus-visible{color:var(--ink);border-color:var(--ink-muted)}
.lang option{background:var(--bg-raised);color:var(--ink)}
.lang:has(select:empty){display:none}
.mono,code{font-family:var(--mono);font-size:.92em}code{color:var(--ink)}
.wrap{width:min(1400px,calc(100% - 96px));margin-inline:auto}
.skip{position:absolute;z-index:10;top:8px;left:12px;background:var(--bg-raised);padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}
/* one quiet line offering the visitor's browser language (lang-hint.mjs); never switches by itself */
.lang-hint{position:relative;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;padding:7px max(48px,calc((100% - 1400px) / 2));border-bottom:1px solid var(--rule);background:var(--bg-raised);font-size:13px;line-height:1.5;color:var(--ink-muted)}
.lang-hint-text{min-width:0}
.lang-hint button{min-height:32px;padding:0;background:none;border:0;color:var(--ink);font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px}
.lang-hint .lang-hint-close{margin-left:auto;min-width:32px;font-size:18px;line-height:1;color:var(--ink-muted);text-decoration:none}
.lang-hint button:hover{color:var(--amber)}
html[data-view="gate"] .lang-hint{position:fixed;top:0;left:0;right:0}
@media (max-width:760px){.lang-hint{padding-inline:16px}}
html[data-view="gate"][data-lang-hint] .gate{top:var(--lang-hint-h,47px)}
.small{font-size:13px;color:var(--ink-muted)}
.section-label{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:14px}
h2{font-size:clamp(24px,2.6vw,34px);line-height:1.3;font-weight:600;letter-spacing:-.01em}
h3{font-size:17px;line-height:1.45;font-weight:600}

/* ===== Design system (CITY-01, D58): one set of tokens and components for every human page.
   8px grid (--g*), one type scale (--fs-*), one surface (the plate: near-black solid, hairline
   border, registration ticks; no shadow, no blur, no radial gradient), one accent (amber). */
:root{--g1:8px;--g2:16px;--g3:24px;--g4:32px;--g5:40px;--g6:48px;--g8:64px;--g10:80px;
--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:28px;--fs-3xl:40px;
--plate:rgba(12,12,11,.9);--plate-solid:#0e0e0d;--hair:rgba(233,230,220,.12);--hair-strong:rgba(233,230,220,.24);--tick:rgba(233,230,220,.42)}
.kicker,.plate-kicker{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);line-height:1.6}
.plate{position:relative;background:var(--plate);border:1px solid var(--hair)}
.plate::before,.plate::after{content:"";position:absolute;width:9px;height:9px;pointer-events:none;border:solid var(--tick)}
.plate::before{top:-1px;left:-1px;border-width:1px 0 0 1px}.plate::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.plate-head{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:var(--g2);row-gap:2px;padding-bottom:var(--g2);border-bottom:1px solid var(--hair);margin-bottom:var(--g2)}
.plate-head h2{font-size:var(--fs-xl);line-height:1.3;font-weight:600;letter-spacing:0}
.plate-head .plate-kicker{grid-column:2}
.plate-mark{font-family:var(--mono);font-size:var(--fs-lg);color:var(--amber);min-width:1.6em;line-height:1}
.plate-foot{margin-top:var(--g3)}
.sub-title{font-size:var(--fs-sm);font-weight:600;color:var(--ink);margin-bottom:var(--g1)}
.row-state{font-size:var(--fs-sm);color:var(--ink-muted);padding:var(--g1) 0}
.row-list{border-top:1px solid var(--hair)}
.row-list li{border-bottom:1px solid var(--hair)}
.row-list a{display:grid;grid-template-columns:3.2em minmax(0,1fr) auto;gap:var(--g2);align-items:baseline;padding:12px 0;text-decoration:none;color:var(--ink)}
.row-list a:hover .row-title{color:#fff;text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px}
.row-mark{font-family:var(--mono);font-size:var(--fs-sm);color:var(--amber)}
.row-body{display:grid;gap:2px;min-width:0}
.row-tag{font-size:var(--fs-xs);color:var(--ink-faint);letter-spacing:.02em}
.row-title{font-size:var(--fs-md);line-height:1.45;font-weight:550;overflow-wrap:anywhere}
.row-meta{font-size:var(--fs-sm);color:var(--ink-muted)}
.row-go,.row-state-tag{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-faint);white-space:nowrap}
.mini-list li a{display:grid;grid-template-columns:2.6em minmax(0,1fr);column-gap:var(--g1);padding:6px 0;text-decoration:none;border-bottom:1px solid var(--hair)}
.mini-score{grid-row:span 2;font-family:var(--mono);font-size:var(--fs-sm);color:var(--amber)}
.mini-title{font-size:var(--fs-sm);line-height:1.45;color:var(--ink)}.mini-meta{font-size:var(--fs-xs);color:var(--ink-faint)}
.fold>summary{list-style:none;display:flex;align-items:center;gap:var(--g2);min-height:44px;color:var(--ink-muted)}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary::after{content:"+";font-family:var(--mono);color:var(--ink-faint);margin-left:auto}
.fold[open]>summary::after{content:"−"}
.fold-quiet>summary{font-size:var(--fs-sm);min-height:40px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:var(--g3)}
.button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--hair-strong);font-size:var(--fs-sm);font-weight:550;text-decoration:none;background:var(--plate-solid)}
.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.primary:hover{background:#fff;color:var(--bg)}
.button.secondary:hover{border-color:var(--ink)}
.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-muted);text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:4px}
.status{font-size:var(--fs-sm);color:var(--ink-muted);min-height:1em;margin-top:6px}
.risk-note{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:var(--g3);padding:12px 14px;border:1px solid var(--hair-strong);border-left:2px solid var(--amber);background:var(--plate);font-size:var(--fs-sm);color:var(--ink-muted)}
.risk-note strong{color:var(--ink);font-weight:600}.risk-note a{grid-column:2;justify-self:start;min-height:32px;display:inline-flex;align-items:center}

/* header · the city map */
.header{position:relative;z-index:3;min-height:72px;display:flex;align-items:center;gap:var(--g3);border-bottom:1px solid var(--hair)}
.brand{display:flex;align-items:center;min-height:44px}.brand img{display:block;width:140px;height:auto}
.desktop-nav{display:flex;gap:var(--g3);margin-left:auto;font-size:var(--fs-sm)}
.desktop-nav a{display:flex;align-items:center;gap:7px;min-height:44px;text-decoration:none;color:var(--ink-muted);white-space:nowrap}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--ink)}
.nav-mark{font-family:var(--mono);font-size:12px;color:var(--amber);min-width:1.3em;text-align:center}
.desktop-nav a[aria-current="page"] .nav-mark{color:var(--ink)}
.nav-machine{font-family:var(--mono);border-left:1px solid var(--hair-strong);padding-left:var(--g3)}
.header .lang{margin-left:4px}.desktop-nav+.lang{margin-left:0}
.mobile-nav{display:none}

/* the city: a fixed background on every human page */
.city{position:fixed;inset:0;z-index:0;background:var(--bg);overflow:hidden}
html[data-view="gate"] .city,html[data-view="ai"] .city{display:none}
.city-stage{position:absolute;inset:0}
.city-canvas,.city-still svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.city-still{position:absolute;inset:0}
.city-dim{position:absolute;inset:0;background:var(--bg);opacity:.08;pointer-events:none}
.city[data-city="backdrop"] .city-dim{opacity:.72}
.city-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
/* T61: shown from the first paint until the world is read (the empty plan) */
.city-connecting{display:none;position:absolute;left:50%;top:64%;transform:translateX(-50%);margin:0;padding:6px 12px;border:1px solid rgba(220,165,74,.35);background:rgba(15,14,12,.72);color:var(--amber,#dca54a);font-size:12px;letter-spacing:.04em;white-space:nowrap;pointer-events:none}
.city[data-city-state="loading"] .city-connecting,.city[data-city-mode="PENDING"] .city-connecting{display:block}
.city-connecting::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:currentColor;vertical-align:1px;animation:city-connecting 1.2s ease-in-out infinite}
@keyframes city-connecting{50%{opacity:.25}}
@media (prefers-reduced-motion: reduce){.city-connecting::before{animation:none}}
/* scene labels: placed by city-model placeLabels (box = top-left), each on a hairline leader */
.city-label{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--ink-muted);padding:2px 4px;line-height:12px;visibility:hidden}
.city-label-cell{color:var(--amber);font-size:12px}
.city-label-clock{color:var(--amber);font-size:13px;letter-spacing:.04em;line-height:13px}
.city-label-star{color:var(--ink)}
.city-label[data-active="true"]{color:#fff}
.city-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.city-leaders path{fill:none;stroke:rgba(233,230,220,.32);stroke-width:1}
.human-view,.city-page>header,.city-page>main,.city-page>footer{position:relative;z-index:1}
.human-view>.header,.human-view>main,.human-view>.footer{position:relative;z-index:1}
.city-tip{position:fixed;left:0;top:0;z-index:4;display:grid;gap:3px;max-width:340px;padding:12px 14px;background:var(--plate-solid);border:1px solid var(--hair-strong);border-left:2px solid var(--amber);pointer-events:none}
.tip-mark{font-family:var(--mono);font-size:var(--fs-xs);color:var(--amber)}
.tip-tag{font-size:var(--fs-xs);color:var(--ink-faint)}.tip-title{font-size:var(--fs-md);font-weight:600;line-height:1.35}
.tip-line{font-size:var(--fs-sm);color:var(--ink-muted)}.tip-note{font-size:var(--fs-xs);color:var(--ink-faint)}.tip-go{font-family:var(--mono);font-size:var(--fs-xs);color:var(--amber);margin-top:4px}

/* home · panorama */
.panorama{position:relative;min-height:calc(100svh - 72px);display:grid;grid-template-rows:auto 1fr auto;padding:var(--g5) 0 var(--g3);pointer-events:none}
.panorama a,.panorama button,.panorama .plate,.panorama .risk-note,.panorama-head{pointer-events:auto}
.panorama-head{max-width:620px;justify-self:start}
.panorama-title{margin-top:var(--g1);font-size:var(--fs-3xl);line-height:1.12;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.panorama-lede{margin-top:var(--g2);max-width:34em;font-size:var(--fs-md);line-height:1.65;color:var(--ink-muted)}
.panorama .risk-note{margin-top:0;padding:8px 12px;font-size:12px}
.panorama-foot{grid-row:3;display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:var(--g2);align-items:end}
.panorama-side{grid-column:1;display:grid;gap:var(--g1)}
.panorama-foot .city-legend{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px var(--g2);padding:10px var(--g2)}
.plate-directory{padding:var(--g2) var(--g2) 10px}
.city-directory{margin-top:var(--g1);border-top:1px solid var(--hair)}
.city-directory a{display:grid;grid-template-columns:2.4em minmax(0,1fr) auto;gap:var(--g1);align-items:baseline;padding:7px 0;border-bottom:1px solid var(--hair);text-decoration:none;font-size:var(--fs-sm)}
.city-directory a:hover .dir-name{color:#fff}
.dir-mark{font-family:var(--mono);color:var(--amber)}.dir-name{color:var(--ink);overflow-wrap:anywhere}
.dir-lit{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-faint)}.dir-lit[data-lit="true"]{color:var(--amber)}
.city-state{margin-top:var(--g1);font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-faint);line-height:1.6}
.city-legend{display:grid;grid-template-columns:1fr;gap:6px;padding:12px var(--g2);font-size:12px;line-height:1.4;color:var(--ink-muted)}
.city-legend li{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start}
.lg{display:block;margin-top:3px;width:12px;height:12px}
.lg-tower{border:2px dotted rgba(233,230,220,.7);border-bottom:0;clip-path:polygon(0 100%,0 30%,20% 30%,20% 12%,35% 12%,35% 0,65% 0,65% 12%,80% 12%,80% 30%,100% 30%,100% 100%)}
.lg-cell{border:2px dotted rgba(234,220,188,.8);border-top-color:rgba(233,230,220,.18);width:9px;height:14px;margin:0 0 0 4px}
.lg-question{background:var(--amber);width:9px;height:14px;margin:0 0 0 4px}
.lg-ai{width:7px;height:7px;margin:5px 0 0 2px;background:#f4efe2;border-radius:50%}
.lg-skyline{width:16px;height:14px;background:linear-gradient(rgba(106,97,80,.55),rgba(106,97,80,.55)) 2px 6px/4px 8px no-repeat,linear-gradient(rgba(106,97,80,.45),rgba(106,97,80,.45)) 7px 3px/4px 11px no-repeat,linear-gradient(rgba(106,97,80,.35),rgba(106,97,80,.35)) 12px 8px/4px 6px no-repeat}
.lg-scaffold{border:1px solid var(--ink-muted);background:linear-gradient(45deg,transparent 46%,var(--ink-muted) 47% 53%,transparent 54%)}
.lg-star{width:5px;height:5px;margin:6px 0 0 3px;background:var(--ink);border-radius:50%}

/* home · districts */
.districts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--g2);padding:var(--g4) 0 var(--g3)}
.district{padding:var(--g3);min-width:0}
.district-tower{grid-column:span 5}.district-research{grid-column:span 7}
.district-landmarks{grid-column:span 5}.district-plan{grid-column:span 7}
.district-charter{grid-column:span 7}.district-gate{grid-column:span 5}
.prompt{font-family:var(--mono);color:var(--ink-faint);font-size:var(--fs-xs);margin-bottom:var(--g1);overflow-wrap:anywhere}
.status-table{font-family:var(--mono);font-size:var(--fs-sm)}
.status-table div{display:grid;grid-template-columns:minmax(9em,1fr) minmax(7em,auto);column-gap:var(--g2);padding:7px 0;border-bottom:1px solid var(--hair);align-items:baseline}
.status-table dt{color:var(--ink-muted)}
.status-table dd{color:var(--ink);font-size:var(--fs-md);text-align:right}
.status-table dd[data-state="loading"]{color:var(--ink-faint)}
.status-table dd[data-state="unavailable"]{color:var(--ink-muted);font-size:12px}
.status-table dd[data-fixed]{color:var(--amber);font-size:var(--fs-sm)}
[data-progress="service"][data-state="live"]{color:var(--amber)}
.status-table dd.note{grid-column:1 / -1;text-align:left;font-family:var(--sans);font-size:12px;color:var(--ink-faint);line-height:1.5;margin-top:2px}
.progress-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;font-size:var(--fs-sm);color:var(--ink-muted);padding-top:var(--g1)}
.progress-source{font-size:12px;color:var(--ink-faint);padding-bottom:var(--g1)}
.heat-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--g3);margin-top:var(--g3)}
.district-landmarks-list li[data-kind="star"] .row-mark{color:var(--ink)}
.district-landmarks-list li[data-published="false"] .row-title{color:var(--ink-muted)}
.roadmap-base{display:flex;gap:10px;align-items:baseline;font-size:var(--fs-sm);color:var(--ink-muted)}.base-mark{flex:none;width:7px;height:7px;background:var(--ink);transform:translateY(-1px)}
.roadmap-route{position:relative;margin-top:var(--g2);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair)}
.roadmap-stop{position:relative;padding:12px var(--g2) 12px 0;border-bottom:1px solid var(--hair)}
.roadmap-stop summary{list-style:none;display:grid;gap:3px;min-height:44px}.roadmap-stop summary::-webkit-details-marker{display:none}
.roadmap-stop h3{font-size:var(--fs-sm);line-height:1.4;font-weight:600}
.station-index{font-family:var(--mono);font-size:var(--fs-sm);color:var(--ink-faint)}
.station-index::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border:1px solid currentColor;vertical-align:1px}
.roadmap-stop.current .station-index{color:var(--amber)}.roadmap-stop.current .station-index::before{background:var(--amber)}
.station-status{font-size:var(--fs-xs);font-family:var(--mono);color:var(--ink-muted)}
.roadmap-stop.current .station-status{color:var(--amber)}.roadmap-stop.next .station-status{color:var(--ink)}
.station-tag{display:block;font-family:var(--mono);font-size:var(--fs-xs);font-weight:400;color:var(--ink-faint)}
.station-description{font-size:12px;line-height:1.5;color:var(--ink-muted)}
.station-detail{margin-top:6px;font-size:12px;color:var(--ink-muted)}.station-detail p+p{margin-top:6px}
.roadmap-note{margin-top:var(--g2);font-size:12px;color:var(--ink-faint)}
.charter-lead{font-size:var(--fs-2xl);line-height:1.2;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--g2)}
.risk-list li{padding:10px 0;border-bottom:1px solid var(--hair);font-size:var(--fs-sm);color:var(--ink-muted)}.risk-list li:first-child{border-top:1px solid var(--hair)}.risk-list strong{color:var(--ink);margin-right:6px}
.charter-rule{margin-top:var(--g2);font-size:var(--fs-sm);color:var(--ink-muted)}
.gate-lead{font-size:var(--fs-md);color:var(--ink)}
.gate-line{margin-top:var(--g2);font-size:var(--fs-sm);color:var(--ink-muted)}
.about-city{padding:0 0 var(--g4)}
#about-city{background:var(--plate);border:1px solid var(--hair);padding:0 var(--g3)}
#about-city>summary{font-size:var(--fs-md);color:var(--ink)}
.about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--g4);padding:var(--g2) 0 var(--g4);border-top:1px solid var(--hair)}
.about-what h3,.origin-note h3{font-size:var(--fs-xl);line-height:1.3;margin:var(--g1) 0}
.about-what p:last-child,.origin-note p:last-child{color:var(--ink-muted);font-size:var(--fs-md)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g2);border-top:1px solid var(--hair-strong)}
.steps li{padding-top:var(--g2)}.steps h3{font-size:var(--fs-md)}
.step-index{display:block;color:var(--amber);font-size:var(--fs-sm);margin-bottom:var(--g1)}
.steps p{margin-top:var(--g1);font-size:var(--fs-sm);color:var(--ink-muted)}
.origin-note{grid-column:1 / -1;border-top:1px solid var(--hair);padding-top:var(--g3)}
#about-city .world-graph{margin-bottom:var(--g3)}
.brand-story{margin-bottom:var(--g3);font-size:var(--fs-sm);color:var(--ink-muted)}.brand-story summary{min-height:44px;display:flex;align-items:center}.brand-story p{margin-bottom:8px}

/* research and challenge pages on the city (CITY-02): content sits on plates */
.city-page{background:var(--bg)}
.city-page .plate{padding:var(--g3)}
.city-page .tp-section.plate,.city-page .tp-heat.plate{margin-top:var(--g3)}
.city-page .tp-early.plate{margin-top:var(--g3);padding-top:var(--g1);padding-bottom:var(--g1)}
.city-page .tp-fold.plate,.city-page .td-verify.plate{border-top:1px solid var(--hair);padding:var(--g1) var(--g3)}
.city-page .td-section.plate{margin-top:var(--g2);padding-top:var(--g3);border-top:1px solid var(--hair)}
.city-page .ch.plate{margin-top:var(--g2);padding:var(--g4) var(--g3);border-top:1px solid var(--hair)}
.city-page .results-rules.plate{padding:var(--g1) var(--g3);border-top:1px solid var(--hair)}
.city-page .ch-verify.plate{margin-top:var(--g3);padding:var(--g1) var(--g3)}
@media (max-width:760px){.city-page .plate{padding:var(--g2)}.city-page .ch.plate{padding:var(--g3) var(--g2)}}

/* footer */
.footer{position:relative;z-index:1;padding:var(--g3) 0 var(--g5);border-top:1px solid var(--hair);font-size:var(--fs-sm);color:var(--ink-muted);background:var(--bg)}
.footer-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:8px}.footer-links a{min-height:40px;display:inline-flex;align-items:center}
#display-options{margin-top:8px}#display-options summary{min-height:40px;display:flex;align-items:center}
#display-options label{display:block;margin-top:8px}#display-options select{background:var(--bg-raised);border:1px solid var(--rule-strong);padding:8px;min-height:40px}
.technical-info output{display:block;white-space:pre-wrap;font-family:var(--mono);font-size:11px;max-height:240px;overflow:auto;background:var(--bg-sunk);padding:10px;border:1px solid var(--rule)}
.build{margin-top:10px;font-family:var(--mono);font-size:12px}
/* world graph (in "About this city") */
.world-graph{grid-area:graph;min-width:0;border:1px solid var(--rule);background:var(--bg-sunk);display:flex;flex-direction:column}
.graph-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 14px;border-bottom:1px solid var(--rule)}
.graph-title{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0}
.scene-mode{font-family:var(--mono);font-size:12px;padding:2px 8px;border:1px solid currentColor}
.world-graph[data-mode="LIVE"] .scene-mode{color:var(--amber)}
.world-graph[data-mode="CONCEPT"] .scene-mode{color:var(--amber);border-style:dashed}
.scene-state{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--ink-faint)}
.scene-host{position:relative;height:min(76vh,780px);min-height:420px;width:100%;overflow:hidden;background:var(--bg)}
.world-graph[data-mode="CONCEPT"] .scene-host{background-image:repeating-linear-gradient(135deg,transparent 0 14px,rgba(220,165,74,.035) 14px 15px)}
.scene-host img,.scene-host .scene-static,.scene-host .scene-static svg,.scene-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.scene-host[data-scene-state="webgl"] .scene-fallback{visibility:hidden}
.axis{position:absolute;left:12px;right:12px;bottom:8px;z-index:1;display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:11px;color:var(--ink-faint);pointer-events:none}
.legend{display:flex;flex-wrap:wrap;gap:4px 18px;padding:10px 14px;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-muted)}
.legend li{display:flex;align-items:center;gap:7px}.legend b{font-family:var(--mono);font-weight:500;color:var(--ink)}.legend b[data-state="concept"]{color:var(--ink-faint)}
.glyph{display:inline-block;width:9px;height:9px}.glyph.agent{border:1.6px solid var(--ink)}.glyph.intent{background:var(--amber)}.glyph.artifact{background:var(--ink);transform:rotate(45deg) scale(.86)}.glyph.edge{width:16px;height:1px;background:#8d897c}
.scene-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:0 14px 6px}
.layer-controls,.play-controls{display:flex;flex-wrap:wrap}
.layer-controls button,.play-controls button{min-height:40px;padding:0 12px;font-size:13px;color:var(--ink-muted);border-bottom:2px solid transparent}
.layer-controls button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--amber)}
.play-controls button[aria-pressed="true"]{color:var(--ink)}
.node-detail{display:block;margin:0 14px;padding:8px 0;border-top:1px dashed var(--rule);font-family:var(--mono);font-size:12px;color:var(--ink-muted);overflow-wrap:anywhere;min-height:2.6em}
.scene-source{padding:8px 14px 14px;font-size:13px;color:var(--ink-muted)}

/* dialogs */
dialog{width:min(680px,calc(100% - 32px));max-height:calc(100% - 48px);overflow:auto;background:var(--bg-raised);color:var(--ink);border:1px solid var(--rule-strong);padding:22px 24px}
dialog::backdrop{background:rgba(5,5,4,.78)}
.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.dialog-head h2{font-size:20px}
.dialog-head button{min-width:44px;min-height:44px;font-size:18px;color:var(--ink-muted)}
dialog label{display:block;margin:14px 0 6px;font-size:14px;color:var(--ink-muted)}
dialog textarea,dialog input,dialog select{width:100%;background:var(--bg-sunk);border:1px solid var(--rule-strong);padding:10px;font-size:14px}
dialog textarea{resize:vertical;font-family:var(--mono);font-size:13px;line-height:1.6}
dialog .button{margin-top:16px}
.findings article{padding:14px 0;border-bottom:1px solid var(--rule)}.findings article p{color:var(--ink-muted);margin-top:4px}
.finding-index{font-family:var(--mono);font-size:12px;color:var(--amber);margin-bottom:4px}.finding-index span{color:var(--ink-faint)}
.result-note{margin-top:14px;font-size:13px;color:var(--ink-muted)}
.result-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:10px}.result-links a{min-height:44px;display:inline-flex;align-items:center}
.evidence{margin-top:8px}.evidence summary{min-height:44px;display:flex;align-items:center}.evidence-body{font-size:13px;color:var(--ink-muted)}.evidence-body p+p{margin-top:8px}
.evidence dl{margin-top:10px}.evidence dt{color:var(--ink-faint);margin-top:8px}.evidence dd{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere;color:var(--ink)}
.optional-fields summary,#feedback-fallback summary{min-height:44px;display:flex;align-items:center;margin-top:8px;color:var(--ink-muted)}
.no-js{padding:48px 0;border-top:1px solid var(--rule)}.no-js textarea{width:100%;background:var(--bg-sunk);color:var(--ink);border:1px solid var(--rule-strong);padding:10px;font-family:var(--mono);font-size:13px}

/* responsive */
/* The six city-map links fit on one line only from about 1180px; below that
   they move into the menu so the header never wraps or scrolls sideways. */
@media (max-width:1180px){
  .desktop-nav{display:none}
  .mobile-nav{display:block;margin-left:auto;position:relative}
  .mobile-nav summary{list-style:none;min-height:44px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--rule-strong);font-size:14px;background:var(--plate-solid)}.mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav nav{position:absolute;right:0;top:52px;z-index:5;display:flex;flex-direction:column;min-width:220px;background:var(--plate-solid);border:1px solid var(--rule-strong);padding:6px 0}
  .mobile-nav nav a{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 16px;text-decoration:none}
  .panorama{min-height:auto;grid-template-rows:auto}
  .panorama-foot{grid-row:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:max(320px,58svh)}.panorama-foot .city-legend{grid-column:2;grid-template-columns:1fr}
}
@media (max-width:1080px){
  .district{grid-column:1 / -1!important}
  .about-grid{grid-template-columns:1fr}
  .roadmap-route{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .wrap{width:calc(100% - 32px)}
  .header{min-height:64px;gap:12px}.brand img{width:120px}
  .panorama{min-height:auto;grid-template-rows:auto;padding-top:var(--g3)}
  .panorama-title{font-size:var(--fs-2xl)}
  .panorama-lede{font-size:var(--fs-sm)}
  .panorama-foot{grid-template-columns:1fr;margin-top:50svh}.panorama-foot .city-legend{grid-column:1}
  .district{padding:var(--g2)}
  .heat-pair{grid-template-columns:1fr;gap:var(--g2)}
  .roadmap-route{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .charter-lead{font-size:var(--fs-xl)}
  .scene-host{height:72svh;min-height:380px}
  .row-list a{grid-template-columns:2.6em minmax(0,1fr)}.row-go{display:none}.row-state-tag{grid-column:2}
  #about-city{padding:0 var(--g2)}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* SITE-V2 · opening, entries, views (D27) */
html[data-view="gate"] body{overflow:hidden}
html[data-view="gate"] #ai,html[data-view="gate"] #human{display:none}
html[data-view="ai"] #gate,html[data-view="ai"] #human{display:none}
html[data-view="human"] #gate,html[data-view="human"] #ai{display:none}
.gate{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto auto;background:var(--bg);overflow:hidden;isolation:isolate}
html[data-view="gate"] .gate{position:fixed;inset:0;z-index:5}
.opening-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block}
html:not([data-view]) .opening-canvas,.gate[data-opening="static"] .opening-canvas{display:none}
.gate-top{display:flex;align-items:center;gap:18px;padding:18px 24px}
.gate-top img{display:block;width:120px;height:auto}.gate-top .lang{margin-left:auto}.gate-top .lang+.opening-skip{margin-left:0}
.gate-env{font-size:11px;letter-spacing:.08em;color:var(--ink-faint)}
.opening-skip{margin-left:auto;min-height:40px;padding:0 14px;border:1px solid var(--rule-strong);font-size:12px;color:var(--ink-muted);background:var(--bg)}
.gate[data-opening="settled"] .opening-skip,.gate[data-opening="static"] .opening-skip,html:not([data-view]) .opening-skip{visibility:hidden}
/* Opening sound switch (D73): always visible on the entries; four bars that move while sound plays, lie flat and struck through when off. */
.sound-toggle{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 12px;border:1px solid var(--rule-strong);background:var(--bg);color:var(--ink-muted);font-size:12px;letter-spacing:.04em;cursor:pointer;white-space:nowrap}
.gate-top .lang+.sound-toggle,.gate-top .sound-toggle+.opening-skip{margin-left:0}
.sound-toggle:hover,.sound-toggle:focus-visible{color:var(--ink);border-color:var(--ink-muted)}
.sound-toggle:focus-visible{outline:1px solid var(--amber);outline-offset:2px}
.sound-bars{position:relative;display:inline-flex;align-items:flex-end;gap:2px;width:15px;height:12px}
.sound-bars i{display:block;width:2px;height:100%;background:currentColor;transform-origin:bottom;transform:scaleY(.35)}
.sound-toggle[data-state="on"] .sound-bars i{background:var(--amber);animation:sound-bar 1.6s ease-in-out infinite}
.sound-toggle[data-state="on"] .sound-bars i:nth-child(2){animation-delay:-.4s}.sound-toggle[data-state="on"] .sound-bars i:nth-child(3){animation-delay:-.9s}.sound-toggle[data-state="on"] .sound-bars i:nth-child(4){animation-delay:-1.3s}
.sound-toggle[data-state="waiting"] .sound-bars i{transform:scaleY(.6)}.sound-toggle[data-state="waiting"] .sound-bars i:nth-child(2n){transform:scaleY(.9)}
.sound-toggle[data-state="waiting"]{color:var(--ink)}
.sound-toggle[data-state="off"] .sound-bars i{transform:scaleY(.17)}
.sound-toggle[data-state="off"] .sound-bars::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1px;background:currentColor;transform:rotate(-38deg)}
@keyframes sound-bar{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.storage-note{margin-top:10px;font-size:12px;line-height:1.6;color:var(--ink-faint)}
.gate-center{align-self:center;display:grid;justify-items:center;gap:clamp(18px,3vh,32px);padding:8px 24px}
.gate-title{text-align:center;max-width:none;font-size:clamp(20px,2.1vw,30px);font-weight:500;letter-spacing:.01em;text-wrap:balance;color:var(--ink)}
.gate-title span{display:block;font-size:inherit;line-height:1.25;font-weight:inherit;color:inherit;letter-spacing:inherit;margin-top:0}.gate-title .gate-choose{font-size:.5em;letter-spacing:.32em;text-transform:uppercase;font-family:var(--mono);color:var(--ink-faint);margin-top:10px}
.entries{--stage-h:clamp(200px,34vh,330px);display:grid;grid-template-columns:repeat(2,minmax(0,min(38vw,420px)));justify-content:center;gap:clamp(40px,8vw,140px);width:100%}
.entry{position:relative;display:grid;grid-template-rows:auto auto;justify-items:center;text-decoration:none;color:var(--ink)}
.entry-stage{position:relative;display:block;height:var(--stage-h);width:100%}
.entry-ai .entry-stage,.entry-ai .entry-label{width:min(100%,calc(var(--stage-h) * 1.18))}
.entry-human .entry-stage{width:min(100%,var(--stage-h))}
.entry-label{position:relative;display:grid;gap:4px;padding-top:14px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.entry-kicker{font-size:11px;letter-spacing:.14em;color:var(--ink-faint)}
.entry-name{font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:.02em}
.entry-line{font-size:13px;color:var(--ink-muted)}
.entry-ai .entry-label{border-top:1px solid var(--rule-strong);justify-items:start}
.entry-ai .entry-label::before,.entry-ai .entry-label::after{content:"";position:absolute;width:7px;height:7px;border-color:var(--ink);border-style:solid;bottom:auto}
.entry-ai .entry-label::before{left:0;margin-top:-18px;border-width:0 0 0 1px;height:9px}
.entry-ai .entry-label::after{right:0;margin-top:-18px;border-width:0 1px 0 0;height:9px}
.entry-ai:hover .entry-label,.entry-ai:focus-visible .entry-label{transform:translateX(6px)}
.entry-ai:hover .entry-label{border-top-color:var(--ink)}
.entry-human .entry-label{justify-items:center;text-align:center}
.entry-human .entry-name{color:var(--amber);font-weight:500}
.entry-human:hover .entry-label,.entry-human:focus-visible .entry-label{transform:translateY(-4px)}
.entry:focus-visible{outline-offset:8px}
/* Without WebGL the stages carry a quiet static drawing of the same forms. */
/* The two entries as compositions (D74): the machine door and the window onto the city. Shown when the opening settles (after the particles have converged into the same frames) and at once on every return. */
.ai-door,.city-window{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease 1.2s,border-color .35s ease,filter .35s ease}
.gate[data-composed] .ai-door,.gate[data-composed] .city-window{opacity:1;transition:border-color .35s ease,filter .35s ease}
/* Direct arrival (D77: address typed, reload, external link): the original opening of a4f5437, unchanged: the same stage layout, so the particles converge and settle exactly as before, and no composition over the settled frame. The composed layout above applies only with data-composed (back from a page of the site, or no opening to play). */
.gate:not([data-composed]) .entries{grid-template-columns:repeat(2,minmax(0,min(34vw,440px)));justify-content:normal;gap:clamp(40px,9vw,160px);width:auto}
.gate:not([data-composed]) .entry{justify-items:stretch}
.gate:not([data-composed]) .entry-stage,.gate:not([data-composed]) .entry-ai .entry-label{width:auto}
.gate:not([data-composed]) .entry-figures{display:none}
.ai-door{overflow:hidden;border:1px solid var(--rule-strong);background-color:rgba(11,11,10,.88);background-image:repeating-linear-gradient(90deg,transparent 0 13px,rgba(233,230,220,.035) 13px 14px),repeating-linear-gradient(0deg,transparent 0 17px,rgba(233,230,220,.035) 17px 18px)}
.ai-rain{position:absolute;inset:0;width:100%;height:100%;display:block}
.ai-term{position:absolute;inset:30px 16px 40px;display:flex;flex-direction:column;gap:3px;font-size:11.5px;line-height:1.5;color:var(--ink-muted);text-align:left;white-space:pre;overflow:visible;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ai-req{color:var(--ink);letter-spacing:.02em}
.ai-status{color:var(--ink-faint);margin-bottom:6px}
.ai-lines{display:flex;flex-direction:column;gap:2px;min-height:0;overflow:hidden}
.ai-lines span{display:block;overflow:hidden;text-overflow:ellipsis}
.ai-print{position:absolute;left:0;right:0;bottom:-26px;font-size:11px;color:var(--ink-faint);white-space:nowrap;overflow:hidden}
.ai-print b{font-weight:500;color:var(--ink)}
.ai-cursor{display:inline-block;width:7px;height:1.05em;margin-left:6px;vertical-align:-2px;background:var(--ink);animation:ai-cursor 1.1s steps(1) infinite}
@keyframes ai-cursor{50%{opacity:0}}
.ai-source{position:absolute;top:10px;left:16px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.entry-ai:hover .ai-door,.entry-ai:focus-visible .ai-door{border-color:var(--ink-muted);filter:brightness(1.28)}
.entry-ai:hover .ai-term,.entry-ai:focus-visible .ai-term{transform:scale(1.015)}
.city-window{border-radius:50%;border:1px solid rgba(220,165,74,.55);background:#0f0e0c}
.city-window::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(220,165,74,.16);pointer-events:none}
.city-window-view{position:absolute;inset:0;border-radius:50%;overflow:hidden}
.city-window-view svg{display:block;width:100%;height:100%;transform:scale(1.34) translateY(-9%);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.city-window-view text{display:none}
.city-window-view polygon[fill="#dca54a"]{animation:cell-breathe 5.5s ease-in-out infinite}
@keyframes cell-breathe{0%,100%{opacity:.62}50%{opacity:1}}
.city-window-source{position:absolute;left:0;right:0;top:9%;text-align:center;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
.entry-human:hover .city-window,.entry-human:focus-visible .city-window{border-color:rgba(220,165,74,.9);filter:brightness(1.22)}
.entry-human:hover .city-window-view svg,.entry-human:focus-visible .city-window-view svg{transform:scale(1.42) translateY(-9%)}
.entry-figures{font-size:11.5px;letter-spacing:.06em;color:var(--amber);min-height:1.5em}
.entry:focus-visible{outline:1px solid var(--amber)}
.gate[data-opening="running"] .gate-title,.gate[data-opening="running"] .entry-label{opacity:0}
.gate[data-opening="settled"] .gate-title,.gate[data-opening="settled"] .entry-label{transition:opacity 1.4s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.opening-source{padding:0 24px 8px;font-size:11px;letter-spacing:.04em;color:var(--ink-faint);text-align:center;overflow-wrap:anywhere}
.gate-risk{padding:10px 24px 16px;font-size:12px;color:var(--ink-muted);text-align:center;border-top:1px solid var(--rule);background:rgba(11,11,10,.72)}

.ai-view{min-height:100vh;padding:20px clamp(16px,4vw,48px) 48px;background:var(--bg-sunk)}
.ai-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding-bottom:12px;border-bottom:1px solid var(--rule-strong)}
.ai-back{font-size:13px;color:var(--ink-muted)}
.ai-title{font-size:15px;font-weight:600}
.skill-meta{font-size:12px;color:var(--ink-faint);overflow-wrap:anywhere}
.ai-links{display:flex;flex-wrap:wrap;gap:4px 20px;padding:10px 0;font-size:12px;border-bottom:1px solid var(--rule)}
.ai-links a{color:var(--ink-muted)}
.skill-text{margin:18px 0 0;font-family:var(--mono);font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);max-width:110ch}
.skill-text[data-state="static"]{color:var(--ink-muted)}


/* results page · a bound research yearbook: typography first, depth only behind the masthead */
.results-page{position:relative;background:transparent}
.results-field{position:absolute;top:0;left:0;width:100%;height:min(560px,70vh);z-index:-1;display:block;pointer-events:none;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
.results-page .header{position:relative;background:transparent}
.results-main{padding:72px 0 96px;position:relative}
.results-head{display:grid;grid-template-columns:minmax(0,1fr);max-width:1080px}
.results-running{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule-strong);padding-bottom:10px;margin-bottom:56px}
.results-running .mono{letter-spacing:.18em}
.results-title{font-size:clamp(44px,7vw,104px);line-height:1;font-weight:600;letter-spacing:-.03em;max-width:none}
.results-field-note{margin-top:18px;font-size:11px;color:var(--ink-faint);letter-spacing:.04em}
.results-lede{margin-top:40px;max-width:38em;font-size:18px;line-height:1.75;color:var(--ink-muted)}
.results-rules{margin-top:36px;border-top:1px solid var(--rule-strong);max-width:880px}
.results-rules div{display:grid;grid-template-columns:6em 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:14px}
.results-rules dt{color:var(--ink-faint);font-family:var(--mono);font-size:12px;letter-spacing:.1em;padding-top:2px}.results-rules dd{overflow-wrap:anywhere;color:var(--ink-muted)}
.badge{display:inline-block;font-size:10.5px;padding:1px 6px;border:1px dashed var(--amber);color:var(--amber);letter-spacing:.08em;white-space:nowrap}
.results{margin-top:96px}
.results-bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.results-count{font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.result{border-bottom:1px solid var(--rule);padding:44px 0 52px}
.result-head{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;gap:4px 24px;align-items:start}
.result-index{font-size:44px;line-height:.9;font-weight:300;color:var(--amber);letter-spacing:-.02em;font-family:var(--mono)}
.result-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}
.result-kind{color:var(--amber)}
.result-question{font-size:clamp(22px,2.2vw,32px);line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--ink);max-width:28em;overflow-wrap:anywhere}
.result-question[data-state="loading"],.result-question[data-state="missing"]{color:var(--ink-faint);font-weight:400}
.result-task{margin-top:14px;max-width:44em;font-size:16px;line-height:1.75;color:var(--ink-muted)}
.result-task-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:10px 0 2px}
.result-task-label:first-child{margin-top:0}
.result-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:48px;padding:36px 0 0 5.5rem}
.result-margin{font-size:13px;color:var(--ink-muted);border-top:1px solid var(--rule-strong);padding-top:12px;align-self:start}
.result-meta div{padding:0 0 14px}
.result-meta dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.result-meta dd{display:grid;gap:2px;color:var(--ink)}
.result-agent{font-size:12.5px;overflow-wrap:anywhere}
.result-platform{font-size:12px;color:var(--ink-faint)}
.result-lang{margin-top:4px;font-size:12px;line-height:1.6;color:var(--ink-faint)}
.result-reading{max-width:46em}
.result-state{color:var(--ink-faint)}.result-state[data-state="mismatch"]{color:var(--amber)}
.result-part+.result-part,.result-state+.result-part{margin-top:34px}
.result-part h4{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding-bottom:10px;border-bottom:1px solid var(--rule);margin:0 0 16px}
.result-summary-text{font-size:19px;line-height:1.75;color:var(--ink)}
.result-findings{counter-reset:finding;display:grid;gap:22px}
.result-finding{counter-increment:finding;position:relative;padding-left:2.6rem}
.result-finding::before{content:counter(finding,decimal-leading-zero);position:absolute;left:0;top:.2em;font-family:var(--mono);font-size:12px;color:var(--amber)}
.finding-claim{font-size:16.5px;line-height:1.8;color:var(--ink)}
.finding-basis{margin-top:6px;font-size:11.5px;letter-spacing:.06em;color:var(--ink-faint)}
.finding-check{margin-top:8px;padding-left:12px;border-left:1px solid var(--rule-strong);font-size:14px;line-height:1.7;color:var(--ink-muted)}
.finding-check-label{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.result-limits{display:grid;gap:10px}
.result-limits li{position:relative;padding-left:2.6rem;font-size:15px;line-height:1.75;color:var(--ink-muted)}
.result-limits li::before{content:"—";position:absolute;left:0;color:var(--ink-faint)}
.result-prose{font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.result-verify{margin-top:40px;border-top:1px solid var(--rule)}
.result-verify summary{display:flex;align-items:center;gap:10px;min-height:44px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);list-style:none}
.result-verify summary::-webkit-details-marker{display:none}
.result-verify summary::before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--rule-strong);font-size:12px;letter-spacing:0}
.result-verify[open] summary::before{content:"−"}
.result-verify summary:hover{color:var(--ink)}
.result-verify-body{padding:6px 0 4px}
.result-facts{font-size:11.5px;border-top:1px solid var(--rule-strong);margin-top:14px}
.result-facts div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--rule)}
.result-facts dt{color:var(--ink-faint);letter-spacing:.06em}.result-facts dd{white-space:pre-line;overflow-wrap:anywhere;color:var(--ink-muted)}
.result-check{font-size:11.5px;line-height:1.7;white-space:pre-line;color:var(--ink-muted);overflow-wrap:anywhere}
.result-check[data-state="match"]{color:var(--ink)}.result-check[data-state="mismatch"]{color:var(--amber)}
.result-raw-label{margin-top:18px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.result-raw{margin:8px 0 0;padding:0 0 0 18px;border-left:1px solid var(--rule-strong);font-family:var(--mono);font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;max-height:28rem;overflow:auto;color:var(--ink-muted)}
@media (max-width:760px){
  .entries{--stage-h:clamp(116px,17vh,150px);grid-template-columns:1fr;width:min(100%,360px);gap:18px}
  .entry{grid-template-columns:calc(var(--stage-h) * 1.18) 1fr;grid-template-rows:auto;align-items:center;justify-items:stretch;gap:16px}
  .entry-human .entry-stage{justify-self:center}
  .entry-ai .entry-label{width:auto}
  .ai-term{inset:10px 10px 30px;font-size:9px;gap:1px}.ai-k{display:none}.entry-figures{font-size:10.5px;letter-spacing:.02em}.ai-status{margin-bottom:2px}.ai-lines span:nth-child(n+3){display:none}.ai-print{left:0;right:0;bottom:-20px;font-size:9px}.ai-source{display:none}
  .city-window::before{inset:-6px}.city-window-source{font-size:8px}
  .entry-label{padding-top:0}
  .gate:not([data-composed]) .entries{grid-template-columns:1fr;width:min(100%,340px);gap:18px}
  .gate:not([data-composed]) .entry{grid-template-columns:42% 1fr}
  .gate:not([data-composed]) .entry-stage{height:clamp(120px,19vh,168px);justify-self:stretch}
  .entry-ai .entry-label{border-top:0;border-left:1px solid var(--rule-strong);padding-left:14px}
  .entry-ai .entry-label::before,.entry-ai .entry-label::after{display:none}
  .entry-human .entry-label{justify-items:start;text-align:left;padding-left:15px}
  .gate-center{gap:20px}
  .gate-top{gap:12px;padding:14px 16px}.gate-env{display:none}
  /* Narrow screens: the switch and "Skip" take a second row, so the language and sound labels never squeeze or clip. */
  .gate-top{flex-wrap:wrap;row-gap:6px}.gate-top::after{content:"";order:2;flex-basis:100%;height:0}
  .gate-top .lang{order:1}.sound-toggle{order:3;min-height:36px;padding:0 10px;gap:7px}.gate-top .lang+.sound-toggle{margin-left:auto}.opening-skip{order:4;min-height:36px}
  .gate-center,.opening-source,.gate-risk{padding-inline:16px}
  .result{padding:32px 0 40px}
  .result-head{grid-template-columns:2.6rem minmax(0,1fr);gap:4px 12px}
  .result-head .badge{grid-column:2;justify-self:start;margin-top:10px}
  .result-index{font-size:24px}
  .result-question{font-size:21px}
  .result-task{font-size:15px}
  .result-body{grid-template-columns:1fr;gap:24px;padding:24px 0 0}
  .result-summary-text{font-size:17px}
  .finding-claim{font-size:15.5px}
  .result-finding,.result-limits li{padding-left:2rem}
  .result-facts div{grid-template-columns:1fr;gap:2px}
  .header .lang{margin-left:auto}
  .results-rules div{grid-template-columns:1fr;gap:2px}
  .results-running{flex-direction:column;gap:4px;margin-bottom:36px}
  .results-main{padding-top:40px}.results{margin-top:64px}
  .results-lede{font-size:16px;margin-top:28px}
}
@media (prefers-reduced-motion:reduce){.gate .gate-title,.gate .entry-label{transition:none}.ai-cursor,.city-window-view polygon[fill="#dca54a"]{animation:none}.ai-term,.city-window-view svg{transition:none}.entry-ai:hover .ai-term{transform:none}.entry-human:hover .city-window-view svg{transform:scale(1.34) translateY(-9%)}.sound-toggle[data-state="on"] .sound-bars i{animation:none;transform:scaleY(.8)}}
/* city version / text version (D59, art direction 9.5) */
.view-switch{display:inline-flex;align-items:center;gap:2px;font-size:12px;letter-spacing:.04em}
.view-option{display:inline-flex;align-items:center;min-height:32px;padding:4px 8px;border:1px solid transparent;color:var(--ink-muted);text-decoration:none;white-space:nowrap}
.view-option[aria-current="true"]{display:none}
.view-option{border-color:var(--rule-strong)}
.view-option:hover{color:var(--ink)}
.view-notice{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 16px;background:var(--bg-raised);border-bottom:1px solid var(--hair-strong);font-size:13px;color:var(--ink-muted)}
.view-notice-go{color:var(--amber)}
.view-notice-close{margin-left:auto;min-width:32px;min-height:32px;font-size:18px;color:var(--ink-muted)}
.mobile-nav .view-switch{margin-top:12px;padding-top:12px;border-top:1px solid var(--hair)}
@media (max-width:760px){.header>.view-switch{display:none}.view-option{padding:4px 6px}}
html[data-mode="text"]{--plate:var(--bg-raised)}
html[data-mode="text"] .gate .entry-ai .entry-label{border-top:0;border-left:0}html[data-mode="text"] .gate .entry-ai .entry-label::before,html[data-mode="text"] .gate .entry-ai .entry-label::after{display:none}
html[data-mode="text"] .gate .entry-stage,html[data-mode="text"] .city,html[data-mode="text"] .city-tip,html[data-mode="text"] .opening-canvas,html[data-mode="text"] .opening-skip,html[data-mode="text"] .city-legend,html[data-mode="text"] .opening-source{display:none}
html[data-mode="text"] .panorama{min-height:auto;grid-template-rows:auto;pointer-events:auto;padding-bottom:0}
html[data-mode="text"] .panorama-foot{grid-row:auto;margin-top:var(--g3);grid-template-columns:minmax(0,1fr)}
html[data-mode="text"] .panorama-lede,html[data-mode="text"] .plate-kicker,html[data-mode="text"] .note{color:var(--ink)}
@media print{:root{--bg:#fff;--bg-raised:#fff;--bg-sunk:#fff;--plate:#fff;--plate-solid:#fff;--ink:#111;--ink-muted:#333;--ink-faint:#555;--hair:#bbb;--hair-strong:#888;--rule:#bbb;--rule-strong:#888}body{background:#fff;color:#111}.view-switch,.view-notice,.city,.city-tip,.opening-canvas,.lang,.mobile-nav{display:none}}