:root{color:#e7e5d9;font-synthesis:none;background:#101d29;font-family:Inter,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:70px minmax(500px,1fr) auto;min-height:100vh;display:grid}.masthead{background:#101d29;border-bottom:1px solid #344651;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#d5b375;border:1px solid #ba9c66;border-radius:50%;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.brand small,.eyebrow{color:#aaab9a;letter-spacing:.18em;font-size:10px;font-weight:700;display:block}.brand strong{letter-spacing:.15em;margin-top:2px;font-family:Georgia,Noto Serif TC,serif;font-size:19px;display:block}.masthead-right{color:#9faeae;letter-spacing:.14em;align-items:center;gap:18px;font-size:11px;display:flex}.draft-pill{color:#d9b974;border:1px solid #a88d5a;border-radius:2px;padding:7px 10px}.workspace{grid-template-columns:minmax(0,1fr) 376px;height:min(70vh,850px);min-height:560px;display:grid}.map-panel{background:#172735;min-width:0;position:relative;overflow:hidden}#map{position:absolute;inset:0}.map-top{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:22px;right:22px}.map-top>*{pointer-events:auto}.map-top .eyebrow{color:#d9ddcf;background:#101d29de;border:1px solid #41515b;padding:10px 13px}.projection-switch{background:#101d29ea;border:1px solid #62727a;border-radius:3px;padding:4px;display:flex}.projection-switch button{color:#abb8b7;background:0 0;border:0;padding:7px 12px;font-size:12px}.projection-switch button.active{color:#172631;background:#d6b87b}.map-foot{color:#c2cac4;background:#101d29e0;border:1px solid #40535c;align-items:center;gap:9px;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:22px;left:22px}.scale-dot{background:#d6b87b;border-radius:50%;width:6px;height:6px}.maplibregl-control-container .maplibregl-ctrl-bottom-left{bottom:52px;left:13px}.maplibregl-ctrl-group{background:#142633!important;border:1px solid #61727b!important}.maplibregl-ctrl-group button{filter:invert(.85)}.maplibregl-ctrl-attrib{color:#c4c7c2!important;background:#101d29c9!important}.maplibregl-ctrl-attrib a{color:#d5bb80!important}.side-panel{background:#14232e;border-left:1px solid #3e535b;min-height:0}.side-scroll{height:100%;padding:31px 26px 28px;overflow:auto}.intro h1{letter-spacing:.08em;margin:15px 0;font-family:Georgia,Noto Serif TC,serif;font-size:38px;font-weight:500;line-height:1.2}.intro h1 em{color:#d9bd82;font-style:normal}.intro p{color:#b2c0bc;margin:0;font-size:13px;line-height:1.8}.notice{background:#3b342d;border-left:2px solid #d4ac67;gap:11px;margin:24px 0 30px;padding:12px 13px;display:flex}.notice>span{color:#e9c990;border:1px solid #d4ac67;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-size:11px;display:grid}.notice p{color:#ebd9b3;margin:0;font-size:11px;line-height:1.7}.notice strong{font-weight:700}.section-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.section-heading h2{letter-spacing:.07em;margin:6px 0 0;font-size:18px;font-weight:600}.section-heading button{color:#d2bc88;background:0 0;border:0;font-size:11px}.campaign-list{gap:7px;display:grid}.campaign-option{cursor:pointer;background:#1a2d38;border:1px solid #324a54;align-items:center;gap:10px;padding:9px 11px;transition:background .15s;display:flex}.campaign-option:hover{background:#233a46}.campaign-option:has(input:not(:checked)){opacity:.52}.campaign-option input{opacity:0;width:1px;height:1px;position:absolute}.campaign-option:focus-within{outline-offset:2px;outline:2px solid #dfc285}.campaign-color{background:var(--campaign-color);width:4px;height:28px}.campaign-name{flex:1;font-size:12px;font-weight:600}.campaign-name small{color:#9daea9;margin-top:2px;font-size:10px;font-weight:400;display:block}.check-glyph{color:#d4bd82;font-size:14px}.campaign-option:has(input:not(:checked)) .check-glyph{visibility:hidden}.detail-section{margin-top:30px}.detail-card{background:#192b36;border:1px solid #3d555e;min-height:160px}.empty-detail{color:#9dada9;align-items:center;gap:15px;padding:21px;display:flex}.empty-detail span{color:#c3aa78;font-size:30px}.empty-detail p{font-size:12px;line-height:1.7}.detail-card article{padding:18px}.detail-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-campaign{border-left:3px solid var(--campaign-color);color:#d1dbd4;padding-left:7px;font-size:11px}.status{color:#e2c589;white-space:nowrap;border:1px solid #bd9b5a;padding:3px 6px;font-size:10px}.detail-card h3{margin:15px 0 4px;font-family:Georgia,Noto Serif TC,serif;font-size:22px;font-weight:500}.detail-date{color:#d4bc82;margin:0 0 17px;font-size:12px}.detail-card dl{border-top:1px solid #3c525b;border-bottom:1px solid #3c525b;gap:8px;margin:0;padding:12px 0;display:grid}.detail-card dl div{grid-template-columns:38px 1fr;gap:8px;font-size:12px;display:grid}.detail-card dt{color:#97aaa8}.detail-card dd{margin:0}.detail-card dd small{color:#9caeaa;margin-top:3px;display:block}.detail-summary,.detail-note{font-size:12px;line-height:1.75}.detail-summary{color:#e0e2d8}.detail-note{color:#c8b885}.source-box{color:#acbcb6;background:#11232e;margin-top:16px;padding:11px;font-size:11px}.source-box strong{color:#d9c18a}.source-box ul{margin:6px 0 0;padding-left:18px}.timeline-panel{background:#101d29;border-top:1px solid #4a5c62;padding:20px 27px 21px}.timeline-heading{justify-content:space-between;align-items:end;display:flex}.year-row{align-items:baseline;gap:7px;margin-top:2px;display:flex}.year-row output{color:#e2c17e;font-family:Georgia,serif;font-size:43px;line-height:1}.year-row span{color:#b8c5be;font-size:12px}.event-count{color:#9eb0ad;align-items:baseline;gap:6px;font-size:11px;display:flex}.event-count strong{color:#e9e5d8;font-size:23px;font-weight:500}.slider-wrap{color:#9fb1ad;align-items:center;gap:15px;margin-top:17px;font-size:11px;display:flex}.slider-wrap input{appearance:none;background:linear-gradient(to right,#d6b87b 0 var(--progress,48%),#435a60 var(--progress,48%) 100%);cursor:pointer;border-radius:6px;flex:1;width:100%;height:5px}.slider-wrap input::-webkit-slider-thumb{appearance:none;background:#172735;border:3px solid #e0c88f;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #172735}.slider-wrap input::-moz-range-thumb{background:#172735;border:3px solid #e0c88f;border-radius:50%;width:13px;height:13px}.era-labels{color:#748b8c;justify-content:space-between;margin:13px 36px 0;font-size:10px;display:flex}.event-strip-heading{color:#afc0b8;border-top:1px solid #344750;justify-content:space-between;gap:10px;margin-top:22px;padding-top:15px;font-size:11px;display:flex}.event-strip-heading span:last-child{color:#7e9695}.event-strip{scrollbar-color:#647678 transparent;gap:8px;padding:12px 0 3px;display:flex;overflow-x:auto}.event-chip{text-align:left;color:#e8e5d8;background:#1b2e39;border:1px solid #3e545b;flex-direction:column;flex:none;align-items:start;gap:3px;width:162px;min-height:70px;padding:9px 11px;display:flex}.event-chip:hover,.event-chip.active{background:#2a3940;border-color:#d6b87b}.chip-year{color:#d8ba7d;font-size:10px}.chip-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.chip-place{color:#9fb1ac;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.no-events{color:#a6b8b3;font-size:12px}@media (width<=850px){.app-shell{grid-template-rows:60px auto auto}.masthead{padding:0 16px}.masthead-right{font-size:10px}.workspace{flex-direction:column;height:auto;display:flex}.map-panel{height:48vh;min-height:350px}.side-panel{border-left:0}.side-scroll{max-height:none;padding:25px 20px}.intro h1{font-size:31px}.campaign-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-section{margin-top:25px}.timeline-panel{padding:20px}.era-labels{display:none}}@media (width<=520px){.brand small{font-size:8px}.brand strong{font-size:16px}.masthead-right>span:last-child{display:none}.map-panel{height:390px;min-height:390px}.map-top{top:10px;left:10px;right:10px}.map-top .eyebrow{padding:9px;font-size:8px}.projection-switch button{padding:6px 8px;font-size:11px}.map-foot{font-size:9px;bottom:12px;left:10px}.campaign-list{grid-template-columns:1fr}.event-strip-heading span:last-child{display:none}.timeline-panel{position:relative}.year-row output{font-size:37px}}.app-shell{grid-template-columns:minmax(0,1fr);width:100%}.masthead,.workspace,.timeline-panel{min-width:0;max-width:100%}.brand,.brand>div{min-width:0}.masthead-right,.draft-pill{flex-shrink:0}.event-strip{min-width:0;max-width:100%}.slider-wrap input{min-width:0}#map{width:100%;height:100%}.map-status{color:#e7e5d9;text-align:center;background:#101d29e6;border:1px solid #61727b;margin:0;padding:12px 16px;font-size:12px;line-height:1.7;position:absolute;top:45%;left:20px;right:20px}.map-status button{color:#e2c17e;background:#1b2e39;border:1px solid #ab925f;margin-left:10px;padding:5px 9px}.projection-switch button:disabled{opacity:.55;cursor:wait}.map-panel .maplibregl-ctrl-bottom-right{max-width:calc(100% - 76px);bottom:68px}.map-panel .maplibregl-ctrl-attrib{white-space:normal;overflow-wrap:anywhere;max-width:100%}@media (width<=520px){.map-panel .maplibregl-ctrl-bottom-right{bottom:60px;right:0}.map-foot{max-width:calc(100% - 20px)}}.play-controls{color:#b8c5be;align-items:center;gap:10px;margin-top:15px;font-size:11px;display:flex}.play-controls button,.play-controls select{color:#e2c17e;background:#1b2e39;border:1px solid #ab925f;border-radius:3px;padding:6px 10px}.play-controls button{min-width:76px}.play-controls button:hover,.play-controls select:hover{background:#2a414a}.play-controls label{margin-left:8px}.play-controls select{color:#e8e5d8}.campaign-option{transition:background .25s,opacity .25s,transform .25s}.campaign-option:has(input:not(:checked)){transform:translate(3px)}.detail-enter article{animation:.36s ease-out both detail-in}.source-box{font-size:11px;line-height:1.6}.source-disclaimer{color:#bdc9c0;margin:5px 0 10px}.source-difference{color:#ead7ad;background:#473a31;border-left:3px solid #d6b87b;margin:8px 0;padding:8px 10px}.source-difference strong{font-size:12px;display:block}.source-difference p{color:#fff0c9;margin:4px 0 0}.source-box ul{margin:8px 0 0;padding:0;list-style:none}.source-box li{border-top:1px solid #3b5158;padding:9px 0}.source-box li strong{color:#e4d4ad;overflow-wrap:anywhere;display:block}.source-box li span{color:#b1c0b8;overflow-wrap:anywhere;margin-top:3px;display:block}.source-box li p{color:#e0e2d8;overflow-wrap:anywhere;margin:5px 0 0}.reading-section{background:#14232e;border-top:1px solid #344750;padding:24px 27px 35px}.reading-section h2{margin:7px 0;font-size:20px}.reading-section>p{color:#acbcb6;font-size:12px}.reading-section ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 22px;padding-left:18px;display:grid}.reading-section li{color:#d7c58e;min-width:0;padding:7px 4px;font-size:11px}.reading-section li strong{color:#e8e5d8;overflow-wrap:anywhere;display:block}.reading-section li span{color:#a9bbb4;margin-top:3px;display:block}.year-row output{font-variant-numeric:tabular-nums}@keyframes detail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.reading-section ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.reading-section{padding:22px 20px}.reading-section ol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}.source-box li .source-claim{color:#d8c590}.year-enter{animation:.35s ease-out both year-in}@keyframes year-in{0%{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}