#timeline{grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:2px 6px;display:grid}.tl-arrow{border-radius:var(--r-btn);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#3a2a1c12;border:0;justify-content:center;align-items:center;margin-top:8px;padding:0;display:flex}.tl-arrow svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tl-arrow:hover{background:#fff1d6}.tl-arrow:disabled{opacity:.3;cursor:default;background:#3a2a1c0a}.tl-track{min-width:0}.tl-dots{height:70px;position:relative}.tl-line{background:#c9b49a;border-radius:2px;height:3px;position:absolute;top:29px;left:18px;right:18px}.tl-dot{top:30px;left:calc(18px + (100% - 36px) * var(--x));cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:44px;margin:-22px 0 0 -20px;padding:0;display:flex;position:absolute}.tl-dot i{background:var(--cream);box-sizing:border-box;border:3px solid #a08868;border-radius:50%;width:16px;height:16px;transition:transform .15s}.tl-dot:hover i{border-color:var(--accent);transform:scale(1.2)}.tl-dot.on i{background:var(--accent);border-color:#a0560f;width:26px;height:26px;transform:none;box-shadow:0 2px 6px #a0560f66}.tl-year{font:800 12.5px/1 var(--font);color:var(--ink-soft);white-space:nowrap;position:absolute;top:2px;left:0}.tl-year.on{color:#a0560f;font-size:14px;font-weight:900;top:0}.tl-title{text-overflow:ellipsis;max-width:100%;font:900 16px/1.15 var(--font);color:var(--ink);white-space:nowrap;position:absolute;top:48px;left:0;overflow:hidden}.tl-title.peek{color:var(--ink-soft)}.tl-hint{text-align:center;font:800 15px/1.1 var(--font);color:var(--ink-soft);position:absolute;top:40px;left:0;right:0}.tl-stacked .tl-hint{font-size:14px;top:8px}.tl-start.tl-stacked .tl-line{display:none}@keyframes tl-pulse{0%,to{box-shadow:0 0 0 2px #de620cd9}50%{box-shadow:0 0 0 4px #de620c}}@keyframes tl-bob{0%,to{transform:translateY(0)rotate(45deg)}50%{transform:translateY(5px)rotate(45deg)}}@keyframes tl-glow{0%{background:#f6b74a00}25%{background:#f6b74a61}to{background:#f6b74a00}}@keyframes tl-dot-ring{0%{box-shadow:0 0 #e8962eb3}to{box-shadow:0 0 0 14px #e8962e00}}.tl-start .tl-band[data-age=antichitate]{animation:1.6s ease-in-out infinite tl-pulse}.tl-start .tl-arrow[data-step="1"]{animation:1.6s ease-in-out .8s infinite tl-pulse}.tl-hint-arrow{border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);width:10px;height:10px;margin:6px auto 0;animation:1.2s ease-in-out infinite tl-bob;display:block}.tl-stacked .tl-hint-arrow{margin-top:3px}.tl-dots{border-radius:var(--r-card)}.tl-flash-age .tl-dots{animation:1.6s ease-out tl-glow}.tl-flash-age .tl-band.on{animation:.8s ease-in-out 2 tl-pulse}.tl-flash-age .tl-dot.on i,.tl-flash-dot .tl-dot.on i{animation:.9s ease-out 3 tl-dot-ring}@media (prefers-reduced-motion:reduce){.tl-start .tl-band,.tl-start .tl-arrow,.tl-hint-arrow,.tl-flash-age .tl-dots,.tl-flash-age .tl-band.on,.tl-dot.on i{animation:none!important}}.tl-ages{grid-column:1/-1;gap:4px;display:flex}.tl-band{border-radius:var(--r-btn);background:linear-gradient(#ffffff80, #ffffff80), var(--ac);min-width:0;min-height:42px;color:var(--ink);font:800 13px/1.1 var(--font);white-space:nowrap;cursor:pointer;border:0;flex:1 1 0;justify-content:center;align-items:center;padding:3px 6px;transition:flex-grow .35s cubic-bezier(.2,.9,.3,1);display:flex}.tl-band:hover{background:linear-gradient(#ffffff40, #ffffff40), var(--ac)}.tl-band.on{background:var(--ac);cursor:default;flex-grow:2.2;font-size:15px;font-weight:900;box-shadow:inset 0 -3px #3a2a1c33}.tl-band>span{text-overflow:ellipsis;overflow:hidden}.tl-band .long,.tl-band.on .short{display:none}.tl-band.on .long{display:inline}.tl-band.has-art{background:linear-gradient(#fff8ec59, #fff8ec59), var(--art) center / cover no-repeat, var(--ac)}.tl-band.has-art.on{background:var(--art) center / cover no-repeat, var(--ac)}.tl-band.has-art>span{border-radius:var(--r-small);background:#fff8ece0;padding:2px 8px 3px}@media (prefers-reduced-motion:reduce){.tl-band{transition:none}}.tl-stacked .tl-dots{height:50px}.tl-stacked .tl-year:not(.on),.tl-stacked .tl-title{display:none}.tl-stacked .tl-ages{gap:3px}.tl-stacked .tl-band,.tl-stacked .tl-band.on{letter-spacing:-.02em;flex-grow:1;min-height:44px;padding:0 1px;font-size:13px;font-weight:700}.tl-stacked .tl-band.on{letter-spacing:-.03em;font-weight:900}.tl-stacked .tl-band .long,.tl-stacked .tl-band.on .long{display:none}.tl-stacked .tl-band .short,.tl-stacked .tl-band.on .short{display:inline}.tl-steps{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.tl-step{border-radius:var(--r-btn);min-width:44%;min-height:48px;color:var(--ink);font:900 16px/1.1 var(--font);cursor:pointer;background:#fff;border:2px solid #5a3c1e24;flex-direction:column;align-items:flex-start;padding:6px 12px;display:flex}.tl-step.next{align-items:flex-end}.tl-step small{color:var(--ink-soft);font-size:12px;font-weight:800}.tl-step:hover{border-color:var(--accent)}#panel .chip.st i{border-radius:4px}#panel .chip .ci{width:22px;height:22px;margin:-3px 0}#panel .chip.no-ico:before{content:"";background:#fff8ec;border:3px solid #7a4a1e;border-radius:50%;flex:none;width:8px;height:8px}#panel .chip.no-ico.k-lupta:before{border-color:#b3261e}#panel .chip.no-ico.k-eveniment:before{border-color:#2f6fb0}.bt-sides{align-items:stretch;gap:8px;margin:2px 0 12px;display:flex}.bt-side{border:2px solid var(--line);border-radius:var(--r-card);text-align:center;background:#fff9;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 6px 8px;display:flex}.bt-side img{object-fit:contain;width:64px;height:64px}.bt-side i{border-radius:var(--r-small);width:30px;height:30px;margin:4px 0}.bt-side b{font:800 16px/1.2 var(--font);color:var(--ink)}.bt-side small{font:600 13px/1.25 var(--font);color:var(--ink-soft)}.bt-side em{border-radius:var(--r-small);color:#fff;font:800 12px/1.3 var(--font);background:#2f7d4f;margin-top:3px;padding:2px 8px;font-style:normal}.bt-side.won{border-color:#2f7d4f}.bt-vs{font:800 12px/1 var(--font);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;align-self:center}.bt-facts{font:16px/1.35 var(--font);grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 12px;display:grid}.bt-facts dt{color:var(--ink-soft);font-weight:800}.bt-facts dd{color:var(--ink);margin:0}#panel .chip .pi{object-fit:cover;border-radius:50%;width:28px;height:28px;margin:-4px 0 -4px -7px}.people{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.person{border-radius:var(--r-card);color:var(--ink);font:800 14px/1.15 var(--font);text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 8px;display:flex}.person:hover{background:#fff1d6}.person img,.person i{border-radius:50%;width:72px;height:72px}.person img{object-fit:contain}.person i{color:#8a6d4a;font:900 22px/1 var(--font);background:#efe3cf;justify-content:center;align-items:center;font-style:normal;display:flex;box-shadow:inset 0 0 0 2px #5a3c1e1f}.place-rows{flex-direction:column;display:flex}.place-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:10px;padding:4px 6px;display:flex}.place-row:last-child{border-bottom:0}button.place-row:hover{background:#fff1d6}.place-row .ri{object-fit:contain;flex:none;width:36px;height:36px}.place-row .ri-dot{background:radial-gradient(circle,#7a4a1e 0 22%,#fff8ec 25% 45%,#7a4a1e 48% 58%,#0000 61%);border-radius:50%;flex:none;width:36px;height:36px}.place-row.off{cursor:default;color:var(--ink-soft)}.place-row.off .ri-dot{opacity:.4}.place-row b{font:800 15px/1.2 var(--font);display:block}.place-row small{font:700 12.5px/1.2 var(--font);color:var(--ink-soft);display:block}.h-portrait{justify-content:center;margin:0 0 10px;display:flex}.h-portrait img{object-fit:contain;width:160px;height:160px}.h-arms{float:right;margin:0 0 6px 12px}.h-arms img{object-fit:contain;width:96px;height:96px;display:block}.h-arms figcaption{max-width:110px;font:600 12px/1.25 var(--font);color:var(--ink-soft);text-align:center;margin-top:4px}.hkeys{flex-direction:column;align-items:flex-start;gap:2px;margin-top:2px;display:flex}.hk{color:var(--ink);font:800 15px/1.2 var(--font);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;margin-left:-6px;padding:3px 6px;display:flex}button.hk{cursor:pointer}button.hk:hover{background:#fff1d6}.hk i{opacity:.85;border:2px solid #fff;border-radius:5px;flex:none;width:24px;height:15px;box-shadow:0 0 0 1px #5a3c1e33}.hk-union i,.hk-today i{height:0;box-shadow:none;opacity:1;border:0;border-radius:0}.hk-union i{border-top:5px solid #8c2416}.hk-route i{height:0;box-shadow:none;opacity:1;border:0;border-top:4px dashed #8c2416;border-radius:0}.hk-today i{border-top:3px dashed #462d19cc}.hk-opts{display:none}.label.hname{flex-direction:column;align-items:center;gap:2px;display:flex}.hname .arm{object-fit:contain;filter:drop-shadow(0 2px 3px #28190a66);width:46px;height:46px}.hname.province .arm{width:60px;height:60px}.hname .nm{max-width:190px;color:var(--ink,#3a2a1c);font:900 18px/1.05 var(--font);text-align:center;white-space:normal;text-shadow:0 0 2px #fff8ec,0 0 3px #fff8ec,0 0 5px #fff8ec,0 0 8px #fff8ece6;display:block}.hname .nm small{font-size:12px;font-weight:800;display:block}.hname.selected .nm{font-size:21px}.hname.selected .arm{width:56px;height:56px}.hname.province.selected .arm{width:68px;height:68px}.label.hname.has-info{pointer-events:auto;cursor:pointer}.hname.has-info .nm{text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.lm-img.atlas-map{flex-direction:column}.lm-img.atlas-map img{width:100%;max-height:none}.atlas-map figcaption{font:700 12.5px/1.3 var(--font);color:var(--ink-soft);padding:6px 10px 8px}.unesco{border-radius:var(--r-small);color:#1f4f8f;font:800 13px/1.2 var(--font);background:#e8f0fb;margin:0 0 6px;padding:3px 9px;display:inline-block}.hname.river .nm{color:#2a6c92;max-width:none;font:italic 800 14px/1 var(--font)}.hname.people .nm{color:#b0281e;max-width:none;font:800 14px/1 var(--font);letter-spacing:.2em;text-transform:uppercase}.hk-src{color:var(--ink-soft);margin:8px 0 0;font-size:12px;font-weight:700}.hk-keys{color:var(--ink-soft);margin:8px 0 0;font-size:12px;font-weight:600;display:none}.hk-keys b{color:var(--ink);font-weight:800}@media (hover:hover) and (pointer:fine){.hk-keys{display:block}}.hname.zone .nm{color:#4a3220;max-width:150px;font-size:15px;font-style:italic}.hname.ghost .arm{display:none}.hname.ghost .nm{color:#46301c99;font:800 12px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 3px var(--cream), 0 0 3px var(--cream)}.label.hmedal{pointer-events:auto;cursor:pointer;width:46px;height:46px}.hmedal .md{color:#7a4a1e;background:#fff8ec;border:3px solid #7a4a1e;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 2px 6px #00000059}.hmedal .md:empty:after{content:"";background:currentColor;border-radius:50%;width:10px;height:10px}.hmedal .md-ico{object-fit:contain;width:38px;height:38px}.hmedal.k-lupta .md{color:#b3261e;border-color:#b3261e}.hmedal.k-eveniment .md{color:#2f6fb0;border-color:#2f6fb0}.hmedal .md-badge{background:#fff8ec;border:2px solid #b3261e;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 3px #00000059}.hmedal .md-badge .mb-ico{object-fit:contain;width:17px;height:17px}.label.hmedal.k-drum{width:22px;height:22px}.hmedal.k-drum .md{background:#8c2416;border-color:#fff8ec}.hmedal.k-drum .md:empty:after{display:none}.hmedal.k-drum span{font-size:14px;font-style:italic}.hmedal:hover .md,.hmedal.selected .md{transform:scale(1.18)}.hmedal.selected .md{box-shadow:0 0 0 3px #fff8ec,0 0 0 6px #3a2a1c,0 3px 10px #0006}.hmedal span{font:900 15px/1 var(--font);color:#2b2119;white-space:nowrap;text-shadow:0 0 3px #fff8ec,0 0 3px #fff8ec,0 0 2px #fff8ec,0 0 2px #fff8ec;position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.hmedal.selected span{font-size:17px}.hmedal.left span{left:auto;right:calc(100% + 5px)}.hmedal.top span,.hmedal.bottom span{left:50%;transform:translate(-50%)}.hmedal.top span{top:auto;bottom:calc(100% + 4px)}.hmedal.bottom span{top:calc(100% + 4px)}.hmedal.no-name span{display:none}.hmedal.crowded-name span{visibility:hidden}@media (min-width:901px) and (min-height:521px),(min-width:761px) and (min-height:521px) and (orientation:landscape){#timeline{width:min(820px,100vw - 48px)}}@media (max-width:1200px) and (min-width:901px){#timeline{width:min(720px,100vw - 48px)}}@media (max-width:760px),(orientation:portrait) and (max-width:900px),(max-height:520px){.compact-bar #opt-provinces:not(.has-ico),.compact-bar #opt-today:not(.has-ico){display:none}body>#legend .hk-opts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hk-opt{border:2px solid var(--line);border-radius:var(--r-btn);min-height:44px;color:var(--ink);font:800 15px/1.1 var(--font);cursor:pointer;background:#fff;padding:8px 14px}.hk-opt[aria-pressed=true]{background:#eef7e4;border-color:#8fc47e}.hname .arm{width:36px;height:36px}.hname.province .arm{width:44px;height:44px}.hname .nm{max-width:130px;font-size:14px}.hname .nm small{font-size:11px}.hname.selected .nm{font-size:16px}.hname.selected .arm{width:44px;height:44px}.hname.province.selected .arm{width:50px;height:50px}.hname.ghost .nm{font-size:11px}.hname.people .nm{letter-spacing:.14em;font-size:12px}.hmedal span{font-size:13px}.label.hmedal{width:40px;height:40px}.hmedal .md-ico{width:32px;height:32px}#panel:not(.expanded) .h-portrait,#panel:not(.expanded) .h-arms{display:none}}@media (max-height:520px) and (orientation:landscape){#panel:not(.expanded) .h-portrait{display:flex}#panel:not(.expanded) .h-arms{display:block}}