:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#35473c;background:#f6f5ef;font-synthesis:none;--green:#4b6d56;--ink:#35473c;--muted:#939b90;--line:#e9e9df;--paper:#fffef9;--orange:#c78959}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #739a75;outline-offset:4px}button:hover{filter:brightness(.96)}svg{width:18px;height:18px;display:block}button span[data-icon],span[data-icon]{display:inline-flex;vertical-align:middle;flex-shrink:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.rail{position:fixed;left:0;top:0;bottom:0;width:86px;background:#eeefe7;border-right:1px solid #e0e4d9;display:flex;align-items:center;flex-direction:column;padding:26px 0;z-index:10}.brand-mark img{width:42px;height:42px;border-radius:13px;box-shadow:0 4px 8px #2d4e3910}.rail-line{height:1px;width:29px;background:#d9dfd2;margin:28px 0 16px}.rail nav{display:flex;flex-direction:column;gap:10px}.rail-button{width:60px;height:65px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8a9385}.rail-button svg{width:22px;height:22px}.rail-button small{font-size:10px;letter-spacing:2px;margin-left:2px}.rail-button.active{background:#dee6d8;color:#47634d}.guide-button{margin-top:auto}.rail-footer{font-size:10px;color:#a4ad9b;line-height:1.8;letter-spacing:2px;margin-top:24px}.shell{margin-left:86px}.topbar{height:78px;padding:0 37px;border-bottom:1px solid #e6e9df;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:"Songti SC","STSong",Georgia,serif;font-size:21px;font-weight:600;letter-spacing:4px}.wordmark span{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;color:#9a9e8f;display:inline-block;margin-left:13px;vertical-align:middle}.top-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#91998b}.top-meta b{font-size:11px;font-weight:500;color:#63725d}.separator{color:#c4c8ba;margin:0 10px}.live-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#839e6d;flex-shrink:0}.top-meta .text-button{margin-left:16px;padding-left:20px;border-left:1px solid #dedfd5}.text-button{display:flex;align-items:center;gap:7px;font-size:11px;color:#7f8b79;padding:5px 0;white-space:nowrap}.text-button svg{width:14px;height:14px}
main{max-width:1600px;margin:auto;padding:31px 37px 0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.3px;color:#939f87;margin-bottom:11px}.heading h1{font-family:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;font-size:29px;letter-spacing:2px;font-weight:600;margin:0 0 10px;line-height:1.35}.heading h1 span{color:#bd9a6c}.heading p{font-size:11px;color:#92998b;margin:0;letter-spacing:.7px}.time-control{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.date{display:flex;align-items:center;gap:8px;color:#7d8872;font-size:11px;letter-spacing:.4px}.date svg{color:#c3a66e;width:15px;height:15px}.playback{display:flex;align-items:center;padding:5px;background:#eeefe6;border:1px solid #e1e5d9;border-radius:9px;gap:3px}.playback button{width:35px;height:29px;border-radius:5px;font-family:Arial,sans-serif;font-size:11px;display:flex;align-items:center;justify-content:center;color:#909985}.playback button.active{background:#fbfcf6;color:#4b6650;box-shadow:0 1px 3px #314a2920}.playback button:first-child{background:#4e6b51;color:white}.playback button svg{width:14px;height:14px}.playback-divider{height:15px;width:1px;background:#d9dfd0;margin:0 3px}
.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}.metric{position:relative;background:#fffef9;border:1px solid #e6e8dc;border-radius:11px;padding:15px 17px 12px;overflow:hidden;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d9884;letter-spacing:.5px}.metric-top svg{width:15px;height:15px;color:#a6b29b}.metric-number{font-family:"Avenir Next",Arial,sans-serif;font-size:30px;font-weight:500;line-height:1.3;margin-top:7px;letter-spacing:-1.2px}.metric-number small{font-family:-apple-system,sans-serif;font-size:10px;color:#9ba28e;font-weight:400;letter-spacing:0;margin-left:5px}.metric-foot{font-size:9px;color:#969f8d;margin-top:5px;display:flex;align-items:center;gap:5px;white-space:nowrap}.metric-foot .positive{color:#789164}.metric-foot .negative{color:#b87855}.metric-spark{position:absolute;width:50px;height:24px;right:12px;top:45px;opacity:.7}.metric-number.warning{color:#bd7d51}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:20px;align-items:start}.world-column,.detail-column{min-width:0;display:flex;flex-direction:column;gap:17px}.panel{border:1px solid #e5e7dc;border-radius:12px;background:var(--paper);overflow:hidden;box-shadow:0 2px 2px #4b573201}.panel-top{height:55px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eeeee4}.panel-title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;white-space:nowrap}.panel-title svg{color:#919d83;width:15px;height:15px}.panel-title .subtle{font-size:10px;font-weight:400}.subtle{font-size:10px;color:#a0a791}.muted{color:#bbc1b3;font-size:10px;font-weight:400}.segmented{background:#f1f2eb;border-radius:6px;padding:3px;display:flex;gap:1px}.segmented button{font-size:10px;padding:5px 12px;border-radius:4px;color:#99a18c}.segmented .active{background:#fffef9;color:#547052;box-shadow:0 1px 3px #2e4e3410}.map-scene{position:relative;height:426px;background:#dfebe4;overflow:hidden}canvas#world{display:block;width:100%;height:100%;touch-action:pan-y}.map-caption{position:absolute;top:19px;left:20px;display:flex;align-items:center;gap:6px;background:#f8faeeae;border:1px solid #ffffff75;border-radius:20px;font-size:9px;padding:7px 10px;color:#6d886b;backdrop-filter:blur(4px)}.map-caption .live-dot{width:4px;height:4px}.compass{position:absolute;right:22px;top:21px;display:flex;align-items:center;flex-direction:column;font-size:9px;color:#879d8c;gap:4px}.compass svg{width:24px;height:29px}.map-zoom{position:absolute;right:18px;bottom:47px;display:flex;flex-direction:column;border:1px solid #c7d8c7;background:#fbfcedb8;border-radius:6px;overflow:hidden}.map-zoom button{width:29px;height:28px;font-size:18px;font-weight:300;color:#66806a}.map-zoom button+button{border-top:1px solid #d0dfd0}.map-hint{position:absolute;bottom:17px;left:20px;display:flex;align-items:center;gap:5px;font-size:9px;color:#7b9381}.map-hint svg{width:12px;height:12px}.weather-tag{position:absolute;bottom:16px;right:20px;font-size:9px;color:#809779}.map-bottom{height:42px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9ca490;border-top:1px solid #e4e9df;gap:10px}.legend{display:flex;gap:15px}.legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}.legend i{width:6px;height:6px;border-radius:2px;background:var(--dot)}
.person-panel .panel-top{padding:0 18px}.person-intro{padding:21px 20px 16px;display:flex;gap:14px;align-items:center}.portrait{width:61px;height:69px;border-radius:10px;background:#edeedc;flex-shrink:0;overflow:hidden;border:1px solid #e4e7d4;position:relative}.portrait svg{width:100%;height:100%}.person-name{font-family:"Songti SC",serif;font-size:23px;font-weight:600;letter-spacing:2px;margin:0 0 6px;display:flex;align-items:center;gap:8px}.person-name .gender{font:10px sans-serif;color:#a0a791;letter-spacing:0}.person-meta{font-size:10px;color:#8f9985;line-height:1.8}.trait-tags{display:flex;gap:5px;margin-top:6px}.trait-tags span{font-size:8px;border-radius:4px;background:#f1f2e9;color:#8b967c;padding:3px 6px}.trait-tags .role-tag{background:#f3eddf;color:#a68e61}.person-content{padding:0 20px 17px}.person-action{background:#f0f3e9;border:1px solid #e4ebd8;border-radius:8px;padding:11px 12px;margin-bottom:16px}.action-title{display:flex;align-items:center;gap:6px;font-size:10px;color:#67815c}.action-title .live-dot{height:5px;width:5px}.action-reason{font-size:9px;line-height:1.7;color:#969f88;margin-top:5px}.person-vitals{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px}.vital-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#99a18f;margin-bottom:7px}.vital-label b{color:#6b7f62;font-size:10px;font-weight:500}.meter{height:4px;background:#eeeee3;border-radius:3px;overflow:hidden}.meter span{height:100%;display:block;border-radius:3px;background:#9ab085}.vital-health .meter span{background:#b4bd92}.mini-title{font-size:9px;color:#97a18c;margin:0 0 9px;display:flex;justify-content:space-between;align-items:center}.mini-title span{font-size:8px;color:#b0b69f}.resources{display:grid;grid-template-columns:repeat(4,1fr);background:#f8f8f1;border:1px solid #eeeee2;border-radius:7px;padding:10px 4px;margin-bottom:16px}.resource{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:8px;color:#9ca48d}.resource+.resource{border-left:1px solid #e8ebdd}.resource b{font-family:Arial,sans-serif;font-weight:500;font-size:14px;color:#637459}.resource svg{width:13px;height:13px;color:#afab85}.skill-list{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:9px;color:#839279}.skill-item{display:flex;align-items:center;gap:4px}.skill-item strong{font-size:10px;font-weight:500;color:#637457}.relation-list{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:14px;min-height:21px}.relation-pill{padding:4px 8px;background:#eef2e8;color:#758967;font-size:9px;border-radius:12px}.empty-tiny{font-size:9px;line-height:1.8;color:#a5ad97}.person-journal{border-top:1px solid #eeeede;padding-top:13px}.personal-note{display:flex;gap:9px;font-size:9px;line-height:1.65;color:#89967c;margin-bottom:7px}.personal-note time{color:#b2b99f;white-space:nowrap;font-size:8px;margin-top:1px}.journal-toggle{font-size:9px;color:#81936f;text-align:center;width:100%;padding:6px;background:#f6f7ef;border-radius:4px;margin-top:3px}.tracked-label{font-size:8px;color:#a5ad98;display:flex;align-items:center;gap:5px;margin-left:auto}.tracked-label i{width:4px;height:4px;background:#9caf87;border-radius:50%}
.section-label{display:flex;align-items:center;justify-content:space-between;padding:17px 19px 13px;font-size:11px}.section-label>span:first-child{display:flex;align-items:center;gap:8px}.section-label svg{width:14px;height:14px;color:#a6986f}.event-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 16px 17px}.event-buttons>button{min-width:0;display:flex;align-items:center;gap:9px;border:1px solid #e9eade;border-radius:8px;padding:12px 8px;text-align:left;position:relative;transition:background .15s,transform .15s}.event-buttons>button:hover:not(:disabled){background:#f5f4e9;transform:translateY(-2px);border-color:#d6ddc7}.event-icon{width:28px;height:32px;border-radius:6px;display:flex!important;align-items:center;justify-content:center}.event-icon svg{width:18px;height:18px}.drought-icon{color:#be9960;background:#f7f0dd}.ore-icon{color:#9694aa;background:#f0edf4}.people-icon{color:#879c72;background:#eff3e6}.rain-icon{color:#7e9ca7;background:#ebf2f1}.event-buttons b{font-size:10px;font-weight:500;display:block;white-space:nowrap}.event-buttons small{font-size:8px;color:#a0a68f;display:block;margin-top:5px;white-space:nowrap}.event-arrow{font-size:10px;color:#bdc4ae;position:absolute;right:7px;top:8px}.chronicle-panel .panel-top{height:51px}.count-pill{font-family:Arial,sans-serif;font-size:8px;background:#f0f2e8;padding:3px 6px;border-radius:5px;color:#95a282;font-weight:400}.timeline{padding:11px 21px 15px}.timeline-row{display:flex;gap:13px;position:relative;padding:11px 0}.timeline-row:not(:last-child):after{content:"";position:absolute;left:5px;top:27px;bottom:-11px;width:1px;background:#e8eddf}.timeline-symbol{width:11px;height:11px;flex-shrink:0;border-radius:3px;background:#eef2e5;display:flex;align-items:center;justify-content:center;margin-top:4px;color:#879d70;z-index:1}.timeline-symbol svg{width:9px;height:9px}.timeline-symbol.intervention,.timeline-symbol.conflict,.timeline-symbol.crisis{color:#b58b60;background:#f5ecdd}.timeline-symbol.migration{color:#839ba4;background:#e9f0f0}.timeline-content{min-width:0;flex:1}.timeline-heading{display:flex;gap:10px;align-items:center}.timeline-heading time{font-size:8px;color:#a7b097;font-family:Arial,sans-serif;white-space:nowrap}.timeline-heading b{font-size:10px;font-weight:500;color:#79896b;line-height:1.6}.timeline-row p{margin:4px 0 0;font-size:9px;color:#a0a890;line-height:1.7}.timeline-persons{display:flex;gap:5px;margin-top:6px}.timeline-persons button{font-size:8px;background:#f1f3eb;padding:3px 6px;color:#819471;border-radius:4px}.compact{max-height:270px;overflow:auto}.compact .timeline-row p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.empty-state{padding:35px 18px;text-align:center;color:#98a38b;font-size:11px;line-height:1.9}
.policy-panel .panel-top{padding:0 18px}.small-badge{border:1px solid #e8ecdd;color:#9eaa8e;border-radius:4px;font-size:8px;padding:3px 5px;white-space:nowrap}.policy-body{padding:17px 19px}.tax-label{display:flex;align-items:center;justify-content:space-between}.tax-label label{font-size:10px;color:#839174}.tax-label output{font-size:23px;font-family:Arial,sans-serif;color:#6b805d}.tax-label output span{font-size:11px;margin-left:2px;color:#9aa78a}input[type=range]{appearance:none;background:linear-gradient(to right,#839b6e 24%,#e9eddf 24%);width:100%;height:4px;border-radius:5px;margin:17px 0 10px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#fffef7;border:3px solid #82996e;box-shadow:0 1px 3px #45685320}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#fffef7;border:3px solid #82996e}.range-label{display:flex;justify-content:space-between;font-size:8px;color:#b0b7a0}.form-label{display:block;font-size:10px;color:#869578;margin:23px 0 10px}select{width:100%;padding:10px 12px;background:#fafbf4;border:1px solid #e3e8d7;border-radius:6px;font-size:10px;color:#81906f;cursor:pointer}.policy-body p{font-size:9px;line-height:1.8;color:#a3ae94;margin:8px 0 16px}.treasury{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px dashed #e4e8d8}.treasury>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#9aa787}.treasury svg{width:14px;height:14px;color:#afa775}.treasury b{font-size:16px;font-family:Arial,sans-serif;font-weight:400;color:#7b8d67}.treasury small{font-family:-apple-system,sans-serif;font-size:8px;color:#a6ae94}.policy-foot{font-size:8px;color:#aab39b;margin-top:10px;text-align:right}.page-footer{padding:23px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.2px;color:#a9b09b}.page-footer>span:first-child{display:flex;align-items:center;gap:7px}.page-footer .live-dot{width:4px;height:4px}.page-footer i{font-style:normal;padding:0 8px;color:#c0c6b3}
.roster-panel,.full-history-panel{height:524px}.roster-panel input[type=search]{width:210px;border:1px solid #e4e9da;border-radius:6px;background:#f9faf3;padding:7px 10px;font-size:10px;color:#6d8060}.roster-filters{display:flex;padding:14px 19px 5px;gap:8px}.roster-filters button{font-size:10px;color:#a0a991;padding:6px 9px;border-radius:5px}.roster-filters .active{color:#618057;background:#edf2e5}.roster{padding:10px 16px;overflow:auto;height:413px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;align-content:start}.resident-card{border:1px solid #e8ecdf;display:flex;gap:10px;align-items:center;border-radius:8px;padding:11px;text-align:left;min-width:0}.resident-card.selected{background:#f0f4e9;border-color:#b1c5a0}.small-avatar{width:30px;height:36px;border-radius:6px;overflow:hidden;flex-shrink:0}.small-avatar svg{width:100%;height:100%}.resident-card b{font-size:11px;font-weight:500;display:block}.resident-card small{font-size:9px;color:#9ba58f;margin-top:5px;display:block}.resident-card .resident-status{margin-left:auto;font-size:8px;color:#98a789;white-space:nowrap}.full-history-panel .timeline{height:469px;overflow:auto}.full-history-panel select{width:120px}.full-history-panel .panel-title .subtle{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 20px;background:#45614cec;color:#f5f4e5;border:1px solid #7c907d;font-size:12px;border-radius:9px;box-shadow:0 5px 24px #253f3020;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:85vw;text-align:center;line-height:1.6}.toast.show{opacity:1;transform:translate(-50%,0)}
dialog{border:1px solid #dfe5d4;border-radius:17px;background:#fcfcf5;color:var(--ink);padding:35px;max-width:670px;width:calc(100% - 40px);box-shadow:0 25px 100px #243b3a30}dialog::backdrop{background:#263d3259;backdrop-filter:blur(5px)}dialog h2{font-family:"Songti SC",serif;font-weight:500;font-size:24px;line-height:1.5;letter-spacing:1px;margin:16px 0}dialog p{font-size:11px;line-height:1.9;color:#8a977d}.dialog-close{position:absolute;right:19px;top:15px;font-size:24px;color:#95a388}.guide-chain{display:flex;gap:12px;justify-content:center;align-items:center;padding:17px;background:#f0f3e7;margin:22px 0;border-radius:8px;font-size:10px}.guide-chain b{font-weight:500;color:#6e865f}.guide-chain span{color:#a7b698}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px}.guide-grid h3{font-size:12px;font-weight:500;margin:0 0 5px;color:#6d805f}.guide-note{padding-top:14px;border-top:1px solid #e3e9d9;font-size:10px!important}.primary-button,.secondary-button{padding:11px 19px;border-radius:7px;font-size:11px}.primary-button{background:#526f51;color:#fffcef}.secondary-button{background:#ebefe3;color:#7f9270}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}#reset-dialog{max-width:440px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#d7dfcc;border-radius:5px}
@media(min-width:1500px){main{padding-top:36px}.map-scene{height:480px}.workspace{grid-template-columns:minmax(0,1fr) 345px}.person-intro{padding-top:25px;padding-bottom:20px}.person-content{padding-bottom:22px}.person-action{padding:14px}.event-buttons>button{padding:15px 12px}.roster-panel,.full-history-panel{height:578px}.roster{height:467px}.full-history-panel .timeline{height:523px}}
@media(max-width:1180px){.topbar{padding:0 24px}main{padding:27px 24px 0}.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:15px}.metric{padding:13px 12px}.metrics{gap:9px}.metric-spark{width:35px;right:8px;top:51px}.metric-number{font-size:27px}.legend{gap:10px}.event-buttons{grid-template-columns:repeat(2,1fr)}.event-buttons>button{padding:11px 13px}.map-scene{height:426px}.map-panel .panel-title .subtle{display:none}.heading h1{font-size:26px}.wordmark span{font-size:8px;letter-spacing:1.4px}.person-content{padding:0 16px 16px}.person-intro{padding:18px 16px}.map-bottom{padding:0 14px;font-size:8px}.map-bottom>span{display:none}.roster{grid-template-columns:1fr}.resident-card{padding:9px}.roster-panel input[type=search]{width:150px}}
@media(max-width:900px){.rail{width:67px}.rail-button{width:50px}.shell{margin-left:67px}.topbar{height:67px}.wordmark span{display:none}.top-meta>.separator,.top-meta>span:nth-last-of-type(1){display:none}.workspace{grid-template-columns:minmax(0,1fr) 265px;gap:12px}.heading{gap:20px}.heading h1{font-size:23px;letter-spacing:1px}.heading p{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1.5px}.metrics{grid-template-columns:repeat(3,1fr)}.metric-spark{width:50px}.map-scene{height:395px}.panel-top{padding:0 14px}.map-panel .panel-top{flex-wrap:wrap;height:73px;gap:3px;padding-top:10px;padding-bottom:9px}.map-panel .panel-title{width:100%}.segmented{margin-left:auto;margin-top:-23px}.segmented button{padding:5px 7px;font-size:9px}.map-hint{font-size:8px;left:12px}.map-hint svg{display:none}.weather-tag{font-size:8px;right:12px;bottom:36px}.section-label .subtle{display:none}.event-buttons{padding:0 10px 13px;gap:7px}.event-buttons b{font-size:9px}.event-buttons small{font-size:7px}.event-buttons>button{padding:11px 7px;gap:6px}.event-icon{width:24px}.page-footer span:last-child{font-size:8px}.roster-panel,.full-history-panel{height:512px}.roster{height:400px}.full-history-panel .timeline{height:457px}}
@media(max-width:740px){.rail{width:56px;padding:17px 0}.brand-mark img{width:34px;height:34px;border-radius:10px}.rail-button{width:44px;height:59px}.rail-button svg{width:20px;height:20px}.rail-button small{font-size:9px}.rail-footer{display:none}.shell{margin-left:56px}.topbar{height:66px;padding:0 16px}.wordmark{font-size:18px;letter-spacing:3px}.top-meta{font-size:9px}.top-meta>.live-dot,.top-meta{font-size:0;gap:0}.top-meta .text-button{font-size:9px;margin-left:0;padding-left:0;border:0}.top-meta .live-dot{display:none}main{padding:24px 15px 0}.heading{display:block;margin-bottom:20px}.heading h1{font-size:25px;letter-spacing:1px}.heading p{font-size:10px}.time-control{flex-direction:row;align-items:center;justify-content:space-between;margin-top:21px;gap:5px}.date{font-size:9px;gap:5px}.playback button{width:28px;height:26px}.playback{gap:1px;padding:3px}.metrics{gap:7px;margin-bottom:17px}.metric{padding:11px 9px}.metric-top{font-size:9px}.metric-top svg{width:12px;height:12px}.metric-number{font-size:25px}.metric-number small{font-size:8px;margin-left:2px}.metric-spark{display:none}.metric-foot{font-size:7px;letter-spacing:-.3px}.workspace{grid-template-columns:1fr;gap:16px}.world-column{gap:15px}.detail-column{display:grid;grid-template-columns:1fr;gap:15px}.map-scene{height:330px}.map-panel .panel-top{height:51px;flex-wrap:nowrap}.map-panel .panel-title{width:auto}.segmented{margin-top:0}.map-bottom{justify-content:center}.legend{gap:12px}.map-caption{top:14px;left:13px;font-size:8px}.compass{right:15px;top:15px}.map-hint{bottom:14px}.weather-tag{bottom:14px;font-size:7px}.map-zoom{right:13px;bottom:41px}.event-buttons{grid-template-columns:1fr 1fr;padding:0 14px 15px;gap:8px}.event-buttons>button{padding:12px 11px;gap:9px}.event-buttons b{font-size:10px}.event-buttons small{font-size:8px}.event-icon{width:30px}.chronicle-panel{order:3}.person-intro{padding:20px}.person-content{padding:0 20px 20px}.page-footer{display:block;font-size:8px;line-height:2.5}.page-footer span:last-child{font-size:7px}.roster-panel,.full-history-panel{height:424px}.roster{height:313px;grid-template-columns:1fr}.full-history-panel .timeline{height:369px}.full-history-panel .panel-title{font-size:11px}.full-history-panel select{width:105px;font-size:9px}.guide-chain{gap:5px;font-size:8px;padding:13px 5px}.guide-grid{grid-template-columns:1fr}.guide-grid p{font-size:10px}dialog{padding:25px}dialog h2{font-size:21px}.person-panel .panel-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.expansion-panel{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;gap:10px;background:#f4f5ec}.expansion-panel>div{display:flex;align-items:center;gap:13px;min-width:0}.expansion-symbol{color:#879c71}.expansion-symbol svg{width:25px;height:25px}.expansion-panel b{font-family:"Songti SC",serif;font-size:13px;font-weight:500;letter-spacing:1px}.expansion-panel p{font-size:8px;color:#9ca68c;margin:6px 0 0;line-height:1.6}.expansion-panel>button{border:1px solid #dce4cf;border-radius:6px;padding:9px 12px;background:#fcfcf5;font-size:10px;color:#7f936a;white-space:nowrap}.expansion-panel button span{margin-left:8px}@media(max-width:740px){.expansion-panel{padding:13px}.expansion-symbol{display:none!important}.expansion-panel b{font-size:12px}.expansion-panel p{font-size:7px}.expansion-panel>button{padding:9px;font-size:9px}}