.hm{--hm-conquest:#B3442E;--hm-occupation:#C9792B;--hm-migration:#2E6F8E;display:grid;gap:12px;margin-top:12px}.hm-chapters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin;scrollbar-color:var(--accent, #1F5C6B) transparent}.hm-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 12px;border:1px solid var(--rule-strong, #bbb);border-radius:10px;background:var(--panel, #fff);color:var(--ink, #16222A);font:inherit;cursor:pointer;text-align:left}.hm-chip b{font-size:.9rem;font-weight:600}.hm-chip i{font-style:normal;font-size:.75rem;opacity:.7;font-variant-numeric:tabular-nums}.hm-chip:hover,.hm-chip:focus-visible{border-color:var(--accent, #1F5C6B)}.hm-chip[aria-current=true]{background:var(--accent, #1F5C6B);color:#fff;border-color:var(--accent, #1F5C6B)}.hm-stage{position:relative;border:1px solid var(--rule-strong, #bbb);border-radius:12px;overflow:hidden;background:var(--panel, #f2f2f2)}.hm-map{height:min(72vh,700px);min-height:360px;background:#cfd8dc}.hm-map .leaflet-tile-pane{filter:grayscale(.9) contrast(.88) brightness(1.06);opacity:.9}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hm-map{background:#1b2428}:root:not([data-theme=light]) .hm-map .leaflet-tile-pane{filter:grayscale(1) invert(1) contrast(.82) brightness(.72)}}:root[data-theme=dark] .hm-map{background:#1b2428}:root[data-theme=dark] .hm-map .leaflet-tile-pane{filter:grayscale(1) invert(1) contrast(.82) brightness(.72)}.hm-hud{position:absolute;left:14px;top:12px;z-index:500;pointer-events:none;text-shadow:0 0 6px var(--panel, #fff),0 0 2px var(--panel, #fff)}.hm-year{font:700 clamp(2.4rem,7vw,4.4rem)/1 var(--font-display, Georgia, serif);color:var(--ink, #16222A);font-variant-numeric:tabular-nums}.hm-ch{font-size:.95rem;color:var(--ink, #16222A);max-width:34ch;margin-top:4px}.hm-gnote{font-size:.75rem;margin-top:6px;max-width:34ch;opacity:.8}.hm-load{position:absolute;inset:0;display:grid;place-items:center;z-index:600;background:color-mix(in srgb,var(--panel, #fff) 80%,transparent);color:var(--ink, #16222A)}.hm-load[hidden]{display:none}.hm-bar{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.hm-play{width:44px;height:44px;border-radius:50%;border:1px solid var(--accent, #1F5C6B);background:var(--accent, #1F5C6B);color:#fff;font-size:1.05rem;cursor:pointer}.hm-play:focus-visible{outline:3px solid var(--accent, #1F5C6B);outline-offset:2px}.hm-scrub{position:relative;padding-top:42px;min-width:0}.hm-dens{position:absolute;left:0;right:0;top:0;width:100%;height:40px}.hm-dens rect{fill:var(--accent, #1F5C6B);opacity:.55}.hm-dens rect.on{opacity:.95}#hm-range{width:100%;accent-color:var(--accent, #1F5C6B);margin:0}.hm-ticks{position:relative;height:18px;font-size:.7rem;color:var(--ink, #16222A);opacity:.7}.hm-ticks span{position:absolute;transform:translate(-50%);font-variant-numeric:tabular-nums}.hm-speed{font-size:.8rem;display:grid;gap:2px}.hm-layers{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:.9rem}.hm-layers label{display:inline-flex;gap:6px;align-items:center}.hm-layers .k{display:inline-block;width:18px;height:4px;border-radius:2px}.k.conquest{background:var(--hm-conquest)}.k.occupation{background:var(--hm-occupation)}.k.migration{background:var(--hm-migration)}.k.voyage{background:#7a4fa3}.hm-below{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}@media(max-width:760px){.hm-below{grid-template-columns:1fr}.hm-bar{grid-template-columns:auto 1fr}.hm-speed{grid-column:1 / -1}}.hm-card,.hm-list{background:var(--panel, #fff);border:1px solid var(--rule-strong, #bbb);border-radius:12px;padding:14px 16px;min-width:0}.hm-card h2,.hm-list h2{margin:0 0 6px;font-size:1.05rem}.hm-card p{margin:.4em 0}.hm-fine{font-size:.8rem;opacity:.75}.hm-list ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:280px;overflow:auto}.hm-list li button{width:100%;text-align:left;background:none;border:0;padding:5px 6px;font:inherit;color:inherit;cursor:pointer;border-left:4px solid var(--c, #999);border-radius:2px}.hm-list li button:hover,.hm-list li button:focus-visible{background:color-mix(in srgb,var(--c, #999) 14%,transparent)}.hm-list li small{display:block;opacity:.7;font-variant-numeric:tabular-nums}.hm-arc{fill:none;stroke-linecap:round;stroke-dasharray:7 5;animation:hm-flow 1.1s linear infinite}.hm-arc.hm-grow{animation:hm-flow 1.1s linear infinite,hm-in .8s ease-out 1}.hm-voy{fill:none;stroke-linecap:round;stroke-dasharray:1 6}.hm-ship{font-size:20px;line-height:20px;text-shadow:0 0 3px #fff,0 0 3px #fff}.hm-leader span{display:inline-block;transform:translate(-50%);white-space:nowrap;font:600 11px/1.1 var(--font-body, system-ui, sans-serif);padding:1px 5px;border-radius:8px;background:color-mix(in srgb,var(--panel, #fff) 88%,transparent);color:var(--ink, #16222A);border:1px solid var(--rule-strong, #999)}.hm-stub{fill:none;stroke-dasharray:2 5;stroke-linecap:round}@keyframes hm-flow{to{stroke-dashoffset:-24}}@keyframes hm-in{0%{stroke-opacity:0}}@media(prefers-reduced-motion:reduce){.hm-arc,.hm-arc.hm-grow{animation:none;stroke-dasharray:none}}.hm-head{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:11px solid var(--c, #333);transform-origin:50% 60%}.hm-flag img{width:26px;height:auto;border:1px solid rgba(0,0,0,.35);display:block;background:#fff}.hm-pulse{border-radius:50%;border:2px solid var(--c, #333);animation:hm-ping 1.6s ease-out infinite}@keyframes hm-ping{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.hm-pulse{animation:none}}