html,body,#root{background:#0c0f0f;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;display:block}.scene{position:fixed;inset:0}.scene:focus{outline:none}.scene:focus-visible:after{content:"";pointer-events:none;z-index:1;border:2px solid #f2c46d;border-radius:6px;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #0c0f0fa6,0 0 0 1px #0c0f0fa6}.skip-link{z-index:50;left:12px;top:max(12px, env(safe-area-inset-top));color:#1b1a17;transform:translateY(calc(-100% - 24px - env(safe-area-inset-top)));background:#f4ecdf;border-radius:10px;padding:12px 14px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;position:fixed}.skip-link:focus{outline-offset:2px;outline:2px solid #f2c46d;transform:none}.title-card{z-index:2;left:16px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 120px);box-sizing:border-box;background:var(--glass);-webkit-backdrop-filter:blur(8px);color:#f4ecdf;letter-spacing:.04em;pointer-events:none;border-radius:10px;max-width:calc(100vw - 32px);padding:8px 12px;font:500 13px/1.4 ui-serif,Georgia,serif;position:fixed}.title-card__kicker{font:inherit;text-transform:uppercase;letter-spacing:.24em;margin:0;font-size:11px}.title-card__era{margin-top:4px;font-size:22px}.osm-credit{right:10px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 94px);z-index:10;background:var(--glass);-webkit-backdrop-filter:blur(8px);color:#f4ecdf;border-radius:6px;padding:3px 8px;font:400 11px/1.3 ui-sans-serif,system-ui,sans-serif;position:fixed}.osm-credit a{color:inherit;-webkit-text-decoration:underline #f4ecdf99;text-decoration:underline #f4ecdf99}.osm-credit a:focus-visible{outline-offset:2px;outline:2px solid #f2c46d}.stats-gl{z-index:20;top:8px;left:8px;position:fixed!important}.timeline{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:15;box-sizing:border-box;background:var(--glass);-webkit-backdrop-filter:blur(8px);border:1px solid #f4ecdf24;border-radius:12px;width:min(880px,100vw - 16px);padding:8px 6px 4px;position:fixed;transform:translate(-50%)}.timeline__scroll{scrollbar-width:none;padding:10px 10px 0;overflow:auto hidden}.timeline__scroll::-webkit-scrollbar{display:none}.timeline__track{width:100%;height:62px;position:relative}.timeline--two-rows .timeline__track{height:110px}.timeline__line{background:#f4ecdfa6;border-radius:1px;height:2px;position:absolute;top:1px;left:0;right:0}.timeline__leaders{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.timeline__leaders line{stroke:#f4ecdfa6;stroke-width:1px}.timeline__dot{fill:#f4ecdf}.timeline__btn{color:#f4ecdf;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:48px;padding:4px 8px;font:600 14px/1.1 ui-serif,Georgia,serif;transition:background-color .12s;display:flex;position:absolute}.timeline__btn:hover,.timeline__btn--target{background:#f4ecdf1a}.timeline__btn[aria-current=true]{color:#1b1a17;background:#f4ecdf}.timeline__btn:focus-visible{outline-offset:1px;outline:2px solid #f2c46d}.timeline__label{opacity:.92;font:500 10px/1.1 ui-sans-serif,system-ui,sans-serif}.timeline__knob{cursor:grab;touch-action:none;background:#f2c46d;border-radius:50%;width:20px;height:20px;margin-left:-10px;position:absolute;top:-8px;box-shadow:0 1px 6px #00000073}.timeline__knob:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline__knob:active{cursor:grabbing}body:has(.timeline--two-rows) .title-card{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 164px)}body:has(.timeline--two-rows) .osm-credit{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 138px)}@media (width<=639px){.timeline__track{width:220vw}}@media (prefers-reduced-motion:reduce){.timeline__btn{transition:none}}.toolbar{top:max(12px, env(safe-area-inset-top));z-index:21;gap:8px;display:flex;position:fixed;left:12px}.toolbar__lang,.toolbar__group{background:var(--glass);-webkit-backdrop-filter:blur(8px);border:1px solid #f4ecdf24;border-radius:10px;gap:2px;padding:0 2px;display:flex}.toolbar__btn{background:var(--glass);color:#f4ecdf;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(8px);border:1px solid #f4ecdf24;border-radius:10px;min-width:44px;min-height:44px;padding:0 14px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif}.toolbar__btn:has(.toolbar__icon){align-items:center;gap:7px;display:inline-flex}.toolbar__icon{flex:none}.toolbar__btn--lang,.toolbar__btn--seg{-webkit-backdrop-filter:none;background:0 0;border:0;padding:0 10px}.toolbar__btn[aria-pressed=true],.toolbar__btn[aria-expanded=true]{color:#1b1a17;background:#f4ecdf}.toolbar__btn:focus-visible,.info-panel__close:focus-visible,.info-panel a:focus-visible{outline-offset:2px;outline:2px solid #f2c46d}@media (width<=639px){.toolbar{flex-wrap:wrap;right:12px}.toolbar__btn--seg{padding:0 8px}}.quality{position:relative}.quality__menu{z-index:25;background:#141311f0;border:1px solid #f4ecdf24;border-radius:10px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.quality__item{color:#f4ecdf;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:7px;min-height:44px;padding:0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif}.quality__item[aria-checked=true]{color:#1b1a17;background:#f4ecdf}.quality__item:focus-visible{outline-offset:1px;outline:2px solid #f2c46d}.info-panel{z-index:20;top:calc(max(12px, env(safe-area-inset-top)) + 56px);right:12px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 112px);box-sizing:border-box;overscroll-behavior:contain;color:#f4ecdf;background:#141311f0;border:1px solid #f4ecdf24;border-radius:14px;width:min(400px,100vw - 24px);padding:14px 18px 18px;font:400 15px/1.5 ui-sans-serif,system-ui,sans-serif;position:fixed;overflow-y:auto}.info-panel__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.info-panel__head h2{outline:none;margin:6px 0 0;font:500 19px/1.3 ui-serif,Georgia,serif}.info-panel__close{color:#f4ecdf;cursor:pointer;background:#f4ecdf1a;border:0;border-radius:9px;flex:none;min-width:44px;min-height:44px;padding:0 12px;font:600 13px/1 ui-sans-serif,system-ui,sans-serif}.info-panel__facts{gap:14px;margin:12px 0 0;padding-left:20px;display:grid}.info-panel__text{margin:0}.info-panel__meta{color:#f4ecdfc7;margin:4px 0 0;font-size:12.5px;line-height:1.45}.info-panel__meta a{color:#f2c46d;text-underline-offset:2px}.info-panel__inferred{border:1px solid #f4ecdf66;border-radius:5px;margin-right:8px;padding:1px 6px;font-weight:600;display:inline-block}.info-panel__note{color:#f4ecdfc7;margin:14px 0 0;font-size:12.5px}@media (width<=720px){.info-panel{width:auto;max-height:50vh;top:auto;left:8px;right:8px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 112px);background:#141311;border-radius:14px 14px 10px 10px;animation:.18s ease-out info-sheet-up}body:has(#info-panel) .title-card{visibility:hidden}}body:has(.timeline--two-rows) .info-panel{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 156px)}@keyframes info-sheet-up{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.info-panel{animation:none}}:root{--era-dip:radial-gradient(ellipse at 50% 45%, #75624a 0%, #5e4d38 60%, #3f3426 100%);--glass:#0c0f0fa6}.era-dip{z-index:12;pointer-events:none;background:var(--era-dip);color:#f4ecdf;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.era-dip__year{letter-spacing:.04em;font:500 clamp(64px,14vw,160px)/1 ui-serif,Georgia,serif}.era-dip__label{letter-spacing:.08em;margin-top:10px;font:500 clamp(16px,2.4vw,24px)/1.2 ui-serif,Georgia,serif}@media (prefers-reduced-motion:reduce){.era-dip{display:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-fallback{z-index:1;box-sizing:border-box;color:#f4ecdf;text-align:center;background:linear-gradient(#2a3a44,#1b1a17);place-items:center;padding:24px;font:400 16px/1.5 ui-sans-serif,system-ui,sans-serif;display:grid;position:fixed;inset:0}.fps-readout{top:max(8px, env(safe-area-inset-top));z-index:30;color:#f4ecdf;pointer-events:none;background:#0c0f0fb3;border-radius:6px;padding:3px 7px;font:600 11px/1.2 ui-monospace,Menlo,monospace;position:fixed;right:8px}