:root{--bg: #05070d;--panel: rgba(9, 14, 26, .78);--panel-solid: #0b1120;--line: rgba(125, 165, 225, .16);--line-strong: rgba(125, 165, 225, .32);--text: #dbe6f5;--text-dim: #8fa3c0;--text-faint: #5d7191;--accent: #62d6ff;--warn: #ff6b5e;--font: "Avenir Next", "Segoe UI", "Helvetica Neue", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}#globe{position:fixed;top:0;right:0;bottom:0;left:0}#globe canvas{display:block}#topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:22px;padding:14px 22px;background:linear-gradient(180deg,rgba(4,7,14,.92),rgba(4,7,14,.55) 70%,transparent);pointer-events:none}#topbar>*{pointer-events:auto}.brand{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.brand-mark{width:11px;height:11px;border-radius:50%;align-self:center;background:radial-gradient(circle at 35% 35%,#9fd8ff,#1d6fd1 60%,#0a2f66);box-shadow:0 0 12px #62b2ffcc}.brand-text{font-size:17px;letter-spacing:.32em;font-weight:300}.brand-text b{font-weight:700;letter-spacing:.32em}.brand-sub{font-size:11px;color:var(--text-faint);letter-spacing:.08em}.hdr-right{margin-left:auto;display:flex;gap:10px;align-items:center;position:relative}.hdr-btn{padding:8px 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12.5px;letter-spacing:.04em;transition:all .18s ease}.hdr-btn:hover{border-color:var(--accent);color:#fff;box-shadow:0 0 14px #62d6ff40}.hdr-btn.ghost{background:transparent}#search-slot{flex:0 1 380px;min-width:220px}.search-box{position:relative}.search-icon{position:absolute;left:11px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--text-faint)}#search-input{width:100%;padding:9px 14px 9px 34px;border-radius:9px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);font-size:13px;outline:none;transition:border .18s}#search-input:focus{border-color:var(--accent)}#search-input::placeholder{color:var(--text-faint)}#search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:60vh;overflow:auto;background:var(--panel-solid);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px #0009;z-index:60}.sr-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 13px;text-align:left;font-size:13px;border-bottom:1px solid rgba(125,165,225,.07)}.sr-item:hover{background:#62d6ff14}.sr-dot{width:8px;height:8px;border-radius:50%;flex:none}.sr-sub{color:var(--text-faint);font-size:11.5px;margin-left:auto}.sr-kind{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:1px solid rgba(98,214,255,.35);padding:1px 6px;border-radius:4px}#rail{position:fixed;top:68px;bottom:96px;left:16px;z-index:30;width:228px;overflow-y:auto;padding:16px 14px 20px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:14px;scrollbar-width:thin;scrollbar-color:rgba(125,165,225,.3) transparent}.rail-section{margin-bottom:18px}.rail-section h3{font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint);margin-bottom:9px;font-weight:600}.hint{cursor:help;opacity:.7}.chip-row{display:flex;gap:6px}.chip-col{display:flex;flex-direction:column;gap:5px}.chip-wrap{display:flex;flex-wrap:wrap;gap:5px}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;font-size:12px;color:var(--text-dim);background:#0f172a66;transition:all .15s ease;text-align:left}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip.active{color:var(--text);border-color:var(--line-strong);background:#283c5f73}.chip:not(.active){opacity:.55}.chip-dot{width:9px;height:9px;border-radius:50%;background:var(--cc, var(--accent));box-shadow:0 0 7px var(--cc, var(--accent));flex:none}.chip-type.active{border-color:color-mix(in srgb,var(--cc) 55%,transparent)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 8px var(--warn);animation:pulse 1.6s infinite;flex:none}@keyframes pulse{50%{opacity:.35}}.chip-era{font-size:11.5px;padding:5px 9px}.chip-era.active{border-color:var(--accent);color:#fff;background:#62d6ff21;opacity:1}.chip-era:not(.active){opacity:.8}.int-bars{display:inline-flex;align-items:flex-end;gap:1.5px;height:12px}.int-bars i{width:3px;background:var(--text-faint);border-radius:1px}.int-bars i:nth-child(1){height:4px}.int-bars i:nth-child(2){height:7px}.int-bars i:nth-child(3){height:10px}.int-bars i:nth-child(4){height:13px}.int-4 i{background:#ff5d4d}.int-3 i:nth-child(-n+3){background:#ff9d4d}.int-2 i:nth-child(-n+2){background:#ffd166}.int-1 i:nth-child(1){background:#9fd8ff}.chip-int:not(.active) .int-bars i{background:var(--text-faint)}.layer-toggles{display:flex;flex-direction:column;gap:7px}.layer-toggles label{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-dim);cursor:pointer}.layer-toggles label:hover{color:var(--text)}.layer-toggles input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:16px;border-radius:9px;background:#50648c59;position:relative;cursor:pointer;transition:background .18s;flex:none}.layer-toggles input:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#aabdd8;transition:all .18s}.layer-toggles input:checked{background:#62d6ff73}.layer-toggles input:checked:after{left:14px;background:#fff}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{flex:1;padding:7px 0;font-size:12px;color:var(--text-dim);transition:all .15s}.seg button:hover{color:var(--text)}.seg button.active{background:#62d6ff29;color:#fff}.seg button+button{border-left:1px solid var(--line)}.legend-arcs{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--text-dim)}.legend-arcs span{display:flex;align-items:center;gap:8px}.legend-line{width:26px;height:0;border-top:2.5px solid;border-radius:2px;flex:none}.legend-line.offensive{border-color:#ff6b5e}.legend-line.counter{border-color:#fff}.legend-line.support{border-color:#62d6ff;border-top-style:dashed}.legend-line.strike{border-color:#ffd166}.cmarker{position:relative;transform:translate(-50%,-50%);cursor:pointer}.cmarker-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--mc) 80%,white);display:grid;place-items:center;background:color-mix(in srgb,var(--mc) 25%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--mc) 70%,transparent);transition:transform .15s ease;margin:0 auto}.cmarker-core{width:6px;height:6px;border-radius:50%;background:var(--mc);box-shadow:0 0 6px var(--mc)}.cmarker.ongoing .cmarker-core{animation:pulse 1.4s infinite}.cmarker:hover .cmarker-dot,.cmarker.selected .cmarker-dot{transform:scale(1.5)}.cmarker.selected .cmarker-dot{border-color:#fff}.cmarker.dimmed{opacity:.22}.cmarker-label{position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9)}.cmarker-name{font-size:11px;font-weight:600;letter-spacing:.02em}.cmarker-years{font-size:9.5px;color:var(--text-dim)}.cmarker.no-label .cmarker-label{display:none}#tooltip{position:fixed;top:0;left:0;z-index:80;max-width:280px;padding:9px 12px;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:9px;box-shadow:0 10px 30px #0000008c;pointer-events:none;opacity:0;transition:opacity .12s}#tooltip.visible{opacity:1}.tt-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}.tt-dot{width:8px;height:8px;border-radius:50%;flex:none}.tt-sub{font-size:11.5px;color:var(--text-dim);margin-top:3px}.tt-hint{font-size:10.5px;color:var(--accent);margin-top:5px}#side-panel{position:fixed;top:68px;bottom:96px;right:16px;z-index:35;width:372px;max-width:calc(100vw - 32px);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:14px;transform:translate(calc(100% + 24px));transition:transform .35s cubic-bezier(.22,1,.36,1);overflow:hidden}#side-panel.open{transform:translate(0)}.panel-scroll{height:100%;overflow-y:auto;padding:22px 22px 26px;scrollbar-width:thin}.panel-close{position:absolute;top:10px;right:12px;z-index:2;width:28px;height:28px;border-radius:50%;color:var(--text-dim);font-size:13px;background:#141e3299}.panel-close:hover{color:#fff}.panel-kicker{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin-bottom:10px}.panel-kicker.country{color:var(--accent)}#side-panel h2{font-size:21px;font-weight:700;line-height:1.25;margin-bottom:4px;padding-right:20px}.panel-years{font-size:13px;color:var(--accent);margin-bottom:14px}.panel-years em{color:var(--text-dim);font-style:normal}.panel-summary{font-size:13.5px;line-height:1.62;color:var(--text);margin-bottom:16px}#side-panel section{margin-bottom:16px}#side-panel h4{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);margin-bottom:7px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kv p{font-size:12.5px;line-height:1.5;color:var(--text-dim)}.impact-level{color:var(--warn);border:1px solid rgba(255,107,94,.4);padding:1px 6px;border-radius:4px;letter-spacing:.06em}.badge{font-size:10.5px;padding:2px 8px;border-radius:5px;letter-spacing:.06em;vertical-align:2px}.badge-ongoing{color:#ff8a7d;border:1px solid rgba(255,107,94,.45);animation:pulse 1.8s infinite}.badge-ongoing.sm{border:none;padding:0;margin-left:auto}.badge-ended{color:var(--text-dim);border:1px solid var(--line-strong)}.actor-side{margin-bottom:8px}.actor-side-name{font-size:12.5px;font-weight:600;margin-bottom:6px}.actor-flags{display:flex;flex-wrap:wrap;gap:4px}.country-chip{font-size:11px;padding:3px 8px;border-radius:5px;border:1px solid var(--line);color:var(--text-dim);transition:all .13s}.country-chip:hover{border-color:var(--accent);color:#fff}.vs-divider{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--warn);margin:8px 0}.arc-list,.zone-list{list-style:none;display:flex;flex-direction:column;gap:6px}.arc-list li,.zone-list li{font-size:12.5px;color:var(--text-dim);line-height:1.45;display:flex;gap:8px;align-items:baseline}.zone-list li:before{content:"◆";font-size:8px;color:var(--text-faint)}.arc-kind{flex:none;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:1px 6px;border-radius:4px;border:1px solid}.arc-offensive{color:#ff8a7d;border-color:#ff6b5e80}.arc-counter{color:#fff;border-color:#ffffff80}.arc-support{color:#62d6ff;border-color:#62d6ff80}.arc-strike{color:#ffd166;border-color:#ffd16680}.sources{font-size:12px;color:var(--text-faint);line-height:1.5}.panel-actions{display:flex;flex-direction:column;gap:8px;margin:18px 0 12px}.action-btn{padding:10px;border-radius:9px;border:1px solid rgba(98,214,255,.4);background:#62d6ff1a;color:#cfeeff;font-size:13px;transition:all .15s}.action-btn:hover{background:#62d6ff33}.action-btn.ghost{border-color:var(--line);background:transparent;color:var(--text-dim)}.action-btn.ghost:hover{color:var(--text)}.panel-note{font-size:11px;color:var(--text-faint);line-height:1.55}.conflict-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;border:1px solid transparent;text-align:left;transition:all .13s}.conflict-item:hover{background:#283c5f66;border-color:var(--line)}.ci-body{display:flex;flex-direction:column;gap:1px;min-width:0}.ci-name{font-size:13px;font-weight:600}.ci-sub{font-size:11px;color:var(--text-faint)}#timeline{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;display:flex;align-items:center;gap:16px;height:64px;padding:0 18px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:14px}.tl-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);color:var(--text);transition:all .15s;flex:none}.tl-btn:hover{border-color:var(--accent);color:#fff}.tl-btn.active{background:#62d6ff2e;border-color:var(--accent)}.tl-btn svg{width:16px;height:16px}.tl-text-btn{width:auto;border-radius:8px;padding:0 12px;height:30px;font-size:12px}.tl-readout{display:flex;flex-direction:column;min-width:96px;flex:none}#tl-year{font-size:19px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}.tl-mode-chip{font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint)}.tl-track-wrap{position:relative;flex:1;height:100%;display:flex;align-items:center}#tl-band{position:absolute;top:calc(50% - 5px);height:10px;background:linear-gradient(90deg,#62d6ff1f,#62d6ff4d);border:1px solid rgba(98,214,255,.4);border-radius:5px;pointer-events:none}#tl-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:linear-gradient(90deg,#7da5e140,#7da5e173);outline:none;cursor:pointer}#tl-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 0 12px #62d6ffb3;cursor:grab}#tl-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 0 12px #62d6ffb3}.tl-ticks{position:absolute;left:0;right:0;top:calc(50% + 9px);height:14px;pointer-events:none}.tl-ticks span{position:absolute;transform:translate(-50%);font-size:9px;color:var(--text-faint);letter-spacing:.06em}.tl-tick-war{color:var(--warn)!important;font-weight:700}.tl-right{display:flex;align-items:center;gap:12px;flex:none}#tl-count{font-size:11.5px;color:var(--text-dim);white-space:nowrap}#story-slot{position:relative}#story-menu{position:absolute;top:calc(100% + 8px);right:0;width:330px;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #0009;z-index:70}.story-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:13px 16px;text-align:left;border-bottom:1px solid rgba(125,165,225,.08)}.story-item:hover{background:#62d6ff14}.story-title{font-size:13.5px;font-weight:600}.story-blurb{font-size:11.5px;color:var(--text-faint)}#story-card{position:fixed;left:50%;bottom:100px;z-index:45;width:min(560px,calc(100vw - 40px));transform:translate(-50%,24px);opacity:0;pointer-events:none;background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line-strong);border-radius:14px;padding:16px 20px 14px;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 60px #0000008c}#story-card.open{transform:translate(-50%);opacity:1;pointer-events:auto}.story-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.story-card-series{font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.story-exit{color:var(--text-dim)}.story-exit:hover{color:#fff}#story-card h3{font-size:16.5px;margin-bottom:7px}#story-card p{font-size:13px;line-height:1.6;color:var(--text-dim)}.story-nav{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.story-nav button{font-size:12.5px;color:var(--text-dim);padding:6px 12px;border-radius:7px;border:1px solid var(--line);transition:all .15s}.story-nav button:hover:not(:disabled){color:#fff;border-color:var(--accent)}.story-nav button:disabled{opacity:.3;cursor:default}.story-next{background:#62d6ff1f}.story-dots{display:flex;gap:5px}.story-dots span{width:6px;height:6px;border-radius:50%;background:#7da5e14d}.story-dots span.on{background:var(--accent);box-shadow:0 0 7px var(--accent)}#detail-map{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;opacity:0;pointer-events:none;transition:opacity .5s ease;background:#06080f}#detail-map.open{opacity:1;pointer-events:auto}#dmap{position:absolute;top:0;right:0;bottom:0;left:0}.dmap-ui{position:absolute;top:16px;left:16px;z-index:5;display:flex;gap:10px;align-items:center}.dmap-btn{padding:9px 15px;border-radius:9px;border:1px solid var(--line-strong);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:13px;transition:all .15s}.dmap-btn:hover{border-color:var(--accent);color:#fff}.dmap-hint{font-size:11.5px;color:var(--text-faint)}.dmarker{border-radius:50%;background:color-mix(in srgb,var(--mc) 30%,transparent);border:2px solid var(--mc);box-shadow:0 0 14px var(--mc);cursor:pointer}.dmarker.ongoing{animation:pulse 1.5s infinite}.dpopup{font-family:var(--font);font-size:12.5px;line-height:1.5}.dpopup span{color:#777;font-size:11px}#detail-map .maplibregl-popup-content{background:#0e1424;color:var(--text);border-radius:9px;border:1px solid var(--line)}#detail-map .maplibregl-popup-tip{border-top-color:#0e1424!important}#about-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#03050ab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#about-modal[hidden]{display:none}.modal-box{position:relative;width:min(640px,calc(100vw - 40px));max-height:80vh;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:16px;padding:30px 34px;box-shadow:0 30px 80px #000000b3}.modal-box h2{font-size:20px;margin-bottom:14px}.modal-box h3{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin:18px 0 7px}.modal-box p{font-size:13px;line-height:1.65;color:var(--text-dim)}.modal-box b{color:var(--text)}.modal-close{position:absolute;top:14px;right:16px;color:var(--text-dim);font-size:15px}.modal-close:hover{color:#fff}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#0a14288c,#03050aeb 75%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity 1.1s ease,visibility 1.1s}#splash.gone{opacity:0;visibility:hidden;pointer-events:none}.splash-inner{text-align:center;max-width:660px;padding:0 24px;animation:splash-in 1.4s cubic-bezier(.22,1,.36,1)}@keyframes splash-in{0%{opacity:0;transform:translateY(26px)}}.splash-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.4em;color:var(--accent);margin-bottom:18px}#splash h1{font-size:clamp(40px,7vw,64px);font-weight:200;letter-spacing:.3em;line-height:1.15;margin-bottom:20px}#splash h1 b{font-weight:800;letter-spacing:.3em;display:block}.splash-sub{font-size:15px;line-height:1.7;color:var(--text-dim);margin-bottom:30px}#splash-btn{padding:13px 36px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#fff;border:1px solid var(--accent);border-radius:10px;background:#62d6ff1f;transition:all .2s}#splash-btn:hover{background:#62d6ff47;box-shadow:0 0 30px #62d6ff59}.splash-note{margin-top:26px;font-size:11px;color:var(--text-faint);letter-spacing:.05em}@media(max-width:980px){.brand-sub,.dmap-hint{display:none}#rail{width:200px}}@media(max-width:760px){#topbar{flex-wrap:wrap;gap:10px}#search-slot{order:3;flex-basis:100%}#rail{display:none}#side-panel{top:auto;bottom:96px;max-height:55vh}}