:root{--bg:#f5f6f1;--paper:#fffefa;--ink:#2d3c32;--muted:#90958b;--green:#526e4e;--green-dark:#3e5942;--green-soft:#eef2e6;--line:#e8eae1;--coral:#bb765d;--gold:#b69654;--radius:14px;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:13px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none;transition:background .18s,color .18s,transform .18s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #7a9364;outline-offset:4px}a{color:inherit;text-decoration:none}button .icon{flex-shrink:0}.icon{width:19px;height:19px;vertical-align:middle;display:inline-block;flex-shrink:0}h1,h2,h3,p{margin:0}.hidden{display:none!important}
.rail{position:fixed;inset:0 auto 0 0;width:79px;border-right:1px solid var(--line);background:#fbfcf7;display:flex;align-items:center;flex-direction:column;z-index:20}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:46px;background:var(--green-dark);border-radius:13px;margin:23px 0 36px;box-shadow:0 4px 10px #3d5b4214}.brand-mark svg{width:31px;height:34px;margin-top:-3px}.rail-navigation{display:flex;flex-direction:column;gap:15px;width:100%;align-items:center}.nav-button{position:relative;display:flex;width:57px;height:66px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#8d9389;border-radius:10px;font-size:10px;letter-spacing:1px}.nav-button .icon{width:22px;height:22px}.nav-button:hover{color:var(--green-dark);background:#eff2e9}.nav-button.active{background:#e9eedf;color:var(--green-dark);font-weight:600}.nav-button.active:before{content:"";position:absolute;left:-11px;top:22px;width:3px;height:23px;border-radius:0 3px 3px 0;background:#667d53}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;padding-bottom:20px;gap:12px}.rail-divider{height:1px;width:27px;background:var(--line)}.version{font-size:10px;color:#afb3a8;font-family:monospace}
.app-shell{margin-left:79px}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#f9faf5}.wordmark{font-size:20px;font-weight:700;display:flex;align-items:center;gap:15px;letter-spacing:2px}.wordmark>span:not(.beta-tag){font-family:Georgia,serif;font-size:12px;letter-spacing:2.1px;color:#808878;font-weight:400;margin-left:1px}.beta-tag{font-size:10px;letter-spacing:1px;font-weight:400;border:1px solid #dce1d3;border-radius:4px;padding:1px 7px;color:#8e957f;margin-left:-3px}.topbar-right{display:flex;align-items:center;gap:19px;color:#91978c}.world-seed{font-family:monospace;font-size:11px;letter-spacing:.2px}.topbar-divider{height:16px;width:1px;background:#dee2d7}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#76816d;padding:5px 0}.text-button:hover{color:var(--green-dark)}.text-button .icon{width:15px;height:15px}.text-button.small{font-size:11px}.text-button.small .icon{width:14px}
main{max-width:1710px;margin:0 auto;padding:30px 36px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{color:#839075;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:7px;margin-bottom:9px}.tiny-leaf{color:#8da36c;font-size:16px;line-height:1}h1{font-size:29px;letter-spacing:1.2px;font-weight:600;line-height:1.5}h1>span{color:#849464}.page-heading p{font-size:11px;color:#8c9285;letter-spacing:.3px;margin-top:8px}.time-controls{display:flex;align-items:flex-end;flex-direction:column;gap:10px;padding-top:20px}.live-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#87937d;letter-spacing:.4px}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:#85a567;border-radius:50%;box-shadow:0 0 0 3px #88a26912}.live-label:not(.paused) .live-dot{animation:breathe 2s ease-in-out infinite}.live-label.paused .live-dot{background:#b69d6b}.playback{display:flex;height:35px;gap:5px;align-items:center}.play-button{height:34px;width:35px;border-radius:7px;background:var(--green-dark);color:#fff}.play-button:hover{background:#59724d}.play-button .icon{width:14px;height:14px}.speed-buttons{height:34px;background:#e9ece2;border-radius:7px;display:flex;padding:3px;gap:1px}.speed-buttons button{width:36px;border-radius:5px;font-size:11px;color:#88907f}.speed-buttons button.active{background:#fffefa;box-shadow:0 1px 4px #3443220c;color:#4d6143;font-weight:600}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat-card{padding:16px 19px 13px;background:var(--paper);border:1px solid var(--line);border-radius:11px;overflow:hidden;min-height:114px;position:relative}.stat-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7e8878}.stat-heading .icon{width:16px;height:16px;color:#8c9c7c}.stat-body{display:flex;align-items:center;gap:9px;margin-top:6px}.stat-value{font-size:29px;line-height:1.3;letter-spacing:-.7px;font-family:"Segoe UI",sans-serif;font-weight:500;font-variant-numeric:tabular-nums}.stat-unit{font-size:11px;color:#919986;margin-left:2px;align-self:flex-end;margin-bottom:5px}.stat-trend{display:flex;gap:3px;align-items:center;font-size:10px;color:#7b9566;border-radius:4px;padding:1px 5px;margin-left:3px;background:#f0f5e8}.stat-trend.negative{background:#f7ece6;color:#bb846c}.stat-note{font-size:9px;color:#9da18e;margin-top:5px;white-space:nowrap}.stat-chart{width:75px;height:29px;margin-left:auto;opacity:.65;flex-shrink:0}.stat-card:nth-child(2) .stat-heading .icon{color:#b79c5d}.stat-card:nth-child(3) .stat-heading .icon{color:#bc9682}.stat-card:nth-child(4) .stat-heading .icon{color:#859999}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.world-grid,.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 308px;gap:20px}.card-heading{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;gap:10px}.heading-name{display:flex;align-items:center;gap:9px;min-width:0}.heading-name>.icon,.heading-name>span>.icon{width:17px;height:17px;color:#778568}.heading-name h2{font-size:13px;font-weight:600;white-space:nowrap;letter-spacing:.5px}.subtle-tag{font-size:9px;color:#939c86;margin-left:2px;font-weight:400;white-space:nowrap}.map-heading{height:58px}.map-layers{display:flex;padding:3px;background:#f1f3eb;border-radius:6px;gap:1px}.map-layers button{padding:4px 11px;line-height:1.5;font-size:10px;border-radius:4px;color:#8a937e}.map-layers button.active{background:var(--paper);color:#576c48;box-shadow:0 1px 4px #3042240b}.map-stage{height:421px;position:relative;background:#dae7df;overflow:hidden;margin:0 6px;border-radius:8px}.map-stage canvas{width:100%;height:100%;display:block;touch-action:none}.map-date{position:absolute;top:15px;left:15px;padding:9px 12px;background:#fffef4e8;border:1px solid #fffaf799;box-shadow:0 3px 12px #3c5d3520;display:flex;align-items:center;gap:10px;border-radius:8px;pointer-events:none}.weather-symbol{color:#bda46c;display:flex;align-items:center}.weather-symbol .icon{width:23px;height:23px}.map-date strong{display:block;font-size:10px;letter-spacing:.3px;font-weight:600}.map-date span{display:block;font-size:9px;color:#8c9583;margin-top:2px}.map-top-right{position:absolute;top:19px;right:15px;display:flex;align-items:center;gap:7px;background:#fafff3c9;backdrop-filter:blur(8px);padding:5px 9px;border-radius:5px;font-size:9px;color:#738366;pointer-events:none}.map-hint{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font-size:9px;color:#607258;background:#f9fdefda;border:1px solid #ffffff6b;border-radius:20px;padding:6px 13px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 6px #47543d08}.map-hint .icon{width:12px;height:12px}.map-zoom{position:absolute;right:13px;bottom:15px;display:flex;flex-direction:column;background:#fffef5ec;border:1px solid #ffffff9c;border-radius:7px;box-shadow:0 3px 8px #47543d0a;overflow:hidden}.map-zoom button{height:28px;width:29px;display:flex;justify-content:center;align-items:center;color:#68765c;font-size:17px}.map-zoom button+button{border-top:1px solid #e0e6d9}.map-zoom button:hover{background:#e7eddb}.map-zoom .icon{height:12px;width:12px}.map-legend{position:absolute;bottom:19px;left:16px;display:flex;gap:10px;font-size:9px;color:#637458;pointer-events:none}.map-legend>span{display:flex;align-items:center;gap:4px}.map-legend i{height:5px;width:5px;border-radius:1px}.map-footer{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;color:#9da591;gap:10px}.map-footer>span:first-child{display:flex;align-items:center;gap:6px;color:#7f8d72}.tiny-status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#88a275;flex-shrink:0}
.control-card{height:518px}.panel-tabs{height:58px;margin:0 18px;border-bottom:1px solid var(--line);display:flex;gap:24px}.panel-tabs button{height:100%;font-size:12px;color:#989d90;position:relative;padding:0 1px;display:flex;align-items:center;gap:5px}.panel-tabs button.active{font-weight:600;color:#516947}.panel-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#6a8257;border-radius:3px}.panel-tabs #tracking-dot.tracking{width:5px;height:5px;background:#b39760;border-radius:50%}#control-content{height:459px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d8dfcb transparent}.intervention-content{padding:17px 18px}.section-mini-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;font-size:11px;font-weight:600;color:#65715b}.section-mini-heading>span:last-child{font-size:9px;color:#a2a895;font-weight:400}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.event-button{display:flex;gap:9px;align-items:center;padding:10px 10px;border:1px solid #e6e8db;background:#fafbf4;border-radius:8px;text-align:left;min-width:0}.event-button>.icon{width:20px;height:20px;color:#ad946b}.event-button strong{display:block;font-size:10px;font-weight:500;color:#6c735e}.event-button small{display:block;font-size:8px;color:#a5a88f;margin-top:2px;white-space:nowrap}.event-button:hover{border-color:#b2c09e;background:#f0f4e7;transform:translateY(-2px)}.event-button[data-event=discovery]>.icon{color:#8c9d8a}.event-button[data-event=immigration]>.icon{color:#8c9fbb}.event-button[data-event=rain]>.icon{color:#90a7b4}.world-condition{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:9px 10px;background:#f0f4e8;border-radius:6px;color:#8b9779;font-size:9px;line-height:1.7}.world-condition>.icon{width:12px;height:12px;margin-top:2px;flex-shrink:0}.world-condition.danger{background:#faf0df;color:#af9364}.policy-section{border-top:1px solid var(--line);margin-top:17px;padding-top:16px}.tax-title{display:flex;justify-content:space-between;align-items:center;margin:13px 0 8px;font-size:10px;color:#7a826c}.tax-title output{font-family:monospace;font-size:14px;color:#4d6744;font-weight:600}.tax-title strong{font-weight:400}.tax-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;border-radius:3px;display:block;outline:none;accent-color:#70875b;cursor:pointer;background:linear-gradient(to right,#879d70 0%,#879d70 var(--value,30%),#e6eadd var(--value,30%),#e6eadd 100%);margin:15px 0 10px}.tax-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:#fffefa;border-radius:50%;border:3px solid #728b5d;box-shadow:0 1px 3px #50623f24}.tax-slider::-moz-range-thumb{width:8px;height:8px;background:#fffefa;border:3px solid #728b5d;border-radius:50%}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#aaaF9d}.distribution-label{font-size:10px;color:#7a826c;margin-top:15px;margin-bottom:9px}.distribution-buttons{display:flex;border:1px solid #e0e5d6;border-radius:6px;background:#fafbf6;padding:3px;gap:2px}.distribution-buttons button{font-size:9px;padding:6px 0;flex:1;white-space:nowrap;border-radius:4px;color:#959d87}.distribution-buttons button.active{background:#e9efdf;color:#5a7247;font-weight:600}.policy-note{font-size:8px;color:#a1a791;line-height:1.8;margin-top:10px;display:flex;gap:5px}.policy-note .icon{width:11px;height:11px;margin-top:2px}.policy-summary{display:flex;justify-content:space-between;font-size:9px;color:#8c977f;margin-top:12px;padding-top:11px;border-top:1px dashed #e3e7da}.policy-summary strong{font-family:monospace;color:#6f835c;font-weight:400}
.bottom-grid{margin-top:21px;align-items:start}.chronicle-card,.activity-card{min-height:272px}.chronicle-card .card-heading,.activity-card .card-heading{height:53px}.chronicle-list{padding:0 20px 12px}.chronicle-item{display:grid;grid-template-columns:41px 23px minmax(0,1fr);gap:9px;padding:12px 0;position:relative;min-height:60px}.chronicle-item+.chronicle-item{border-top:1px solid #edf0e6}.chronicle-day{font-family:monospace;font-size:9px;color:#a4ac97;padding-top:2px;white-space:nowrap}.chronicle-symbol{height:23px;width:23px;border-radius:6px;background:#edf2e5;color:#829a68;display:flex;align-items:center;justify-content:center}.chronicle-symbol .icon{width:12px;height:12px}.chronicle-symbol.type-conflict,.chronicle-symbol.type-death,.chronicle-symbol.type-drought{background:#f7ebe3;color:#be8c70}.chronicle-symbol.type-trade,.chronicle-symbol.type-work{background:#f4f1e0;color:#a79e69}.chronicle-symbol.type-migrate,.chronicle-symbol.type-immigration{background:#eaf0f1;color:#879fa3}.chronicle-title{font-size:10px;color:#68775a;line-height:1.6;font-weight:500}.chronicle-text{font-size:9px;color:#9ba38e;margin-top:3px;line-height:1.7;overflow-wrap:anywhere}.resident-link{color:#6a8055;display:inline;padding:0;border-bottom:1px dotted #afbd9c;font-size:inherit;line-height:inherit}.resident-link:hover{color:#365034}.live-caption{font-size:9px;color:#96a089;display:flex;align-items:center;gap:5px}.activity-row{display:flex;align-items:center;gap:10px;margin:0 18px;padding:10px 0;text-align:left;width:calc(100% - 36px);border-top:1px solid #edf0e7}.activity-row:hover .activity-name{color:#45643e}.avatar{display:block;flex-shrink:0;border-radius:10px}.activity-details{min-width:0;flex:1}.activity-name{font-size:10px;font-weight:600}.activity-name span{font-weight:400;color:#a1a691;font-size:8px;margin-left:6px}.activity-action{font-size:9px;color:#959f88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;max-width:195px}.activity-status{height:6px;width:6px;border-radius:50%;background:#a1b085}.page-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a5ad98;padding:24px 0 21px;gap:10px}.footer-spark{color:#83966a;margin-right:5px}.footer-separator{color:#c0c5b5;margin:0 9px}
.resident-content{padding:17px 18px}.resident-identity{display:flex;gap:12px;align-items:center}.resident-identity h3{font-size:17px;letter-spacing:1px;display:flex;gap:7px;align-items:center}.resident-identity h3 small{font-size:9px;font-weight:400;color:#869577;letter-spacing:0}.resident-subtitle{font-size:9px;color:#98a18d;margin-top:2px}.personality-tags{display:flex;gap:5px;margin-top:11px;flex-wrap:wrap}.personality-tags span{font-size:8px;color:#8b927b;background:#f1f3e9;border-radius:4px;padding:2px 7px}.resident-action-box{padding:10px;background:#eef3e5;border-radius:8px;margin-top:13px}.resident-action-box strong{font-size:10px;font-weight:500;color:#6b8058;display:flex;align-items:center;gap:5px}.resident-action-box .icon{width:13px;height:13px}.resident-action-box p{font-size:9px;color:#97a087;margin-top:5px;line-height:1.7}.resident-resources{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;padding-bottom:13px;border-bottom:1px solid var(--line)}.resident-resource{text-align:center}.resident-resource+.resident-resource{border-left:1px solid var(--line)}.resident-resource span{font-size:8px;color:#9ca58f;display:block}.resident-resource strong{font-weight:500;font-family:monospace;font-size:17px;color:#657752}.resident-resource small{font-size:8px;color:#a1aa94;margin-left:3px}.detail-section{margin-top:13px}.detail-title{font-size:10px;color:#6e7c60;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;font-weight:500}.detail-title span{font-size:8px;font-weight:400;color:#a0aa90}.skill-row{display:flex;align-items:center;gap:8px;font-size:8px;color:#96a087;margin-top:6px}.skill-row>span{width:26px}.skill-track{height:4px;flex:1;border-radius:3px;background:#edf0e5;overflow:hidden}.skill-track>i{display:block;height:100%;background:#a1b18b;border-radius:3px}.skill-row>small{font-family:monospace;width:21px;text-align:right;font-size:8px}.relation-row{display:flex;gap:5px;flex-wrap:wrap}.relation-chip{border:1px solid #e7ebdf;border-radius:6px;padding:4px 7px;display:flex;align-items:center;gap:5px;font-size:9px;color:#82936f;background:#fafcf5}.relation-chip.negative{color:#b6856c;background:#fcf6f0;border-color:#eee4d9}.relation-chip span{font-size:8px;opacity:.65}.life-event{font-size:9px;color:#929e82;line-height:1.8;position:relative;padding:0 0 8px 11px;border-left:1px solid #e1e8d4;margin-left:3px}.life-event:before{content:"";position:absolute;left:-3px;top:5px;width:5px;height:5px;background:#b4c09f;border-radius:50%}.life-event small{font-size:8px;color:#acb39d;display:block}.empty-tracking{padding:35px 25px;text-align:center;color:#91a17e}.empty-tracking>.icon{width:45px;height:45px;stroke-width:1;margin-bottom:20px;color:#acb897}.empty-tracking h3{font-size:15px;font-weight:500;margin-bottom:10px;color:#6d7e5d}.empty-tracking p{font-size:11px;line-height:2;color:#99a38e}.primary-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:7px;font-size:11px}.primary-button{background:#526e47;color:#fffefa}.primary-button:hover{background:#415d36}.outline-button{border:1px solid #dbe2ce;background:#fafcf4;color:#7c8e69}.outline-button:hover{background:#edf2e4}.primary-button .icon,.outline-button .icon{width:14px;height:14px}.empty-tracking .primary-button{margin-top:20px}
.directory-card,.history-card{min-height:535px;padding:24px}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.directory-heading h2{font-size:19px;letter-spacing:.5px;font-weight:500}.directory-heading p{font-size:11px;color:#929d84;margin-top:6px}.directory-controls{display:flex;gap:10px;align-items:center}.search-field{display:flex;align-items:center;gap:7px;border:1px solid #e2e7d7;background:#f9fbf4;border-radius:7px;padding:8px 10px;color:#9da68f}.search-field .icon{width:14px;height:14px}.search-field input{background:transparent;border:0;outline:none;font-size:11px;width:165px;color:#687c56}.search-field input::placeholder{color:#a2ad95}select{padding:8px;border-radius:7px;border:1px solid #e2e7d7;background:#f9fbf4;color:#7b8d68;font-size:11px;outline:none;cursor:pointer}.residents-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.resident-card{padding:16px;border:1px solid #e5eadd;background:#fcfdf8;border-radius:10px;display:block;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}.resident-card:hover{transform:translateY(-3px);border-color:#b9c8a5;box-shadow:0 5px 20px #6474480c}.resident-card-head{display:flex;align-items:center;gap:10px}.resident-card h3{font-size:12px;font-weight:600}.resident-card-head p{font-size:9px;color:#9aa68b;margin-top:3px}.resident-card-action{font-size:9px;color:#96a383;margin:11px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resident-card-foot{display:flex;justify-content:space-between;font-size:9px;color:#8c9c79;padding-top:8px;border-top:1px solid #edf0e6}.resident-card-foot .icon{width:11px;height:11px;margin-right:3px}.full-chronicle{max-width:100%;padding:0}.full-chronicle .chronicle-item{grid-template-columns:55px 27px 1fr;padding:16px 0}.full-chronicle .chronicle-title{font-size:12px}.full-chronicle .chronicle-text{font-size:11px}.empty-state{grid-column:1/-1;color:#99a889;font-size:12px;text-align:center;padding:65px 0}
.toast-container{position:fixed;bottom:25px;left:calc(50% + 35px);transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;gap:9px;align-items:center;background:#3e5945;color:#f2f7e9;padding:12px 20px;border-radius:10px;box-shadow:0 5px 30px #28362025;max-width:80vw;font-size:12px;animation:toastIn .25s ease-out}.toast .icon{width:16px;height:16px}dialog{border:1px solid #dfe5d4;border-radius:16px;padding:0;background:#fffefa;color:var(--ink);width:570px;max-width:calc(100vw - 32px);box-shadow:0 20px 100px #20331e2b}dialog::backdrop{background:#1d31294d;backdrop-filter:blur(4px)}.dialog-inner{padding:28px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.dialog-header h2{font-size:20px;font-weight:500;letter-spacing:.7px}.dialog-close{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#8e9b7e}.dialog-close:hover{background:#eff3e7}.dialog-description{font-size:12px;color:#8d9a7e;line-height:1.9}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.seed-label{display:block;font-size:11px;color:#7f8d70;margin-top:20px}.seed-label input{display:block;width:100%;padding:10px 12px;border:1px solid #dae2ce;border-radius:6px;background:#f9fcf2;color:#617b4c;margin-top:6px;outline:none}.guide-list{margin-top:19px;display:flex;flex-direction:column;gap:13px}.guide-item{display:flex;gap:11px}.guide-item>.icon{width:18px;height:18px;color:#839c6c;margin-top:2px}.guide-item strong{font-size:12px;color:#697e57;font-weight:500}.guide-item p{font-size:11px;line-height:1.8;color:#99a28c;margin-top:3px}.dialog-fine-print{border-top:1px solid #e8edde;padding-top:14px;margin-top:18px;font-size:10px;color:#a0aa94;line-height:1.8}.metric-detail{padding:16px 0 4px;color:#869676;font-size:12px;line-height:2}.metric-detail .big-chart{height:110px;width:100%;margin-top:15px}.metric-detail strong{font-size:27px;color:#4f6842;font-weight:500;margin-right:5px}.metric-click{cursor:pointer}.metric-click:hover{border-color:#c3cfb2}.stat-heading span:last-child .icon{width:13px;opacity:.5}
/* Comfortable reading sizes for the observation panels. */
.stat-card{text-align:left}.stat-note{font-size:10px;color:#89937c}.stat-heading{font-size:12px}.stat-unit{font-size:11px}.stat-trend{font-size:10px}.eyebrow{font-size:11px}.page-heading p{font-size:12px}.topbar{height:78px}main{padding-top:25px}.page-heading{margin-bottom:22px}.heading-name h2{font-size:14px}.subtle-tag{font-size:10px}.map-layers button{font-size:11px}.panel-tabs button{font-size:13px}.section-mini-heading{font-size:12px}.section-mini-heading>span:last-child{font-size:10px}.event-button strong{font-size:11px}.event-button small{font-size:9px;color:#909b80}.event-button{padding:10px 8px;gap:7px}.event-button>.icon{width:18px;height:18px}.intervention-content{padding:15px 18px}.world-condition{font-size:10px;line-height:1.7;padding:8px 9px;margin-top:10px;color:#798968}.policy-section{margin-top:12px;padding-top:12px}.tax-title{font-size:11px;margin-top:10px}.range-labels{font-size:9px}.distribution-label{font-size:11px;margin-top:11px;margin-bottom:7px}.distribution-buttons button{font-size:10px;padding:5px 0}.policy-note{font-size:9px;color:#8f9a80;margin-top:8px}.policy-summary{font-size:10px;margin-top:8px;padding-top:8px}.chronicle-title{font-size:11px;color:#667a55}.chronicle-text{font-size:10px;color:#89997a}.chronicle-day{font-size:10px}.activity-name{font-size:11px}.activity-name span{font-size:9px}.activity-action{font-size:10px}.resident-subtitle{font-size:10px}.personality-tags span{font-size:9px}.resident-action-box strong{font-size:11px}.resident-action-box p{font-size:10px}.resident-resource span{font-size:9px}.detail-title{font-size:11px}.skill-row{font-size:10px}.skill-row>span{width:28px}.skill-row>small{font-size:10px}.relation-chip{font-size:10px}.life-event{font-size:10px}.life-event small{font-size:9px}.map-footer{font-size:10px}.directory-heading p{font-size:12px}.resident-card h3{font-size:13px}.resident-card-head p{font-size:10px}.resident-card-action{font-size:10px}.resident-card-foot{font-size:10px}
@keyframes breathe{50%{box-shadow:0 0 0 4px #8aa26a1a;opacity:.6}}@keyframes toastIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){main{padding-top:36px}.page-heading{margin-bottom:30px}.map-stage{height:495px}.control-card{height:592px}#control-content{height:533px}.intervention-content{padding:22px}.event-button{padding:15px 12px}.policy-section{margin-top:23px;padding-top:21px}.distribution-label{margin-top:22px}.policy-note{margin-top:15px}.world-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 330px}.stat-card{padding:19px 22px;min-height:124px}.page-heading h1{font-size:32px}.chronicle-card,.activity-card{min-height:278px}}
@media(max-width:1180px){main{padding:25px 25px 0}.topbar{padding:0 25px}.world-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 286px;gap:15px}.stats-grid{gap:12px}.stat-card{padding:14px}.stat-chart{width:50px}.stat-note{font-size:8px}.map-stage{height:421px}.map-legend{display:none}.subtle-tag{font-size:8px}.map-heading{padding:0 15px}.map-layers button{padding:4px 8px}.heading-name{gap:6px}.residents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-heading{align-items:flex-start;flex-direction:column}.page-heading p{font-size:10px}.wordmark>span:not(.beta-tag){font-size:10px}.chronicle-text{font-size:8px}.activity-row{margin:0 14px;width:calc(100% - 28px)}.chronicle-list{padding:0 15px 12px}}
@media(max-width:980px){.rail{width:66px}.app-shell{margin-left:66px}.brand-mark{width:39px;height:42px}.nav-button{width:48px;font-size:9px}.nav-button.active:before{left:-9px}main{padding:22px 20px 0}.topbar{height:74px;padding:0 20px}.world-grid{grid-template-columns:minmax(0,1fr) 265px;gap:12px}.stats-grid{gap:10px}.stat-chart{display:none}.stat-value{font-size:26px}.stat-heading{font-size:10px}.stat-unit{font-size:9px}.stat-trend{font-size:8px;margin-left:0}.map-stage{height:421px}.heading-name .subtle-tag{display:none}.map-heading{padding:0 12px}.heading-name h2{font-size:12px}.panel-tabs{gap:20px}.intervention-content{padding:16px 14px}.event-button{padding:10px 7px;gap:6px}.event-button>.icon{width:17px}.map-footer>span:last-child{display:none}.map-hint{font-size:8px;padding:5px 8px;left:45%}.bottom-grid{grid-template-columns:minmax(0,1fr) 265px;gap:12px}h1{font-size:25px}.world-seed{font-size:9px}.wordmark{gap:10px;font-size:18px}.beta-tag{display:none}.page-footer{font-size:8px}.page-footer>span:last-child{max-width:48%;text-align:right}}
@media(max-width:790px){.wordmark>span:not(.beta-tag){display:none}.world-grid{grid-template-columns:1fr}.map-stage{height:415px}.control-card{height:auto}#control-content{height:auto;max-height:510px}.intervention-content{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px}.policy-section{margin:0;border-top:0;border-left:1px solid var(--line);padding:0 0 0 18px}.world-condition{margin-bottom:0}.panel-tabs{height:46px}.policy-section .section-mini-heading{margin-bottom:4px}.tax-title{margin-top:7px}.distribution-label{margin-top:10px}.policy-summary{margin-top:8px}.bottom-grid{grid-template-columns:1fr 265px}.page-heading{align-items:flex-start}.page-heading p{max-width:290px}.time-controls{padding-top:21px}.stats-grid{gap:8px}.stat-card{padding:12px;min-height:104px}.stat-value{font-size:24px}.stat-trend{display:none}.stat-note{white-space:normal;line-height:1.6}.stat-heading .icon{width:14px;height:14px}.resident-content{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.resident-identity{grid-column:1/-1}.resident-content .personality-tags{margin-top:0;grid-column:1/-1}.resident-action-box,.resident-resources,.detail-section{margin-top:0}.resident-resources{border:0}.full-view .residents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.rail{width:56px}.app-shell{margin-left:56px}.brand-mark{height:35px;width:33px;border-radius:10px;margin:20px 0 27px}.brand-mark svg{width:25px;height:28px}.nav-button{width:42px;height:60px;font-size:8px}.nav-button .icon{width:20px;height:20px}.nav-button.active:before{left:-7px}.rail-navigation{gap:9px}.topbar{height:75px;padding:0 15px}.wordmark{font-size:17px;letter-spacing:1px}.topbar-right{gap:9px}.world-seed,.topbar-divider{display:none}.text-button{font-size:10px}.text-button .icon{width:12px;height:12px}main{padding:23px 13px 0}.page-heading{position:relative;display:block;margin-bottom:19px;padding-bottom:53px}.eyebrow{font-size:8px;margin-bottom:8px}h1{font-size:22px;letter-spacing:.5px}.page-heading p{font-size:9px;max-width:none;margin-top:7px;line-height:1.9}.time-controls{position:absolute;bottom:0;right:0;display:flex;flex-direction:row;align-items:center;gap:12px;padding:0;width:100%;justify-content:space-between}.live-label{font-size:9px}.playback{height:31px}.play-button,.speed-buttons{height:30px}.speed-buttons button{width:32px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.stat-card{min-height:103px;padding:12px 13px}.stat-value{font-size:26px}.stat-note{font-size:8px}.stat-chart{display:block;width:43px;height:24px}.stat-heading{font-size:9px}.stat-unit{font-size:8px}.map-heading{height:52px;padding:0 12px}.map-stage{height:335px;margin:0 4px}.map-heading h2{font-size:11px}.map-layers button{font-size:9px;padding:4px 7px}.heading-name>.icon,.heading-name>span>.icon{width:14px;height:14px}.map-top-right{font-size:8px;top:14px;right:9px;gap:4px;padding:4px 6px}.map-date{top:11px;left:9px;padding:7px;gap:6px}.map-date strong{font-size:9px}.map-date span{font-size:8px}.weather-symbol .icon{width:19px;height:19px}.map-hint{bottom:13px;max-width:79%;left:45%;font-size:7px}.map-zoom{right:8px;bottom:12px}.map-zoom button{width:25px;height:25px}.map-footer{height:33px;font-size:8px;padding:0 12px}.world-grid{gap:14px}.intervention-content{display:block;padding:17px}.policy-section{border-left:0;border-top:1px solid var(--line);padding:15px 0 0;margin-top:17px}.event-button{padding:12px}.event-button strong{font-size:11px}.event-button small{font-size:9px}.event-button>.icon{width:22px;height:22px}.policy-summary{margin-top:13px}.tax-title{margin-top:12px}.distribution-label{margin-top:16px}.distribution-buttons button{font-size:10px;padding:8px 0}.section-mini-heading{font-size:12px}.policy-note{font-size:9px}.world-condition{font-size:10px}.bottom-grid{grid-template-columns:1fr;margin-top:14px;gap:14px}.chronicle-card,.activity-card{min-height:0}.chronicle-card .card-heading,.activity-card .card-heading{padding:0 16px}.chronicle-title{font-size:10px}.chronicle-text{font-size:9px}.activity-row{padding:11px 0}.activity-name{font-size:11px}.activity-action{font-size:10px;max-width:230px}.page-footer{flex-direction:column;align-items:flex-start;gap:7px;padding:20px 0}.page-footer>span:last-child{max-width:none;text-align:left;font-size:7px}.resident-content{display:block;padding:17px}.resident-content .personality-tags{margin-top:12px}.resident-action-box,.resident-resources,.detail-section{margin-top:15px}.resident-resources{border-bottom:1px solid var(--line)}#control-content{max-height:550px}.directory-card,.history-card{padding:16px}.directory-heading h2{font-size:16px}.directory-heading p{font-size:10px}.directory-controls{flex-wrap:wrap;gap:7px;width:100%}.search-field{width:100%}.search-field input{width:100%}.full-view .residents-grid{grid-template-columns:1fr}.directory-heading{margin-bottom:17px}.resident-card{padding:13px}.full-chronicle .chronicle-item{grid-template-columns:37px 22px 1fr;gap:7px}.full-chronicle .chronicle-title{font-size:11px}.full-chronicle .chronicle-text{font-size:9px}.chronicle-day{font-size:8px}.toast-container{left:calc(50% + 20px);bottom:17px}.toast{font-size:10px;padding:11px 14px;max-width:80vw}.dialog-inner{padding:23px}.dialog-header h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}