.time-atlas{--ink:#183b40;--navy:#112c3b;--paper:#fff6df;--gold:#c29a52;--muted:#64726d}.time-atlas *{box-sizing:border-box}.time-atlas a{color:inherit;text-underline-offset:4px}.time-atlas button,.time-atlas input,.time-atlas select{font:14px/1.4 Arial,sans-serif}.time-atlas button,.time-atlas a,.time-atlas input,.time-atlas select{touch-action:manipulation}.time-atlas button{cursor:pointer}.time-atlas button:focus-visible,.time-atlas a:focus-visible,.time-atlas input:focus-visible,.time-atlas select:focus-visible{outline:3px solid #c79537;outline-offset:4px}.time-atlas [hidden]{display:none!important}.time-atlas .timeline-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding:45px 0 38px}.time-atlas .eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:2.8px;color:#926120;margin:0 0 14px}.time-atlas h1{font-weight:normal;font-size:clamp(38px,4.4vw,64px);line-height:1.08;margin:0 0 18px;letter-spacing:-2px}.time-atlas h1 span{display:block;font-size:.48em;letter-spacing:0;margin-top:12px}.time-atlas h2,.time-atlas h3{font-weight:normal}.time-atlas h2{font-size:32px;line-height:1.2;margin:0 0 15px}.time-atlas .timeline-intro p:not(.eyebrow){font-size:17px;max-width:650px;margin:0 0 18px}.time-atlas .jump{text-decoration:none;font:13px Arial,sans-serif;font-weight:bold}.time-atlas .jump span{color:#a67b36;padding:0 12px}.time-atlas .covers{display:flex;align-items:center;justify-content:center;height:280px;isolation:isolate}.time-atlas .covers img{width:33%;max-height:245px;object-fit:contain;filter:drop-shadow(0 12px 8px #122a3238);transform:rotate(-9deg)}.time-atlas .covers img:nth-child(2){transform:rotate(0) translateY(-12px);z-index:1}.time-atlas .covers img:last-child{transform:rotate(9deg)}.time-atlas .chapter-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);margin-bottom:42px}.time-atlas .chapter-strip a{padding:14px 16px;text-decoration:none;font-size:24px;border-right:1px solid #d8c69d}.time-atlas .chapter-strip a:last-child{border:0}.time-atlas .chapter-strip span{display:block;font:12px/1.4 Arial,sans-serif;margin-top:5px}.time-atlas .explorer-heading{display:flex;align-items:end;justify-content:space-between;gap:15px}.time-atlas .explorer-heading #count{font:13px Arial,sans-serif;color:var(--muted);padding-bottom:10px}.time-atlas form{display:flex;gap:14px;align-items:end;border-bottom:1px solid #c7b58e;padding:10px 0 25px;flex-wrap:wrap}.time-atlas form label{font:11px Arial,sans-serif;letter-spacing:.5px;display:grid;gap:8px}.time-atlas input[type=search],.time-atlas select{padding:11px 12px;border:1px solid #bbaa86;background:#fffaf0;color:var(--ink);min-height:42px;max-width:100%}.time-atlas input[type=search]{width:300px}.time-atlas .check{display:flex;align-items:center;min-height:42px;gap:6px}.time-atlas input[type=checkbox]{accent-color:var(--ink)}.time-atlas form button{padding:11px 10px;border:0;background:transparent;text-decoration:underline;color:var(--ink);min-height:42px}.time-atlas .timeline-layout{display:grid;grid-template-columns:105px minmax(0,1fr);gap:28px;padding-top:30px}.time-atlas .year-nav{position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:auto;padding-right:12px;scrollbar-width:thin}.time-atlas .year-nav span{font:10px Arial,sans-serif;letter-spacing:2px;margin-bottom:13px;color:#926120}.time-atlas .year-nav a{font:15px/1.85 Arial,sans-serif;text-decoration:none;padding:0 10px;border-left:2px solid transparent}.time-atlas .year-nav a:hover,.time-atlas .year-nav a.active{border-color:var(--gold);background:#efe1c4}.time-atlas .year-group{display:grid;grid-template-columns:105px minmax(0,1fr);gap:20px;position:relative}.time-atlas .year-group>h2{margin:0;font-size:40px;line-height:1.2;position:sticky;top:20px;align-self:start}.time-atlas .year-group h2 small{display:block;font:10px Arial,sans-serif;letter-spacing:1px;color:var(--muted);margin-top:8px}.time-atlas .year-events{border-left:1px solid #bca373;padding-left:30px;padding-bottom:32px}.time-atlas .event{position:relative;margin:0 0 24px;padding:0 0 27px;border-bottom:1px solid #dccba6}.time-atlas .event:last-child{margin-bottom:0}.time-atlas .event-dot{position:absolute;left:-36px;top:5px;width:11px;height:11px;border:2px solid var(--paper);outline:1px solid #a67a32;background:#b88a3b;border-radius:50%}.time-atlas .event-meta{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;margin-bottom:12px;font:11px Arial,sans-serif;color:var(--muted)}.time-atlas time{font-weight:bold;font-size:13px;color:#986522}.time-atlas .kind{border-bottom:1px solid #ccb58a;padding-bottom:2px}.time-atlas .kind.uscite{color:#21615a;border-color:#6daca0}.time-atlas .kind.archivio{color:#814b46;border-color:#b38680}.time-atlas .game-label{margin-left:auto}.time-atlas .event-main.with-image{display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px}.time-atlas .event-image{margin:0}.time-atlas .event-image button{border:0;padding:0;width:100%;background:#e9ddbe;display:block}.time-atlas .event-image img{width:100%;height:130px;object-fit:contain;padding:5px;display:block}.time-atlas .event-image figcaption{font:9px/1.4 Arial,sans-serif;color:var(--muted);margin-top:5px}.time-atlas .event h3{font-size:25px;line-height:1.22;margin:0 0 10px}.time-atlas .event p{font-size:16px;line-height:1.65;margin:0 0 10px}.time-atlas .event .date-note{font:11px/1.5 Arial,sans-serif;color:#866d49;background:#efe3ca;display:inline-block;padding:4px 7px}.time-atlas .event-links{display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap;margin-top:8px;font:12px/1.5 Arial,sans-serif}.time-atlas .details-button{padding:0;border:0;background:none;color:#956426;font-size:12px;text-decoration:underline;text-underline-offset:3px}.time-atlas .reading{border-top:2px solid var(--gold);margin:30px 0 55px;padding:35px 0;max-width:900px}.time-atlas .reading p{font-size:16px}.time-atlas .reading summary{cursor:pointer;font-size:19px}.time-atlas .reading li{font-size:13px;margin-bottom:8px}.time-atlas dialog{background:var(--paper);color:var(--ink);border:1px solid var(--gold);max-width:750px;width:calc(100% - 30px);padding:45px;max-height:90vh;overflow:auto}.time-atlas dialog::backdrop{background:#0b202cdd}.time-atlas dialog h2{font-size:32px}.time-atlas dialog p{font-size:17px}.time-atlas .close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:32px;color:var(--ink)}.time-atlas #image-dialog{max-width:1100px;text-align:center;padding:40px 18px 15px}.time-atlas #image-dialog img{max-width:100%;max-height:72vh;object-fit:contain}.time-atlas #image-dialog p{font-size:14px}.time-atlas .source-link{display:block;background:#eddfbf;padding:15px;margin-top:20px}.time-atlas .modal-links{font:14px/2 Arial,sans-serif}.time-atlas .modal-links a{display:block}@media(max-width:950px){.time-atlas .timeline-intro{gap:20px}.time-atlas .covers{height:220px}.time-atlas .chapter-strip a{font-size:21px;padding:12px 8px}.time-atlas .timeline-layout{grid-template-columns:65px minmax(0,1fr);gap:18px}.time-atlas .year-group{grid-template-columns:75px minmax(0,1fr);gap:12px}.time-atlas .year-group>h2{font-size:32px}.time-atlas .event-main.with-image{grid-template-columns:110px minmax(0,1fr);gap:15px}.time-atlas .event-image img{height:110px}.time-atlas .event h3{font-size:23px}}@media(max-width:640px){.time-atlas{font-size:16px}.time-atlas .timeline-intro{display:block;padding:32px 0 25px}.time-atlas h1{font-size:43px}.time-atlas .covers{display:none}.time-atlas .timeline-intro p:not(.eyebrow){font-size:16px}.time-atlas .chapter-strip{grid-template-columns:repeat(5,145px);overflow-x:auto;margin-bottom:30px}.time-atlas .chapter-strip a{font-size:22px}.time-atlas .explorer-heading{display:block}.time-atlas .explorer-heading h2{font-size:28px}.time-atlas form{gap:12px}.time-atlas form label{width:100%}.time-atlas input[type=search]{width:100%}.time-atlas .check{width:auto}.time-atlas form button{margin-left:auto}.time-atlas .timeline-layout{display:block;padding-top:20px}.time-atlas .year-nav{position:relative;top:0;display:flex;flex-direction:row;gap:4px;overflow:auto;max-height:none;padding:0 0 14px;margin-bottom:23px;white-space:nowrap}.time-atlas .year-nav span{display:none}.time-atlas .year-nav a{padding:5px 10px;border-left:0;border-bottom:2px solid transparent}.time-atlas .year-group{display:block}.time-atlas .year-group>h2{position:static;display:flex;align-items:center;gap:12px;font-size:38px;margin:15px 0 22px}.time-atlas .year-group h2 small{margin:0}.time-atlas .year-events{margin-left:5px;padding-left:21px}.time-atlas .event-dot{left:-27px}.time-atlas .event-main.with-image{grid-template-columns:85px minmax(0,1fr);gap:13px}.time-atlas .event-image img{height:100px}.time-atlas .event h3{font-size:23px}.time-atlas .event p{font-size:15px}.time-atlas .game-label{margin-left:0}.time-atlas .event-meta{gap:7px 10px}.time-atlas .event-links{font-size:12px}.time-atlas .reading{margin-bottom:20px}.time-atlas .reading h2{font-size:28px}.time-atlas dialog{padding:40px 22px}.time-atlas dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){}.time-atlas{overflow-x:clip}.time-atlas .event-main>div,.time-atlas .timeline,.time-atlas .event{min-width:0}.time-atlas .event h3,.time-atlas .event p,.time-atlas .date-note{overflow-wrap:anywhere}.time-atlas .year-nav,.time-atlas .chapter-strip{max-width:100%}
@media(max-width:640px){.time-atlas .chapter-strip{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.time-atlas .chapter-strip a{min-width:0;border-bottom:1px solid #d8c69d}.time-atlas .chapter-strip a:nth-child(2n){border-right:0}.time-atlas .chapter-strip a:last-child{grid-column:1/-1;border-bottom:0}.time-atlas .chapter-strip span{white-space:normal}.time-atlas .year-nav{flex-wrap:wrap;overflow:visible;white-space:normal;gap:5px;padding-bottom:18px}.time-atlas .year-nav a{flex:0 0 calc(25% - 5px);text-align:center;padding:7px 4px;background:#efe5ce}.time-atlas .event-main.with-image{display:block}.time-atlas .event-image{float:left;width:90px;margin:0 14px 9px 0}.time-atlas .event-main:after{content:"";display:block;clear:both}.time-atlas .event h3{font-size:23px}.time-atlas .event-links{clear:both}}.time-atlas .kind.voci{color:#865d26;border-color:#b98b47}.time-atlas .event .rumour-status{font:700 11px/1.5 Arial,sans-serif;color:#78511d;background:#efe0bc;padding:7px 10px;border-left:3px solid #b98b47}

.time-atlas { --ink: var(--text, #183b40); --paper: var(--panel, #fff6df); }
.time-atlas #filters, .time-atlas .year-group, .time-atlas .event { scroll-margin-top: 105px; }
.time-atlas .year-nav, .time-atlas .year-group > h2 { top: 90px; }
.time-atlas .timeline-return { margin: 24px 0; }
.time-atlas .timeline-filter-shortcut {
 position: fixed; bottom: 18px; left: max(12px, env(safe-area-inset-left));
 z-index: 10; padding: 8px 13px; border: 1px solid var(--gold);
 border-radius: 5px; background: var(--paper); color: var(--ink);
 font: 13px/1.4 Arial, sans-serif;
}
@media(max-width:640px){.time-atlas .year-nav{top:0}}

.time-atlas .timeline-intro {
 grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
 background: transparent;
 color: inherit;
}
.time-atlas .timeline-intro .covers { min-width: 0; padding-inline: 16px; }
.time-atlas .timeline-intro .covers img { width: 30%; }
.time-atlas nav.year-nav {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 grid-auto-flow: row;
 align-content: start;
 columns: auto;
 width: 100%;
 min-width: 0;
 gap: 0;
}
.time-atlas nav.year-nav a { display: block; min-width: 0; text-align: start; }
.time-atlas .year-group { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.time-atlas .year-group > h2 { position: static; }
@media(max-width:640px) {
 .time-atlas nav.year-nav { max-height: 12rem; overflow: auto; }
 .time-atlas nav.year-nav a { background: transparent; }
 .time-atlas .timeline-intro .covers { display: flex; height: 160px; }
}

.time-atlas .timeline-year-picker { display: none; }
@media (max-width:640px) {
 .time-atlas .timeline-year-picker {
  display: grid;
  gap: 8px;
  margin-bottom: 24px;
  font: 14px/1.4 Arial, sans-serif;
 }
 .time-atlas .timeline-year-picker select { width: 100%; font-size: 16px; }
 .time-atlas .timeline-year-picker + nav.year-nav { display: none; }
}

.time-atlas :is(#evento-66,#evento-69,#evento-38) .event-image img { object-fit: cover; }
.time-atlas #evento-69 .event-image img { object-position: center 30%; }