/* The world is the main view. Desktop: full-width stage, optional 360px reading rail. */
/* Development records share the existing reading window. */
.modal-head{flex-wrap:wrap}#modal-message{flex-basis:100%;margin:0;color:var(--accent);font-size:13px;line-height:1.65}#modal-message:not(:empty){padding-top:12px}
.dev-usage{padding:20px 0;border-block:1px solid #ffffff18}.dev-usage dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px}.dev-usage dt,.dev-caption,.dev-token{font-size:12px;color:var(--muted)}.dev-usage dd{font-size:23px;margin:4px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dev-usage p{font-size:12px;color:var(--muted);margin:10px 0}.dev-usage button{color:var(--accent);padding-left:0}.dev-usage a,.dev-evidence a{font-size:12px;color:var(--accent)}.dev-caption{margin:22px 0}.dev-entry{border-top:1px solid #ffffff18;padding:22px 0}.dev-entry summary{cursor:pointer;list-style:none}.dev-entry summary::-webkit-details-marker{display:none}.dev-entry summary time,.dev-entry summary span{display:block;font-size:12px;color:var(--muted)}.dev-entry summary strong{display:block;font-family:var(--serif);font-size:22px;margin:8px 0}.dev-entry summary strong::after{content:' +';color:var(--accent)}.dev-entry[open] summary strong::after{content:' −'}.dev-entry dl{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px 18px;font-size:13px;line-height:1.9;margin:24px 0}.dev-entry dt{color:var(--accent)}.dev-entry dd{margin:0;color:var(--muted)}.dev-token{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dev-evidence{display:flex;gap:20px;margin-top:14px;flex-wrap:wrap}
:root{color-scheme:dark;--ground:#111413;--surface:#1b1f1d;--raised:#292e2a;--ink:#f1f0e7;--muted:#b7beb6;--accent:#c4d4ad;--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--serif:"Songti SC","Noto Serif CJK SC","STSong",serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6}button,input,select{font:inherit}button,select{color:inherit}button{border:0;background:none;cursor:pointer;padding:9px 12px;min-height:40px;touch-action:manipulation}button:hover{color:#fff;background:#ffffff0c}button:disabled{cursor:not-allowed;color:#a1aaa3;background:#252a27}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #d0e3ba;outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}select{border:0;border-radius:0;background:var(--ground);padding:9px 24px 9px 12px;min-height:40px;cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}p{line-height:1.9}b,strong{font-weight:500;font-variant-numeric:tabular-nums}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:-60px;left:12px;z-index:100;background:var(--ink);color:var(--ground);padding:10px}.skip-link:focus{top:12px}
.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ground);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0}.brand>span:first-of-type{font-family:var(--serif);font-size:25px;letter-spacing:3px}.brand-en{color:var(--muted);font-size:13px;margin-left:6px}.main-nav{display:flex;gap:26px}.main-nav button{color:var(--muted)}.main-nav button:hover{color:var(--ink)}#event-count{font-size:11px;vertical-align:super;margin-left:4px}.top-actions{display:flex;align-items:center;gap:12px;color:var(--muted)}#help-button{font-family:var(--serif);font-size:18px;min-width:36px}
.world-shell{position:absolute;top:72px;bottom:112px;left:0;right:0;overflow:hidden}#world{position:absolute;inset:0;background:#c6d8d6;touch-action:none}#world canvas{display:block;width:100%;height:100%;touch-action:none}.has-drawer #world{right:360px}.world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;white-space:nowrap;pointer-events:auto;min-height:36px;background:#f0ecdbed;color:#263b35;padding:5px 11px 5px 9px;font-family:var(--serif);font-size:15px;letter-spacing:1px}.map-label:hover,.map-label.selected{background:#fff8e8;color:#152c25}.map-dot{width:5px;height:5px;background:currentColor;border-radius:50%}.landmark-label{font-size:12px;background:#233a33d9;color:#f2edd9;padding:4px 8px;min-height:30px}.landmark-label:hover{background:#213b33;color:white}.landmark-label .map-dot{width:4px;height:4px;border-radius:0;transform:rotate(45deg)}
.intro{position:absolute;left:5.5%;top:11%;z-index:8;width:330px;color:#1f3930;pointer-events:none}.intro h1{font-family:var(--serif);font-size:clamp(64px,7.4vw,110px);font-weight:400;letter-spacing:16px;line-height:1.1}.intro-line{font-family:var(--serif);font-size:28px;line-height:1.55;margin-top:25px;letter-spacing:3px}.intro-copy{font-size:14px;line-height:1.95;margin:22px 0 24px;color:#29443a}.primary{background:var(--ink);color:var(--ground);padding:12px 22px;min-height:46px;border-radius:0}.primary:hover{background:#fff;color:#101510}.intro .primary{background:#243b31;color:#f5f0e0;pointer-events:auto;min-width:180px;display:flex;align-items:center;justify-content:space-between}.intro .primary:hover{background:#314f41}.intro-note{font-size:11px;margin-top:18px;color:#3b5146}.entered .intro{display:none}.map-tools{position:absolute;bottom:70px;left:26px;display:flex;flex-direction:column;gap:2px;background:var(--ground);color:var(--ink)}.map-tools button{font-size:20px;min-width:42px;padding:2px 11px}.map-caption{position:absolute;bottom:22px;left:27px;display:flex;align-items:baseline;gap:16px;color:#213b33;pointer-events:none}.map-caption>span:first-child{font-family:var(--serif);font-size:22px;letter-spacing:3px}.map-caption>#view-subtitle{font-size:12px}.map-settings{position:absolute;right:24px;top:23px;display:flex;gap:4px;z-index:9}.has-drawer .map-settings{right:382px}.layer-legend{position:absolute;top:76px;right:24px;background:var(--ground);padding:10px 14px;color:var(--muted);font-size:12px}.has-drawer .layer-legend{right:382px}
.drawer{position:absolute;right:0;top:0;bottom:0;width:360px;background:var(--ground);padding:0 26px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5a655b var(--ground)}.drawer-top{position:sticky;top:0;background:var(--ground);z-index:2;display:flex;justify-content:space-between;align-items:center;padding:15px 0 14px}.drawer-top button{padding:6px 0;color:var(--muted)}#close-drawer{font-size:23px;width:35px}.city-title{font-family:var(--serif);font-size:39px;font-weight:400;letter-spacing:3px;line-height:1.3;margin:15px 0 10px}.city-type{color:var(--muted);font-size:12px}.city-motto{font-family:var(--serif);font-size:18px;margin:20px 0;line-height:1.8}.city-description{color:#c7cec5;font-size:13px;line-height:2}.city-tabs{display:flex;gap:10px;margin:23px 0 22px}.city-tabs button{padding:7px 12px;color:var(--muted);background:var(--surface)}.city-tabs button[aria-selected=true]{color:var(--ground);background:var(--ink)}.facts{margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 10px}.fact span{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}.fact b{font-size:22px}.fact small{font-size:12px;color:var(--muted);margin-left:4px}.city-note{padding:15px 0;margin:9px 0}.city-note h3,.person h3{font-size:14px;font-weight:500;margin-bottom:8px}.city-note p,.person p{font-size:13px;color:var(--muted)}.person{padding:4px 0 18px}.person-name{display:flex;align-items:baseline;justify-content:space-between;margin:4px 0 15px}.person-name strong{font-family:var(--serif);font-size:28px}.person-name span{font-size:12px;color:var(--muted)}.voice{font-family:var(--serif);font-size:21px;line-height:1.8;margin:18px 0 22px;padding:0}.policy{padding:16px 0 21px}.policy-head{display:flex;justify-content:space-between;align-items:baseline}.policy-head h3{font-size:16px;font-weight:500}.policy-head span{font-size:12px;color:var(--muted)}.policy p{font-size:13px;line-height:1.8;color:var(--muted);margin:7px 0 10px}.policy button{background:var(--raised);padding:8px 15px;font-size:13px}.policy small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.treasury{font-size:13px;color:var(--accent);margin-bottom:15px}.chart-title{font-size:12px;color:var(--muted);margin-top:22px}.mini-chart{width:100%;height:86px;margin:5px 0 12px;overflow:visible}.chart-range{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.city-action-row{display:flex;gap:8px;margin:16px 0 25px}.city-action-row button{padding:9px 12px;background:var(--surface);font-size:12px}
.world-footer{position:absolute;bottom:0;left:0;right:0;height:112px;padding:14px 28px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:var(--ground);z-index:20}.time-block{display:flex;align-items:center;gap:12px;height:49px}.date-caption{color:var(--muted);font-size:12px}#year{font-family:var(--serif);font-size:31px;line-height:1}#season{color:var(--muted);font-size:12px}#play{margin-left:10px;background:var(--surface);min-width:40px;padding:6px}#play[aria-pressed=true]{background:var(--ink);color:var(--ground)}#step,#decade{font-size:12px;padding:6px}.world-pulse{display:flex;gap:26px;height:49px;align-items:center;font-size:12px;color:var(--muted)}.world-pulse b{color:var(--ink);font-size:16px}.footer-note{display:flex;align-items:center;gap:10px;height:49px;font-size:11px;color:var(--muted)}.footer-note button{font-size:12px}.news-strip{position:absolute;bottom:0;height:34px;left:28px;right:28px;display:flex;align-items:center;gap:20px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden}.news-label{flex:none;color:#d4ddcb}.news-strip button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;min-height:30px;font-size:11px;color:var(--muted);text-align:left}
dialog{border:0;padding:0;background:var(--ground);color:var(--ink);width:min(860px,calc(100vw - 48px));max-height:85dvh}dialog::backdrop{background:#0c1411b8}.modal-head{position:sticky;top:0;background:var(--ground);padding:24px 34px 15px;display:flex;align-items:center;justify-content:space-between;z-index:3}.modal-head h2{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:2px}.modal-head button{font-size:26px}#modal-body{padding:0 34px 35px;overflow:auto}.modal-intro{color:var(--muted);max-width:640px;margin:8px 0 25px;font-size:14px}.city-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.atlas-city{display:block;text-align:left;padding:20px;background:var(--surface);min-height:160px}.atlas-city strong{font-family:var(--serif);font-size:27px;display:block;margin-bottom:8px}.atlas-city span{display:block;color:var(--muted);font-size:12px}.atlas-city p{margin-top:12px;color:#cdd2c8;font-family:var(--serif);font-size:15px}.landmark-list{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.landmark-list button{background:var(--surface);padding:12px 18px}.journal-filters{display:flex;gap:8px;margin:14px 0 23px;flex-wrap:wrap}.journal-filters button{color:var(--muted);background:var(--surface);font-size:12px}.journal-filters button.active{color:var(--ground);background:var(--ink)}.journal-entry{display:grid;grid-template-columns:100px 1fr;gap:26px;padding:18px 0}.journal-date{font-size:12px;color:var(--muted)}.journal-entry h3{font-weight:500;font-size:16px;margin-bottom:8px}.journal-entry p{font-size:13px;color:var(--muted);line-height:1.9}.journal-entry button{padding:6px 0;color:var(--accent);font-size:12px}.book-lead{font-family:var(--serif);font-size:24px;line-height:1.8;margin:14px 0 20px}.book-section{margin:32px 0}.book-section h3{font-size:18px;font-weight:500;margin-bottom:12px}.book-section p{font-size:14px;color:var(--muted);line-height:2}.method-list{margin-top:25px}.method{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:15px 0}.method strong{font-weight:500}.method span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.method p{font-size:13px;line-height:1.8;color:var(--muted)}.method code{font-size:11px;overflow-wrap:anywhere;color:#a4b297}.option-row{margin:22px 0;padding:18px;background:var(--surface)}.option-row label{display:flex;align-items:center;justify-content:space-between;gap:20px}.option-row p{color:var(--muted);font-size:12px;margin-top:8px}.option-row input[type=checkbox]{width:20px;height:20px;accent-color:#a9c29b}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.comparison>div{padding:20px;background:var(--surface)}.comparison h3{font-size:15px;font-weight:500;margin-bottom:15px}.comparison p{font-size:13px;color:var(--muted)}.danger{color:#e4b6aa}.empty{color:var(--muted);padding:25px 0}#toast{position:fixed;left:50%;bottom:127px;transform:translateX(-50%);background:var(--ink);color:var(--ground);padding:12px 20px;z-index:80;max-width:min(500px,90vw);font-size:13px}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#c6d8d6;color:#29473b;z-index:50}.loading-mark{width:38px;height:38px;border:1px solid #29473b;border-radius:50%;border-right-color:transparent;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.noscript{position:fixed;z-index:100;inset:30%;padding:20px;background:var(--ground)}
.intro,.intro-copy,.intro-note,.map-caption{color:#f5f1dc}.intro .primary{background:#f1edd9;color:#243b31}.intro .primary:hover{background:#fffdf0;color:#243b31}.map-caption{background:#263e35;padding:4px 12px}.intro-note{font-size:11px}
@media(min-width:1600px){.intro{top:16%;left:6.5%}.intro h1{font-size:116px}.drawer{width:390px;padding:0 32px}.has-drawer #world{right:390px}.has-drawer .map-settings,.has-drawer .layer-legend{right:412px}}
@media(max-width:1100px){.topbar{padding:0 20px;gap:14px}.brand-en{display:none}.main-nav{gap:12px}.world-pulse{gap:14px}.footer-note>span{display:none}.world-footer{padding-left:20px;padding-right:20px}.intro{left:5%;top:12%;width:270px}.intro h1{font-size:80px}.intro-line{font-size:24px}.drawer{width:330px;padding:0 22px}.has-drawer #world{right:330px}.has-drawer .map-settings,.has-drawer .layer-legend{right:350px}.has-drawer .map-caption>#view-subtitle{display:none}}
@media(max-width:760px){.topbar{height:60px;padding:0 16px;gap:12px}.brand{gap:7px}.brand img{width:28px;height:28px}.brand>span:first-of-type{font-size:22px;letter-spacing:2px}.main-nav{gap:0}.main-nav button{padding:8px;font-size:12px}#event-count{display:none}.top-actions{gap:0}.top-actions button{font-size:12px;padding:5px}#help-button{display:none}.world-shell{top:60px;bottom:145px}.intro{top:7%;left:24px;width:240px}.intro h1{font-size:66px;letter-spacing:10px}.intro-line{font-size:23px;margin-top:18px}.intro-copy{font-size:12px;margin:15px 0 20px}.intro-note{font-size:10px;max-width:220px}.map-settings{top:auto;bottom:16px;right:16px;gap:3px}.map-settings select{font-size:12px;padding:8px;min-height:38px}.map-tools{left:16px;bottom:65px}.map-tools button{min-height:38px;min-width:38px}.map-caption{left:17px;bottom:20px;gap:0}.map-caption>span:first-child{font-size:17px;letter-spacing:1px}.map-caption>#view-subtitle{display:none}.world-footer{height:145px;padding:10px 16px 0;display:block}.time-block{gap:10px;height:44px;justify-content:space-between}.date-caption{font-size:11px}#year{font-size:29px}#play{margin-left:0}#step,#decade{padding:6px;font-size:11px}.world-pulse{height:37px;gap:20px;font-size:11px}.world-pulse b{font-size:14px}.footer-note{position:absolute;right:12px;top:54px;height:30px}.news-strip{left:16px;right:16px;height:39px;gap:12px}.news-label{font-size:10px}.news-strip button{font-size:10px}.has-drawer #world{right:0;bottom:52%}.drawer{top:48%;bottom:0;width:100%;padding:0 22px}.drawer-top{padding:9px 0 3px}.city-title{margin-top:6px;font-size:31px}.city-motto{font-size:17px;margin:12px 0}.city-description{font-size:13px}.has-drawer .map-settings{top:12px;bottom:auto;right:12px}.has-drawer .map-tools{top:66px;bottom:auto;left:12px}.has-drawer .map-caption{display:none}.has-drawer .layer-legend{top:58px;right:12px}.layer-legend{top:auto;bottom:63px;right:15px}.map-label{font-size:13px;min-height:32px;padding:4px 7px}.landmark-label{font-size:10px;min-height:25px}.city-tabs{margin:15px 0}.facts{gap:12px;margin:16px 0}.fact b{font-size:20px}dialog{width:calc(100vw - 24px);max-height:90dvh}.modal-head{padding:18px 20px 10px}.modal-head h2{font-size:25px}#modal-body{padding:0 20px 25px}.city-list{grid-template-columns:1fr;gap:8px}.atlas-city{min-height:120px;padding:16px}.atlas-city strong{font-size:25px}.journal-entry{grid-template-columns:65px 1fr;gap:14px}.method{grid-template-columns:90px 1fr;gap:16px}.book-lead{font-size:21px}.comparison{grid-template-columns:1fr}.option-row{padding:14px}.option-row label{align-items:flex-start}.option-row select{max-width:145px}#toast{bottom:157px;width:max-content;max-width:88vw}.intro .primary{min-height:44px}}
body:not(.entered) .world-labels{visibility:hidden}
@media(max-width:1100px) and (min-width:761px){body:not(.entered) .intro{background:#1b332c;padding:22px;left:28px;top:32px;width:285px}body:not(.entered) .intro h1{font-size:68px}}
@media(max-width:760px){body:not(.entered) .intro{background:#1b332c;padding:20px;top:18px;left:20px;width:calc(100% - 40px)}body:not(.entered) .intro h1{font-size:48px;line-height:1}body:not(.entered) .intro-line{font-size:20px;line-height:1.5;margin-top:12px}body:not(.entered) .intro-copy{margin:12px 0;font-size:12px}body:not(.entered) .intro-note{margin-top:12px;font-size:11px}.landmark-label,.news-label,.news-strip button{font-size:11px}.intro-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.petition{margin:8px 0 30px;padding:18px 0}.petition>h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:14px 0 20px}.petition-voice{margin:20px 0}.petition-voice b{font-size:12px;color:var(--accent);font-weight:400}.petition-voice p{font-family:var(--serif);font-size:17px;line-height:1.9;margin-top:6px}.petition .policy h4{font-size:15px;font-weight:500}.petition .policy button{margin-top:12px;max-width:100%;text-align:left}.person-name{flex-wrap:wrap;gap:6px}.letter-mark{font-family:var(--sans);font-size:11px;letter-spacing:0;color:#75532f}

.old-letter{margin:14px 0}.old-letter summary{cursor:pointer;color:var(--accent);font-size:13px}.old-letter p{margin-top:12px}

@media(max-width:760px){.main-nav button,.top-actions button,.map-settings select,.intro-copy,#step,#decade{font-size:13px}.world-pulse{font-size:12px}.news-strip button{font-size:12px}body:not(.entered) .intro-copy{font-size:13px}}
@media(max-width:380px){.topbar{padding:0 12px;gap:8px}.main-nav button{padding:8px 6px}}

.life-ledger{display:grid;grid-template-columns:1fr auto;gap:10px 16px;margin:16px 0;font-size:13px}.life-ledger dt{color:var(--muted)}.life-ledger dd{margin:0;font-variant-numeric:tabular-nums}.city-note .ledger-caption{font-size:12px}.food-distribution{font-size:14px;margin:0 0 24px}.food-distribution small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.atlas-city small{display:block;color:var(--muted);font-size:12px;margin-top:12px}

.passage-dates{font-size:12px;color:var(--muted);letter-spacing:.04em;margin-top:8px}.passage-totals{display:flex;flex-wrap:wrap;gap:12px 30px;margin:0 0 24px;color:var(--muted);font-size:14px}.passage-totals b{color:var(--ink);margin-left:8px}.passage-city{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;padding:28px 0;border-top:1px solid #ffffff1c}.passage-city h3{font-family:var(--serif);font-size:25px;font-weight:400;margin-bottom:10px}.passage-city p{font-size:13px;color:var(--muted)}.passage-city button{color:var(--accent);padding-left:0;margin-top:12px;font-size:13px}.passage-city dl{display:grid;grid-template-columns:80px 1fr;gap:14px 12px;margin:0;font-size:13px}.passage-city dt{color:var(--muted)}.passage-city dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.passage-city small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.passage-cities+.ledger-caption{font-size:12px;color:var(--muted);margin-top:16px}
@media(max-width:600px){.passage-city{grid-template-columns:1fr;gap:16px;padding:24px 0}.passage-city button{margin-top:6px}.passage-city dl{grid-template-columns:80px 1fr}.passage-totals{display:block}.passage-totals p+p{margin-top:6px}}

.decision-receipt{margin-top:20px}.decision-receipt h4{font-size:14px;font-weight:500;margin:0 0 8px}.reading-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px;font-variant-numeric:tabular-nums}.reading-table th,.reading-table td{padding:8px 3px;border-bottom:1px solid #ffffff18;text-align:right;font-weight:400;white-space:nowrap}.reading-table th:first-child{text-align:left}.reading-table thead th{color:var(--muted)}

.projection-city{padding:18px 0;border-bottom:1px solid #ffffff18}.projection-city summary{cursor:pointer;font-size:16px;color:var(--accent)}.projection-city button{color:var(--accent);padding-left:0;margin-top:6px}

.shipment-ledger{margin:20px 0}.shipment-ledger h4{margin:0 0 8px;font-size:14px;font-weight:500}.shipment-ledger ul{list-style:none;padding:0;margin:0}.shipment-ledger li+li{border-top:1px solid #ffffff18}.shipment-ledger button{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:10px 0;color:var(--accent);font-size:13px}.shipment-ledger strong{white-space:nowrap}.layer-legend{max-width:260px;line-height:1.6}@media(max-width:760px){.layer-legend{max-width:190px;font-size:11px}.has-drawer .layer-legend{bottom:auto}}

.transport-reason{margin-top:18px;border-top:1px solid #ffffff18;padding-top:14px}.transport-reason summary{cursor:pointer;font-size:13px;color:var(--accent)}.transport-reason p{font-size:12px}.transport-reason h5{font-size:12px;font-weight:500;margin:20px 0 8px}.transport-reason ol{padding-left:20px;margin:0}.transport-reason li{padding:8px 0;font-size:12px}.transport-reason li span{display:block}.transport-reason li span+span{color:var(--muted);margin-top:4px}.transport-reason .life-ledger{font-size:11px;gap:10px 6px}.transport-reason .life-ledger dd{text-align:right}.transport-reason button{font-size:12px}

@media(max-width:600px){.topbar{height:96px;align-items:flex-start;padding-top:10px}.main-nav{position:absolute;left:12px;right:12px;bottom:0;justify-content:space-between}.main-nav button{min-height:40px}.world-shell{top:96px}.dev-usage dl{grid-template-columns:1fr;gap:12px}.dev-usage dl>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.dev-usage dd{font-size:20px}.dev-entry dl{grid-template-columns:1fr;gap:5px}.dev-entry dd+dt{margin-top:10px}.dev-entry summary strong{font-size:20px}}
.dev-accounting summary{cursor:pointer;font-size:12px;color:var(--accent)}
.city-walk{padding-top:6px;scroll-margin-top:80px}.city-walk h3{font-family:var(--serif);font-size:27px;font-weight:400;margin:8px 0 16px}.walk-setting{font-family:var(--serif);font-size:18px;line-height:1.95;color:var(--ink)}.city-walk nav{display:flex;flex-direction:column;margin:22px 0;padding:12px 0;border-block:1px solid #ffffff18}.city-walk nav button{text-align:left;font-size:13px;padding:9px 0;color:var(--muted)}.city-walk nav button[aria-current]{color:var(--accent)}.city-walk nav button[aria-current]::before{content:'→ ';}.walk-reading h4{font-size:13px;font-weight:500;color:var(--accent);margin:18px 0 8px}.walk-reading p{font-size:13px;color:var(--muted)}.walk-paging{display:flex;justify-content:space-between;gap:12px;margin:18px 0}.walk-paging button{font-size:13px;padding-inline:0}.city-walk>.ledger-caption{font-size:11px;color:var(--muted);margin:16px 0}.city-walk>button{font-size:13px;color:var(--accent);padding-left:0}

.journal-scope{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 10px}.journal-scope select{border:1px solid #ffffff18;max-width:100%}.journal-scope span{font-size:12px;color:var(--muted)}.journal-legacy{margin-bottom:8px;background:var(--surface)}

.travel-notes>h3{font-size:18px;font-weight:500;margin-bottom:8px}.travel-subtitle{color:var(--accent);margin-bottom:8px}.travel-recent{border-top:1px solid #ffffff18;padding-top:18px;margin-top:18px}.travel-recent>summary{cursor:pointer;min-height:40px;padding:8px 0}.travel-recent>.ledger-caption{margin:12px 0}

#resume-detail{pointer-events:auto;font-size:12px;white-space:nowrap;margin-left:8px;padding:6px 9px;border-left:1px solid #ffffff30}.reading-collapsed .map-tools{bottom:82px}

.place-routes{flex-wrap:wrap}#species-note,.city-tabs{scroll-margin-top:90px}#species-note .city-action-row{flex-wrap:wrap}

#loading.render-error{padding:24px 20px;gap:12px;overflow:auto;justify-content:flex-start;text-align:center;touch-action:pan-y}
.render-error>p,.render-error details{max-width:560px;width:100%;margin:0;flex-shrink:0}.render-error details{font-size:12px}.render-error summary{cursor:pointer;padding:8px}.render-error pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;background:#b3c7c5;padding:12px}.render-error button{flex-shrink:0;border:1px solid #29473b}.render-error button:hover{color:#142a23;background:#ffffff40}

#artist-menu{position:relative;color:var(--ink);font-size:13px}#artist-menu>summary{list-style:none;cursor:pointer;min-height:40px;padding:10px 12px;background:#17211ded;white-space:nowrap}#artist-menu>summary::-webkit-details-marker{display:none}#artist-menu[open]>summary{background:#ede8d8;color:#263b31}
.artist-panel{position:absolute;right:0;top:47px;width:444px;max-height:calc(100dvh - 265px);overflow-y:auto;background:#17211d;color:#e9e7dc;padding:20px;z-index:60;border:1px solid #657466}.artist-heading{position:sticky;top:0;z-index:2;background:#17211d;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.artist-heading h2{font-family:var(--serif);font-size:19px;font-weight:400;margin:0}.artist-heading button{font-size:24px;min-width:36px;padding:0}.artist-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.artist-columns fieldset{border:0;padding:0;margin:0;min-width:0}.artist-columns legend{color:#a9b6aa;font-size:12px;margin-bottom:8px}.artist-choice{display:flex;align-items:center;gap:9px;min-height:44px;padding:7px 8px;cursor:pointer;position:relative;border:1px solid transparent}.artist-choice:hover{background:#ffffff09}.artist-choice:has(input:checked){background:#e8e4d6;color:#263b31}.artist-choice:focus-within{outline:2px solid #c0d9ae;outline-offset:1px}.artist-choice input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.artist-swatch{display:flex;flex-shrink:0;width:27px;height:24px}.artist-swatch i{flex:1}.artist-choice>span:last-child{font-size:13px}#artist-description{min-height:44px;margin:16px 0 8px;color:#e9e7dc;line-height:1.7}#artist-layer-note,.artist-footnote{font-size:11px;color:#a9b6aa;line-height:1.6;margin:8px 0 0}.map-settings:has(#artist-menu[open]){z-index:70}
@media(max-width:760px){.artist-panel{position:fixed;top:114px;right:12px;width:min(444px,calc(100vw - 24px));max-height:calc(100dvh - 280px);padding:16px}.artist-heading h2{font-size:17px}.artist-columns{gap:8px}.artist-choice{padding:7px 5px;gap:6px}#artist-menu>summary{font-size:12px;padding:8px;min-height:38px}}

.music-choices{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.music-choice{display:flex;align-items:flex-start;gap:12px;padding:15px;background:var(--surface);cursor:pointer}.music-choice:has(input:checked){background:var(--raised);outline:1px solid var(--accent);outline-offset:-1px}.music-choice input{accent-color:var(--accent);margin-top:5px;flex-shrink:0}.music-choice strong{display:block;font-weight:500;font-size:15px}.music-choice small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.7}.music-controls{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;align-items:center;margin-top:22px}.music-controls button{grid-row:span 2;background:var(--ink);color:var(--ground);padding:10px 20px}.music-controls label{display:flex;justify-content:space-between;font-size:13px}.music-controls input{width:100%;accent-color:var(--accent);margin:0}.music-current{margin:18px 0 6px;color:var(--accent);font-size:13px}.music-note{font-size:12px;color:var(--muted);line-height:1.9;max-width:620px}@media(max-width:760px){.music-choices{grid-template-columns:1fr}.music-controls{gap:12px}.music-controls button{padding:10px}.top-actions #music-button{font-size:12px}}

/* Language is a display preference; geographic coordinates remain left-to-right. */
#language-menu{position:relative;font-size:12px}#language-menu summary{cursor:pointer;list-style:none;padding:10px 8px;white-space:nowrap}#language-menu summary::-webkit-details-marker{display:none}.language-panel{position:absolute;inset-inline-end:0;top:100%;width:270px;max-width:85vw;padding:20px;background:var(--surface,#171e1b);border:1px solid #ffffff28;z-index:50;text-align:start}.language-panel label{display:block;margin-bottom:10px}.language-panel select{width:100%;border:1px solid #ffffff38}.language-panel p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:14px}.language-panel p:empty{display:none}
html:not([lang="zh-CN"]) .brand>span:not(.brand-en){display:none}html:not([lang="zh-CN"]) .brand-en{display:inline;letter-spacing:.02em;font-size:20px}html:not([lang="zh-CN"]) .intro h1{font-size:clamp(48px,6vw,90px);letter-spacing:-.03em}html:not([lang="zh-CN"]) .intro{width:380px;max-width:calc(100% - 56px)}html:not([lang="zh-CN"]) .intro-line{letter-spacing:0;font-size:28px}html:not([lang="zh-CN"]) .main-nav button{letter-spacing:0}html:not([lang="zh-CN"]) .facts{gap:10px}html:not([lang="zh-CN"]) .fact span{min-height:30px;display:block}.city-tabs{flex-wrap:wrap}.main-nav,.top-actions{flex-shrink:0}.policy button,.city-action-row button{white-space:normal}.world-labels{direction:ltr}.world-labels button{unicode-bidi:plaintext}.reading-table td,.life-ledger dd,.passage-city dd{direction:ltr;unicode-bidi:isolate}.dev-timeline{direction:ltr;text-align:left}
[dir="rtl"] .drawer,[dir="rtl"] #modal,[dir="rtl"] .intro{direction:rtl;text-align:right}[dir="rtl"] .city-walk nav button,[dir="rtl"] .policy button,[dir="rtl"] .shipment-ledger button,[dir="rtl"] .reading-table th:first-child{text-align:right}[dir="rtl"] .intro{left:auto;right:5%}[dir="rtl"] .map-settings{direction:rtl}[dir="rtl"] .world-shell{direction:ltr}[dir="rtl"] .map-caption{direction:rtl}[dir="rtl"] .news-strip button{text-align:right}[dir="rtl"] .main-nav{direction:rtl}[dir="rtl"] .method-list code{direction:ltr;unicode-bidi:isolate}
@media(min-width:761px) and (max-width:1200px){html:not([lang="zh-CN"]) .topbar{height:100px;align-items:flex-start;padding-top:12px}html:not([lang="zh-CN"]) .main-nav{position:absolute;inset-inline:20px;bottom:0;justify-content:center}html:not([lang="zh-CN"]) .world-shell{top:100px}html:not([lang="zh-CN"]) .time-block{gap:10px}html:not([lang="zh-CN"]) .footer-note{max-width:180px}html:not([lang="zh-CN"]) .world-pulse{gap:10px}}

.council-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:22px 0}.council-toolbar label{display:flex;gap:12px;align-items:center}.council-toolbar button{background:var(--surface);padding:12px 16px}.council-city{padding:28px 0;border-top:1px solid #ffffff20}.council-city header{display:flex;justify-content:space-between;align-items:center;gap:20px}.council-city h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:0}.council-city header button{font-size:12px;color:var(--accent)}.council-motto{font-family:var(--serif);font-size:18px;line-height:1.8}.council-readings,.council-weights{display:flex;flex-wrap:wrap;gap:16px 32px;margin:18px 0}.council-readings dt,.council-weights dt{font-size:12px;color:var(--muted)}.council-readings dd{font-size:24px;margin:6px 0;direction:ltr}.council-weights dd{font-size:14px;margin:6px 0;direction:ltr}.council-proposal{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.council-proposal span{font-size:12px;color:var(--muted)}.council-proposal strong{font-weight:500;font-size:20px;color:var(--accent)}.council-city>p:not(.council-motto):not(.council-proposal){font-size:13px;line-height:1.8}.council-reason,.council-history{margin-top:16px}.council-reason summary,.council-history summary{cursor:pointer;min-height:36px;padding:8px 0;color:var(--accent);font-size:13px}.council-candidates{padding-inline-start:20px;font-size:13px}.council-candidates li{padding:7px 0}.council-candidates b{font-weight:400;float:inline-end;direction:ltr}.council-receipt{margin:20px 0;padding:16px;background:var(--surface)}.council-receipt>p{font-size:13px}.council-table-wrap{overflow-x:auto}.council-table-wrap .reading-table{width:100%;min-width:380px}.council-control select{max-width:60%}
@media(min-width:761px) and (max-width:1200px){.topbar{height:100px;align-items:flex-start;padding-top:12px}.main-nav{position:absolute;inset-inline:20px;bottom:0;justify-content:center}.world-shell{top:100px}}

/* Keep the three-dimensional view and touch controls usable beside the reading drawer. */
@media(max-width:760px){
 .topbar{height:104px;padding:8px 12px 0;align-items:flex-start;gap:8px}.brand{padding:7px 0}.brand-en{display:none}.top-actions{margin-inline-start:auto}.top-actions #sound{display:none}.top-actions button,#language-menu summary{min-height:44px;padding:8px 6px;font-size:13px}.main-nav{position:absolute;inset-inline:12px;bottom:0;display:flex;justify-content:flex-start;gap:16px;overflow-x:auto;scrollbar-width:none}.main-nav button{flex-shrink:0;min-height:44px;padding:8px 0;font-size:13px}.world-shell{top:104px;bottom:140px}.world-footer{height:140px;padding-inline:12px;padding-bottom:env(safe-area-inset-bottom)}.time-block{gap:4px}.time-block #play,.time-block #step,.time-block #decade{min-height:44px;font-size:13px;padding:6px}#year{font-size:27px}.date-caption{display:none}.world-pulse{gap:12px}.world-pulse b{font-size:15px}.map-settings{top:10px;bottom:auto;right:10px;left:10px;justify-content:flex-end;gap:4px}.map-settings select,#artist-menu>summary{min-height:44px;max-width:140px;font-size:13px;padding:8px}.map-tools{left:10px;bottom:52px;gap:5px}.map-tools button{min-width:44px;min-height:44px}.map-caption{left:14px;bottom:12px}.map-label{min-height:38px}.has-drawer #world{bottom:57%}.drawer{top:43%;padding-inline:18px}.drawer-top button{min-width:44px;min-height:44px}.has-drawer .map-settings{top:8px;left:8px;right:8px}.has-drawer .map-tools{top:auto;bottom:calc(57% + 8px);left:8px;flex-direction:row}.has-drawer .layer-legend{top:58px;left:12px;right:12px;font-size:11px}.city-tabs button,.policy button,.petition button{min-height:44px}.city-tabs{position:sticky;top:56px;background:var(--ground);z-index:2}.artist-panel{top:114px;max-height:calc(100dvh - 260px)}.layer-legend{top:62px;bottom:auto;right:12px;max-width:calc(100% - 24px)}.option-row{flex-wrap:wrap}.option-row label{gap:12px}.option-row select{font-size:16px;max-width:170px}.council-control{display:block}.council-control select{max-width:100%;width:100%;margin-top:8px}.council-control p{margin-top:12px}.council-toolbar{display:grid;grid-template-columns:1fr}.council-toolbar label{justify-content:space-between}dialog{max-height:calc(100dvh - 24px)}#close-modal{min-width:44px;min-height:44px}.news-strip{left:12px;right:12px}.news-label{display:none}.news-strip button{font-size:12px}#toast{bottom:148px}.decision-receipt,.projection-city{overflow-x:auto}
}
@media(max-height:500px) and (max-width:950px){
 .topbar{height:58px;padding:4px 12px;align-items:center}.brand{padding:0}.main-nav{position:static;flex:1;min-width:0;overflow-x:auto;gap:14px;justify-content:flex-start}.main-nav button{white-space:nowrap;flex-shrink:0}.top-actions{flex-shrink:0}.top-actions #sound{display:none}.world-shell{top:58px;bottom:72px}.world-footer{height:72px;padding-top:4px}.world-pulse{height:24px}.news-strip,.date-caption{display:none}.footer-note{top:40px}.has-drawer #world{right:45%;bottom:0}.drawer{top:0;right:0;bottom:0;width:45%;padding:0 14px}.has-drawer .map-settings{left:8px;right:calc(45% + 8px);top:8px;justify-content:flex-end}.has-drawer .map-tools{bottom:8px;top:auto;left:8px}.has-drawer .map-settings #artist-menu{display:none}.has-drawer .layer-legend{left:8px;right:calc(45% + 8px);top:58px}.city-tabs{position:static}.artist-panel{top:65px;max-height:calc(100dvh - 150px)}
}
@media(max-width:760px){.option-row label[for="graphics-profile"]{display:block}.option-row #graphics-profile{display:block;width:100%;max-width:none;margin-top:8px}}