.timeline-page{--timeline-navy:#071c37;--timeline-navy-soft:#102d52;--timeline-amber:#f59a13;--timeline-amber-dark:#d97800;--timeline-cream:#fff8ee;--timeline-paper:#fffdf9;--timeline-ink:#10233f;--timeline-muted:#675f58;--timeline-border:#e8d9c5;background:var(--timeline-cream);min-height:100vh;color:var(--timeline-ink);overflow:hidden}.timeline-page button,.timeline-page a{font-family:inherit}.timeline-page svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.timeline-hero{background:#07172d;min-height:clamp(590px,56vw,760px);position:relative;overflow:hidden}.timeline-hero-art{object-fit:cover;object-position:center center;width:100%;max-width:none;height:100%;position:absolute;inset:0}.timeline-hero-copy{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;width:min(1380px,100% - 80px);min-height:clamp(590px,56vw,760px);margin:0 auto;padding-top:88px;display:flex;position:relative}.timeline-hero-copy h1{color:#fff;letter-spacing:-.055em;text-wrap:balance;width:min(560px,42vw);margin:0;font-size:clamp(52px,5.2vw,82px);font-weight:950;line-height:.98}.timeline-hero-copy>p{color:#ffffffdb;width:min(505px,38vw);margin:24px 0 0;font-size:clamp(18px,1.55vw,23px);font-weight:600;line-height:1.45}.timeline-hero-copy>div{pointer-events:auto;gap:14px;margin-top:34px;display:flex}.timeline-hero-copy button,.timeline-explorer-play,.timeline-learn-play button,.timeline-final-cta button{border:2px solid var(--timeline-amber);background:var(--timeline-amber);color:#fff;cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:11px;min-height:58px;padding:0 26px;font-size:17px;font-weight:900;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 14px 30px #ee890038}.timeline-hero-copy button:hover,.timeline-explorer-play:hover,.timeline-learn-play button:hover,.timeline-final-cta button:hover{background:#ffab23;transform:translateY(-2px);box-shadow:0 17px 34px #ee89004d}.timeline-hero-copy button.is-secondary{box-shadow:none;color:#ffb33e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061b36b3;border-color:#f59a13e6}.timeline-hero-copy button.is-secondary:hover{background:#0c2b4deb}.timeline-main{background:var(--timeline-cream)}.timeline-explorer{width:min(1380px,100% - 64px);margin:0 auto;padding:clamp(62px,7vw,94px) 0 76px;scroll-margin-top:82px}.timeline-explorer-header{justify-content:space-between;align-items:flex-end;gap:36px;display:flex}.timeline-explorer-header>div{max-width:820px}.timeline-explorer h2,.timeline-how h2,.timeline-eras-band h2,.timeline-learn-play h2,.timeline-seo-copy h2,.timeline-faq h2,.timeline-final-cta h2{color:var(--timeline-ink);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(34px,3.2vw,52px);font-weight:950;line-height:1.05}.timeline-explorer-header p{color:var(--timeline-muted);margin:16px 0 0;font-size:18px;font-weight:600;line-height:1.62}.timeline-explorer-play{min-width:210px}.timeline-explorer-controls{justify-content:space-between;align-items:center;gap:24px;margin-top:42px;display:flex}.timeline-view-tabs,.timeline-type-tabs{align-items:center;gap:8px;display:inline-flex}.timeline-topic-filter-tabs{flex-wrap:wrap;width:100%}.timeline-view-tabs button,.timeline-type-tabs button{border:1px solid var(--timeline-border);color:#2f302f;cursor:pointer;background:#ffffffad;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:14px;font-weight:800;transition:border-color .15s,background .15s,color .15s,transform .15s;display:inline-flex;box-shadow:0 5px 15px #5f39100d}.timeline-view-tabs button:hover,.timeline-type-tabs button:hover{border-color:#efb25a;transform:translateY(-1px)}.timeline-view-tabs button.is-active,.timeline-type-tabs button.is-active{border-color:var(--timeline-amber);background:var(--timeline-amber);color:#fff;box-shadow:0 8px 18px #e6810029}.timeline-search-row{align-items:center;gap:14px;margin-top:18px;display:flex}.timeline-search-box{border:1px solid var(--timeline-border);background:#fff;border-radius:13px;align-items:center;gap:10px;width:min(620px,100%);min-height:50px;padding:0 12px 0 16px;display:flex;box-shadow:0 8px 20px #2d236e0f}.timeline-search-box:focus-within{border-color:#756be8;box-shadow:0 0 0 3px #5146e51f}.timeline-search-box>svg{fill:none;stroke:#756be8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:20px;height:20px}.timeline-search-box input{width:100%;min-width:0;color:var(--timeline-ink);font:inherit;background:0 0;border:0;outline:0;font-size:14px;font-weight:750}.timeline-search-box input::placeholder{color:#8c8798}.timeline-search-box input::-webkit-search-cancel-button{appearance:none;display:none}.timeline-search-box button{color:#5146e5;cursor:pointer;background:#f0edff;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.timeline-search-box button svg{width:16px;height:16px}.timeline-search-row>p{color:#746e7f;white-space:nowrap;margin:0;font-size:13px;font-weight:750}.timeline-search-row>p strong{color:#5146e5}.timeline-era-rail{border:1px solid var(--timeline-border);background:#fff9;border-radius:16px;grid-template-columns:repeat(7,minmax(130px,1fr));margin-top:24px;display:grid;position:relative;overflow-x:auto}.timeline-era-rail button{border:0;border-right:1px solid var(--timeline-border);min-width:130px;min-height:92px;color:var(--timeline-ink);cursor:pointer;text-align:left;background:0 0;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:14px;display:grid}.timeline-era-rail button:last-child{border-right:0}.timeline-era-rail button:disabled{cursor:default;opacity:.34}.timeline-era-rail button:not(:disabled):hover,.timeline-era-rail button.is-active{background:color-mix(in srgb, var(--era-color) 9%, white)}.timeline-era-rail button.is-active{box-shadow:inset 0 -4px 0 var(--era-color)}.timeline-era-rail button>span{background:color-mix(in srgb, var(--era-color) 13%, white);width:34px;height:34px;color:var(--era-color);border-radius:50%;grid-row:1/3;place-items:center;font-size:20px;font-weight:950;display:grid}.timeline-era-rail strong{color:color-mix(in srgb, var(--era-color) 84%, #0d1d32);font-size:14px;font-weight:900}.timeline-era-rail small{color:#797067;font-size:11px;font-weight:700;line-height:1.22}.timeline-event-scroller{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;margin-top:24px;display:grid}.timeline-scroll-arrow{width:44px;height:44px;color:var(--timeline-navy);cursor:pointer;background:#fff;border:1px solid #dfcaae;border-radius:50%;place-items:center;display:grid}.timeline-scroll-arrow:disabled{cursor:default;opacity:.34}.timeline-event-scroller ol{scroll-snap-type:x proximity;scrollbar-color:#d4b17b transparent;scrollbar-width:thin;gap:10px;margin:0;padding:20px 8px;list-style:none;display:flex;position:relative;overflow-x:auto}.timeline-event-scroller ol:before{content:"";background:#c7aa7b;border-radius:3px;height:3px;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%)}.timeline-event-scroller li{z-index:1;scroll-snap-align:center;flex:0 0 150px;position:relative}.timeline-event-scroller li button{width:100%;min-height:74px;color:var(--timeline-ink);cursor:pointer;text-align:center;background:#fffdf9;border:2px solid #cfb487;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 5px 14px #48280914}.timeline-event-scroller li button:hover,.timeline-event-scroller li button.is-active{border-color:var(--timeline-amber);background:#fff7e6;box-shadow:0 10px 20px #e47e002b}.timeline-event-scroller li button span{color:#9a6a27;letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:900}.timeline-event-scroller li button strong{margin-top:3px;font-size:13px;font-weight:900;line-height:1.14}.timeline-explorer-detail{border:1px solid var(--timeline-border);background:#fffc;border-radius:22px;grid-template-columns:minmax(300px,36%) minmax(0,1fr) auto;align-items:center;gap:32px;min-height:250px;margin-top:4px;padding:16px 24px 16px 16px;display:grid;box-shadow:0 14px 34px #56310b14}.timeline-explorer-detail>img{object-fit:cover;border-radius:15px;width:100%;height:218px}.timeline-explorer-detail-copy>span{color:#8c6b3c;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.timeline-explorer-detail-copy h3{color:var(--timeline-ink);letter-spacing:-.035em;margin:5px 0 2px;font-size:clamp(28px,2.8vw,42px);font-weight:950;line-height:1.05}.timeline-explorer-detail-copy strong{color:var(--timeline-amber-dark);font-size:16px;font-weight:900}.timeline-explorer-detail-copy p,.timeline-explorer-detail-copy small{color:#454341;margin:10px 0 0;font-size:15px;font-weight:600;line-height:1.48;display:block}.timeline-explorer-detail-copy small{color:#736b63;font-size:13px}.timeline-explorer-detail-actions{flex-direction:column;align-items:stretch;gap:10px;min-width:174px;display:flex}.timeline-event-position{color:#736d7e;text-align:center;font-size:12px;font-weight:850}.timeline-detail-pager{grid-template-columns:1fr 1fr;gap:8px;display:grid}.timeline-detail-pager button{color:#5146e5;cursor:pointer;min-height:40px;font:inherit;background:#f8f7ff;border:1px solid #d8d3ea;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:850;display:inline-flex}.timeline-detail-pager button:disabled{cursor:default;opacity:.36}.timeline-detail-pager svg{width:15px;height:15px}.timeline-explorer-detail-actions a{border:2px solid var(--timeline-navy);min-width:164px;min-height:52px;color:var(--timeline-navy);border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.timeline-date-note{color:#7b7065;text-align:center;max-width:970px;margin:18px auto 0;font-size:12px;font-weight:700;line-height:1.5}.timeline-empty{border:1px dashed var(--timeline-border);color:var(--timeline-muted);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;margin-top:24px;padding:48px;display:flex}.timeline-empty strong{color:var(--timeline-ink);font-size:19px}.timeline-empty span{font-size:14px}.timeline-empty button{color:#fff;cursor:pointer;min-height:40px;font:inherit;background:#5146e5;border:0;border-radius:10px;margin-top:6px;padding:0 16px;font-size:13px;font-weight:900}.timeline-explorer .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}.timeline-how{background:#fffdf9;padding:84px max(32px,50% - 610px) 88px}.timeline-how h2{text-align:center}.timeline-how ol{grid-template-columns:repeat(3,1fr);gap:54px;max-width:1080px;margin:48px auto 0;padding:0;list-style:none;display:grid;position:relative}.timeline-how ol:before{content:"";background:#dcc7aa;height:2px;position:absolute;top:27px;left:17%;right:17%}.timeline-how li{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.timeline-how li>span{width:56px;height:56px;color:var(--timeline-amber-dark);background:#fffdf9;border:3px solid #e2cfb5;border-radius:50%;place-items:center;font-size:23px;font-weight:950;display:grid}.timeline-how li>svg{width:34px;height:34px;color:var(--timeline-amber);stroke-width:1.7px;margin-top:22px}.timeline-how h3{margin:11px 0 6px;font-size:22px;font-weight:950}.timeline-how p{max-width:280px;color:var(--timeline-muted);margin:0;font-size:15px;font-weight:600;line-height:1.52}.timeline-eras-band{background:var(--timeline-navy);color:#fff;padding:68px max(32px,50% - 690px) 72px}.timeline-eras-copy{justify-content:space-between;align-items:flex-end;gap:36px;display:flex}.timeline-eras-band h2{color:#fff}.timeline-eras-copy p{color:#ffffffb8;max-width:660px;margin:0;font-size:16px;font-weight:600;line-height:1.55}.timeline-eras-band ol{grid-template-columns:repeat(7,1fr);margin:50px 0 0;padding:0;list-style:none;display:grid;position:relative}.timeline-eras-band ol:before{content:"";background:#ffffff4d;height:2px;position:absolute;top:34px;left:6%;right:6%}.timeline-eras-band li{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.timeline-eras-band li>span{border:3px solid var(--era-color);background:var(--timeline-navy);width:68px;height:68px;color:var(--era-color);border-radius:50%;place-items:center;font-size:28px;font-weight:950;display:grid}.timeline-eras-band li strong{color:#fff;margin-top:12px;font-size:15px;font-weight:950}.timeline-eras-band li small{color:#ffffffa8;max-width:145px;margin-top:4px;font-size:11px;font-weight:700;line-height:1.35}.timeline-learn-play{grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);align-items:center;gap:72px;max-width:1250px;margin:0 auto;padding:94px 32px;display:grid}.timeline-learn-play>div:first-child>p{color:var(--timeline-muted);margin:18px 0 0;font-size:17px;font-weight:600;line-height:1.65}.timeline-learn-play button{margin-top:28px}.timeline-sort-preview{border:1px solid var(--timeline-border);background:#ffffffc7;border-radius:22px;padding:22px;box-shadow:0 20px 48px #4425071a}.timeline-sort-preview header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.timeline-sort-preview header strong{font-size:15px;font-weight:950}.timeline-sort-preview header span{color:#a95b00;background:#fff1d8;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:900}.timeline-sort-preview>div{background:#fff;border:1px solid #eadcc9;border-radius:10px;grid-template-columns:20px 28px minmax(0,1fr) 105px auto;align-items:center;gap:10px;min-height:58px;margin-top:8px;padding:8px 11px;display:grid}.timeline-sort-preview>div>svg{color:#a39382;width:18px;height:18px}.timeline-sort-preview>div>span{color:#8a7f73;font-size:13px;font-weight:900}.timeline-sort-preview>div>strong{font-size:13px;font-weight:900}.timeline-sort-preview>div>small{color:#77716b;font-size:11px;font-weight:700}.timeline-sort-preview>div>em{color:#b16a0d;border:1px solid #f0c98d;border-radius:7px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:900}.timeline-seo-copy{background:#fffdf9;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;padding:78px max(32px,50% - 590px);display:grid}.timeline-seo-copy h2{font-size:clamp(28px,2.7vw,40px)}.timeline-seo-copy p{color:var(--timeline-muted);margin:18px 0 0;font-size:16px;font-weight:600;line-height:1.7}.timeline-faq{max-width:1120px;margin:0 auto;padding:88px 32px}.timeline-faq h2{margin-bottom:34px}.timeline-faq details{border:1px solid var(--timeline-border);background:#ffffffb3;border-radius:13px;margin-top:10px}.timeline-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:62px;padding:0 20px;font-size:16px;font-weight:900;list-style:none;display:flex}.timeline-faq summary::-webkit-details-marker{display:none}.timeline-faq summary svg{transition:transform .16s}.timeline-faq details[open] summary svg{transform:rotate(90deg)}.timeline-faq details p{color:var(--timeline-muted);margin:0;padding:0 56px 20px 20px;font-size:15px;font-weight:600;line-height:1.62}.timeline-final-cta{background:#f7a126;border-radius:24px;justify-content:space-between;align-items:center;gap:42px;width:min(1220px,100% - 64px);min-height:220px;margin:0 auto 90px;padding:42px 52px;display:flex;box-shadow:0 24px 50px #a8570029}.timeline-final-cta h2{font-size:clamp(32px,3.4vw,48px)}.timeline-final-cta p{color:#543619;margin:11px 0 0;font-size:16px;font-weight:700}.timeline-final-cta button{border-color:var(--timeline-navy);background:var(--timeline-navy);flex:none;box-shadow:0 14px 28px #04152a38}.timeline-final-cta button:hover{background:#102f57}@media (width<=1100px){.timeline-hero-copy{width:calc(100% - 48px)}.timeline-hero-copy h1{width:50vw;font-size:clamp(48px,6vw,68px)}.timeline-hero-copy>p{width:44vw}.timeline-explorer-controls,.timeline-eras-copy{flex-direction:column;align-items:flex-start}.timeline-view-tabs,.timeline-type-tabs{width:100%;overflow-x:auto}.timeline-era-rail{grid-template-columns:repeat(7,150px)}.timeline-explorer-detail{grid-template-columns:minmax(260px,35%) 1fr}.timeline-explorer-detail-actions{grid-column:2}.timeline-learn-play{grid-template-columns:1fr;gap:46px}}@media (width<=760px){.timeline-hero{min-height:690px}.timeline-hero-art{object-position:68% center;height:58%;top:0}.timeline-hero:after{content:"";background:linear-gradient(#0000,#07172d 24% 100%);position:absolute;inset:34% 0 0}.timeline-hero-copy{justify-content:flex-end;width:calc(100% - 36px);min-height:690px;padding:0 0 36px}.timeline-hero-copy h1,.timeline-hero-copy>p{width:100%}.timeline-hero-copy h1{font-size:clamp(44px,13vw,58px)}.timeline-hero-copy>p{margin-top:16px;font-size:17px}.timeline-hero-copy>div{flex-direction:column;width:100%;margin-top:24px}.timeline-hero-copy button{width:100%}.timeline-explorer{width:calc(100% - 32px);padding:54px 0 62px}.timeline-explorer-header{flex-direction:column;align-items:stretch}.timeline-explorer-header h2,.timeline-how h2,.timeline-eras-band h2,.timeline-learn-play h2,.timeline-faq h2,.timeline-final-cta h2{font-size:36px}.timeline-explorer-play{width:100%}.timeline-explorer-controls{margin-top:28px}.timeline-search-row{flex-direction:column;align-items:stretch;gap:8px}.timeline-search-row>p{padding-left:4px}.timeline-view-tabs button,.timeline-type-tabs button{flex:none}.timeline-event-scroller{grid-template-columns:minmax(0,1fr)}.timeline-scroll-arrow{display:none}.timeline-explorer-detail{grid-template-columns:1fr;gap:20px;padding:14px}.timeline-explorer-detail>img{height:220px}.timeline-explorer-detail-actions{grid-column:1}.timeline-explorer-detail-actions a{width:100%}.timeline-how{padding:64px 24px}.timeline-how ol{grid-template-columns:1fr;gap:38px;margin-top:38px}.timeline-how ol:before{width:2px;height:auto;top:18px;bottom:18px;left:27px}.timeline-how li{text-align:left;grid-template-rows:auto auto;grid-template-columns:56px 40px 1fr;align-items:start;column-gap:12px;display:grid}.timeline-how li>span{grid-row:1/3}.timeline-how li>svg{width:30px;height:30px;margin:4px 0 0}.timeline-how h3{margin:2px 0 4px}.timeline-how p{grid-column:2/4;max-width:none}.timeline-eras-band{padding:58px 20px}.timeline-eras-band ol{grid-template-columns:repeat(7,118px);margin-top:36px;padding-bottom:12px;overflow-x:auto}.timeline-eras-band ol:before{width:780px;left:40px;right:40px}.timeline-learn-play{padding:68px 20px}.timeline-sort-preview{padding:14px}.timeline-sort-preview>div{grid-template-columns:20px 24px minmax(0,1fr) auto}.timeline-sort-preview>div>small{display:none}.timeline-seo-copy{grid-template-columns:1fr;gap:48px;padding:62px 24px}.timeline-faq{padding:66px 20px}.timeline-final-cta{flex-direction:column;align-items:stretch;width:calc(100% - 32px);margin-bottom:64px;padding:34px 24px}.timeline-final-cta button{width:100%}}@media (prefers-reduced-motion:reduce){.timeline-page *,.timeline-page :before,.timeline-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.timeline-page{--timeline-navy:#17132d;--timeline-navy-soft:#282145;--timeline-amber:#5146e5;--timeline-amber-dark:#5146e5;--timeline-cream:#fff;--timeline-paper:#fff;--timeline-ink:#141126;--timeline-muted:#5f5a71;--timeline-border:#e4e0ff;background:#fff}.timeline-page .quiz-static-hero-art{object-position:center 52%}.revelation-timeline-page .quiz-static-hero-art{object-position:center 48%}.timeline-page .quiz-static-hero-copy{gap:18px;width:min(1120px,100% - 40px);bottom:38px}.timeline-page .quiz-static-hero-text{white-space:normal}.timeline-page .quiz-static-hero-text h1{max-width:1080px;font-size:clamp(36px,3.15vw,46px)}.timeline-page .quiz-static-description{max-width:980px}.timeline-marketing .quiz-proof-rail{margin-bottom:92px}.timeline-tool-shell{background:linear-gradient(145deg,#fbfaff,#f5f3ff);border:1px solid #dfdbff;border-radius:30px;width:min(1280px,100% - 48px);margin:0 auto 112px;overflow:hidden;box-shadow:0 24px 60px #342a7e1a}.timeline-tool-shell .timeline-explorer{width:100%;padding:46px 42px 42px}.timeline-tool-shell .timeline-explorer-header p{color:#625d75}.timeline-page .timeline-explorer-play,.timeline-game-band-copy button{background:#5146e5;border-color:#5146e5;box-shadow:0 12px 26px #5146e538}.timeline-page .timeline-explorer-play:hover,.timeline-game-band-copy button:hover{background:#4439d4;box-shadow:0 16px 30px #5146e54d}.timeline-view-tabs button:hover,.timeline-type-tabs button:hover{border-color:#8d84f3}.timeline-view-tabs button.is-active,.timeline-type-tabs button.is-active{box-shadow:0 8px 18px #5146e52b}.timeline-event-scroller ol:before{background:#b6aff3}.timeline-event-scroller ol{scrollbar-color:#958dee transparent}.timeline-event-scroller li button{background:#fff;border-color:#dcd7f7;box-shadow:0 5px 14px #2d236e0f}.timeline-event-scroller li button:hover,.timeline-event-scroller li button.is-active{background:#f2f0ff;box-shadow:0 10px 20px #5146e524}.timeline-event-scroller li button span,.timeline-explorer-detail-copy>span{color:#6a60d7}.timeline-explorer-detail{background:#fff;box-shadow:0 14px 34px #30267814}.timeline-explorer-detail-actions a{color:#5146e5;border-color:#5146e5}.timeline-article{padding-top:0}.timeline-chronology-callout{background:linear-gradient(135deg,#17132d,#29204b)}.timeline-era-list .quiz-topic-row{color:inherit;text-decoration:none}.timeline-era-list .quiz-topic-row:hover{background:#f7f5ff;padding-left:12px;padding-right:12px}.timeline-chronology-list{background:#fff;border:1px solid #e2def2;border-radius:24px;margin-top:42px;overflow:hidden;box-shadow:0 16px 38px #251b590f}.timeline-chronology-list>section{border-bottom:1px solid #e8e4f3;grid-template-columns:210px minmax(0,1fr);display:grid}.timeline-chronology-list>section:last-child{border-bottom:0}.timeline-chronology-list>section>header{background:color-mix(in srgb, var(--era-color) 8%, #faf9ff);align-items:flex-start;gap:12px;padding:24px 20px;display:flex}.timeline-chronology-list>section>header>span{color:#fff;background:var(--era-color);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.timeline-chronology-list h3,.timeline-chronology-list header p,.timeline-chronology-list ol{margin:0}.timeline-chronology-list h3{color:#17132d;font-size:18px;font-weight:900}.timeline-chronology-list header p{color:#716b80;margin-top:4px;font-size:12px;line-height:1.35}.timeline-chronology-list ol{padding:0;list-style:none}.timeline-chronology-list li{border-bottom:1px solid #eeeaf5;grid-template-columns:34px 145px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px 18px;display:grid}.timeline-chronology-list li:last-child{border-bottom:0}.timeline-chronology-list li>b{color:#5146e5;background:#efedff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.timeline-chronology-list li>span{color:#777083;font-size:12px;font-weight:800;line-height:1.35}.timeline-chronology-list li>div{flex-direction:column;gap:3px;display:flex}.timeline-chronology-list li strong{color:#17132d;font-size:15px;font-weight:900}.timeline-chronology-list li small{color:#6d6680;font-size:12px;font-weight:700}.timeline-chronology-list li>a{color:#5146e5;font-size:12px;font-weight:900;text-decoration:none}.timeline-game-band{margin-top:0}.timeline-game-band-inner{grid-template-columns:minmax(0,.8fr) minmax(470px,1.2fr);align-items:center;gap:70px;display:grid}.timeline-game-band-copy>p:first-child{color:#b8afff;letter-spacing:.12em;margin:0 0 12px;font-size:12px;font-weight:900}.timeline-game-band-copy h2{color:#fff;letter-spacing:-.035em;margin:0;font-size:clamp(34px,3.5vw,50px);font-weight:900;line-height:1.07}.timeline-game-band-copy>p:not(:first-child){color:#d8d4e5;margin:22px 0 0;font-size:17px;line-height:1.65}.timeline-game-band-copy button{color:#fff;cursor:pointer;min-height:54px;font:inherit;border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;margin-top:28px;padding:0 22px;font-weight:900;display:inline-flex}.timeline-game-band .timeline-sort-preview{color:#17132d;background:#fbfaff;box-shadow:0 22px 52px #0000003d}.timeline-game-band .timeline-sort-preview header span{color:#5146e5;background:#ebe8ff}.timeline-game-band .timeline-sort-preview>div>em{color:#5146e5;background:#f4f2ff;border-color:#dcd7ff}.timeline-page .quiz-final-cta button{background:#5146e5}.timeline-topic-inline-link{color:#5146e5;background:#f8f6ff;border:1px solid #d7d1fb;border-radius:12px;align-items:center;gap:9px;min-height:46px;margin-top:22px;padding:0 16px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.timeline-topic-inline-link svg{width:17px;height:17px}.timeline-topic-phase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:36px;display:grid}.timeline-topic-phase-grid>a{color:#17132d;background:#fff;border:1px solid #e2def2;border-radius:18px;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:14px;min-height:112px;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 10px 25px #2d236e0d}.timeline-topic-phase-grid>a:hover{border-color:#8d84f3;transform:translateY(-2px);box-shadow:0 14px 30px #5146e51a}.timeline-topic-phase-grid>a>span{color:#fff;background:#5146e5;border-radius:13px;place-items:center;width:44px;height:44px;font-size:13px;font-weight:950;display:grid}.timeline-topic-phase-grid h3,.timeline-topic-phase-grid p{margin:0}.timeline-topic-phase-grid h3{font-size:17px;font-weight:950}.timeline-topic-phase-grid p{color:#6b6579;margin-top:5px;font-size:13px;font-weight:650;line-height:1.4}.timeline-topic-phase-grid svg,.timeline-topic-related svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:19px;height:19px}.timeline-topic-chronology>section>header{background:#f7f5ff}.timeline-topic-chronology>section>header>span{background:#5146e5;border-radius:12px;width:58px;font-size:11px}.timeline-topic-game-guide{color:#fff;background:linear-gradient(135deg,#17132d,#2b2450);border-radius:28px;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:70px;padding:52px;display:grid;box-shadow:0 24px 54px #17132d33}.timeline-topic-game-guide>div>p:first-child,.timeline-topic-related>div>p{color:#bdb5ff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:950}.timeline-topic-game-guide h2,.timeline-topic-related h2{color:inherit;letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,44px);font-weight:950;line-height:1.08}.timeline-topic-game-guide>div>p:not(:first-child){color:#dedbea;margin:18px 0 0;font-size:16px;line-height:1.62}.timeline-topic-game-guide button{color:#fff;cursor:pointer;min-height:52px;font:inherit;background:#5146e5;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:24px;padding:0 20px;font-size:14px;font-weight:950;display:inline-flex}.timeline-topic-game-guide button svg{width:20px;height:20px}.timeline-topic-game-guide ol{background:#ffffff12;border:1px solid #ffffff24;border-radius:20px;margin:0;padding:8px;list-style:none}.timeline-topic-game-guide li{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:0 18px;display:flex}.timeline-topic-game-guide li:last-child{border-bottom:0}.timeline-topic-game-guide li strong{color:#fff;font-size:16px}.timeline-topic-game-guide li span{color:#c9c5d7;font-size:12px;font-weight:750}.timeline-topic-related{background:linear-gradient(145deg,#f8f6ff,#f0edff);border:1px solid #dfdbff;border-radius:26px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 48px;margin-top:82px;padding:42px 46px;display:grid}.timeline-topic-related>div{grid-row:1/3}.timeline-topic-related>div>p{color:#5146e5}.timeline-topic-related>div>span{color:#625d71;max-width:720px;margin-top:12px;font-size:15px;font-weight:650;line-height:1.55;display:block}.timeline-topic-related>a{color:#5146e5;background:#fff;border:1px solid #d7d1fb;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-width:260px;min-height:48px;padding:0 16px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}@media (width<=900px){.timeline-tool-shell .timeline-explorer{padding:38px 28px 32px}.timeline-chronology-list>section{grid-template-columns:1fr}.timeline-chronology-list>section>header{align-items:center}.timeline-game-band-inner{grid-template-columns:1fr;gap:46px}.timeline-topic-game-guide{grid-template-columns:1fr;gap:34px}.timeline-topic-related{grid-template-columns:1fr}.timeline-topic-related>div{grid-row:auto}.timeline-topic-related>a{min-width:0}}@media (width<=760px){.timeline-page .quiz-static-hero-art{object-position:62% center}.revelation-timeline-page .quiz-static-hero-art{object-position:68% center}.timeline-topic-filter-tabs{flex-wrap:nowrap}.timeline-page .quiz-static-hero-copy{bottom:30px}.timeline-page .quiz-static-hero-text h1{font-size:clamp(30px,8.4vw,38px);line-height:1.1}.timeline-page .quiz-static-kicker{font-size:17px}.timeline-page .quiz-static-description{font-size:14px}.timeline-tool-shell{border-radius:22px;width:calc(100% - 24px);margin-bottom:78px}.timeline-tool-shell .timeline-explorer{width:100%;padding:34px 18px 24px}.timeline-chronology-list{border-radius:18px}.timeline-chronology-list li{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:14px}.timeline-chronology-list li>span{grid-area:2/2/auto/4}.timeline-chronology-list li>div{grid-column:2}.timeline-chronology-list li>a{grid-area:1/3}.timeline-game-band{padding:68px 20px}.timeline-game-band-copy button{width:100%}.timeline-topic-phase-grid{grid-template-columns:1fr}.timeline-topic-game-guide{border-radius:22px;padding:32px 22px}.timeline-topic-game-guide button{width:100%}.timeline-topic-related{margin-top:60px;padding:30px 22px}}.timeline-game-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#031021d6;place-items:center;padding:26px;display:grid;position:fixed;inset:0}.timeline-game-dialog{color:#10233f;background:#fffaf2;border:1px solid #eed6b5f2;border-radius:26px;flex-direction:column;width:min(1500px,100%);max-height:calc(100vh - 52px);display:flex;overflow:auto;box-shadow:0 38px 100px #0000006b}.timeline-game-header{border-bottom:1px solid #eadbc7;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:96px;padding:16px 24px;display:grid}.timeline-game-brand{color:#0d2340;letter-spacing:-.035em;justify-self:start;font-size:20px;font-weight:950;text-decoration:none}.timeline-game-brand span{color:#ed8e06}.timeline-game-header>div{text-align:center}.timeline-game-header h2{color:#10233f;letter-spacing:-.04em;margin:0;font-size:clamp(28px,2.5vw,42px);font-weight:950;line-height:1}.timeline-game-header p{color:#5d5a57;margin:7px 0 0;font-size:15px;font-weight:700}.timeline-game-header>button{color:#3e403f;cursor:pointer;background:#fffdf9;border:1px solid #e1cdae;border-radius:13px;justify-self:end;place-items:center;width:48px;height:48px;display:grid}.timeline-game-header>button:hover{color:#b95f00;border-color:#ef9b1d}.timeline-game-options{border-bottom:1px solid #eadbc7;justify-content:space-between;align-items:center;gap:22px;min-height:74px;padding:12px 28px;display:flex}.timeline-game-view-tabs,.timeline-game-difficulty{align-items:center;gap:8px;display:flex}.timeline-game-options button{color:#263245;cursor:pointer;white-space:nowrap;background:#ffffff9e;border:1px solid #e5d4bd;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 15px;font-size:13px;font-weight:800;display:inline-flex}.timeline-game-options button:hover,.timeline-game-options button.is-active{border-color:#f59a13}.timeline-game-options button.is-active{color:#fff;background:#f59a13;box-shadow:0 8px 18px #da750026}.timeline-game-options button svg{width:20px;height:20px}.timeline-game-hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:60px;padding:10px 32px;display:grid}.timeline-game-hud>span,.timeline-game-hud>strong,.timeline-game-hud>button{align-items:center;gap:8px;font-size:14px;font-weight:850;display:inline-flex}.timeline-game-hud>span{background:#fffdf9;border:1px solid #ead8bf;border-radius:9px;justify-self:start;padding:7px 11px}.timeline-game-hud>strong{justify-self:center;font-size:16px}.timeline-game-hud>strong b{color:#ef8b00;font-size:26px}.timeline-game-hud>button{color:#102f57;cursor:pointer;background:#fff;border:2px solid #102f57;border-radius:9px;justify-self:end;min-height:40px;padding:0 13px}.timeline-game-hud>button:disabled{cursor:default;opacity:.42}.timeline-game-content{grid-template-columns:minmax(0,1fr) 260px;gap:18px;min-height:430px;padding:0 28px;display:grid}.timeline-game-board,.timeline-game-learning{background:#ffffff85;border:1px solid #e7d5bb;border-radius:19px}.timeline-game-board{min-width:0;padding:18px 16px 12px;overflow:hidden}.timeline-game-cards{scroll-snap-type:x proximity;scrollbar-color:#d6b883 transparent;scrollbar-width:thin;gap:10px;min-width:0;padding:4px 4px 14px;display:flex;overflow-x:auto}.timeline-game-cards article{cursor:grab;scroll-snap-align:center;background:#fffdf9;border:2px solid #ead8be;border-radius:15px;flex-direction:column;flex:0 0 148px;align-items:stretch;width:148px;min-height:300px;padding:8px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;position:relative;box-shadow:0 8px 20px #482b0b14}.timeline-card-position{z-index:1;color:#806e50;background:#fffaf2;border:1px solid #dfc9a9;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:950;display:grid;position:absolute;top:7px;left:8px}.timeline-game-cards article:active{cursor:grabbing}.timeline-game-cards article.is-selected{border-color:#f59a13;transform:translateY(-3px);box-shadow:0 12px 28px #e07e0033}.timeline-game-cards article.is-correct{background:#f1fbf3;border-color:#4b9b64}.timeline-game-cards article.is-wrong{background:#fff6f4;border-color:#cc5c56}.timeline-card-grip{color:#8f7a5d;margin:0 auto 5px;stroke-width:1.5px!important;width:20px!important;height:20px!important}.timeline-card-select{outline-offset:3px;width:100%;min-width:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;align-items:stretch;padding:0;display:flex}.timeline-card-select>img{object-fit:cover;border-radius:10px;width:100%;height:146px}.timeline-card-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70px;display:flex}.timeline-card-copy strong{font-size:13px;font-weight:950;line-height:1.18}.timeline-card-copy>span{color:#6d645b;margin-top:4px;font-size:10px;font-weight:750;line-height:1.2}.timeline-card-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;display:grid}.timeline-card-actions button{color:#10233f;cursor:pointer;background:#fffaf2;border:1px solid #e5d4bd;border-radius:8px;place-items:center;min-height:36px;display:grid}.timeline-card-actions button:hover:not(:disabled){color:#b25f00;border-color:#f59a13}.timeline-card-actions button:disabled{cursor:default;opacity:.25}.timeline-card-actions svg{width:18px;height:18px}.timeline-game-instruction{color:#6a6158;justify-content:center;align-items:center;gap:8px;margin:6px 0 0;font-size:12px;font-weight:750;display:flex}.timeline-game-instruction svg{width:18px;height:18px}.timeline-game-learning{flex-direction:column;min-width:0;padding:20px;display:flex}.timeline-game-learning h3{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:950;display:flex}.timeline-game-learning>img{object-fit:cover;border-radius:11px;width:100%;height:125px;margin-top:16px}.timeline-game-learning>strong{margin-top:13px;font-size:16px;font-weight:950}.timeline-game-learning>span{color:#c76d00;margin-top:2px;font-size:12px;font-weight:900}.timeline-game-learning>p{color:#514e4a;margin:16px 0 0;font-size:13px;font-weight:650;line-height:1.55}.timeline-game-locked{color:#8a785e;text-align:center;border:1px dashed #dcc6a5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:130px;margin-top:auto;padding:18px;display:flex}.timeline-game-locked span{font-size:12px;font-weight:750;line-height:1.4}.timeline-game-feedback{color:#6f655b;text-align:center;min-height:44px;padding:10px 32px 0;font-size:13px;font-weight:750}.timeline-game-feedback strong{color:#173c2b;justify-content:center;align-items:center;gap:8px;display:inline-flex}.timeline-game-footer-actions{grid-template-columns:1fr 1fr 1.15fr;gap:18px;padding:12px 28px 22px;display:grid}.timeline-game-footer-actions button{color:#10233f;cursor:pointer;background:#ffffffb3;border:1px solid #dfc9aa;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:54px;font-size:14px;font-weight:900;display:inline-flex}.timeline-game-footer-actions button:nth-child(2){border:2px solid #12345f}.timeline-game-footer-actions button.is-primary{color:#fff;background:#f59a13;border-color:#f59a13;box-shadow:0 12px 24px #e07c0030}.timeline-game-footer-actions button:hover:not(:disabled){transform:translateY(-1px)}.timeline-game-footer-actions button:disabled{cursor:default;opacity:.42}.timeline-game-status{background:#ffffff75;border-top:1px solid #e8d7c0;grid-template-columns:repeat(3,1fr);min-height:54px;display:grid}.timeline-game-status span{color:#5c5854;border-right:1px solid #e8d7c0;justify-content:center;align-items:center;font-size:12px;font-weight:750;display:flex}.timeline-game-status span:last-child{border-right:0}.timeline-game-status strong{color:#10233f;margin-left:5px;font-weight:950}@media (width<=1100px){.timeline-game-options{flex-direction:column;align-items:stretch}.timeline-game-view-tabs,.timeline-game-difficulty{overflow-x:auto}.timeline-game-content{grid-template-columns:minmax(0,1fr)}.timeline-game-learning{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(160px,220px) 1fr;column-gap:18px;display:grid}.timeline-game-learning h3{grid-column:1/3}.timeline-game-learning>img{grid-row:2/5}.timeline-game-learning>strong,.timeline-game-learning>span,.timeline-game-learning>p{grid-column:2}.timeline-game-locked{grid-column:1/3;min-height:80px;margin-top:16px}}@media (width<=720px){.timeline-game-overlay{align-items:stretch;padding:0}.timeline-game-dialog{border:0;border-radius:0;width:100%;max-height:100vh}.timeline-game-header,.timeline-game-options,.timeline-game-hud,.timeline-game-feedback,.timeline-game-footer-actions,.timeline-game-status{flex:none}.timeline-game-header{grid-template-columns:minmax(0,1fr) auto;min-height:78px;padding:10px 14px}.timeline-game-brand{display:none}.timeline-game-header>div{text-align:left}.timeline-game-header h2{font-size:25px}.timeline-game-header p{font-size:12px}.timeline-game-header>button{width:44px;height:44px}.timeline-game-options{gap:9px;min-height:0;padding:10px 12px}.timeline-game-options button{flex:none;min-height:40px;padding:0 12px;font-size:12px}.timeline-game-hud{grid-template-columns:1fr 1fr auto;gap:7px;min-height:52px;padding:7px 12px}.timeline-game-hud>span,.timeline-game-hud>strong,.timeline-game-hud>button{font-size:11px}.timeline-game-hud>span{padding:6px 8px}.timeline-game-hud>strong b{font-size:18px}.timeline-game-hud svg{width:17px;height:17px}.timeline-game-content{flex:none;gap:10px;min-height:auto;padding:0 10px}.timeline-game-board{padding:12px 8px 8px}.timeline-game-cards article{flex-basis:132px;width:132px;min-height:274px}.timeline-card-select>img{height:124px}.timeline-game-learning{padding:15px;display:block}.timeline-game-learning>img{height:120px}.timeline-game-locked{min-height:74px}.timeline-game-feedback{min-height:38px;padding:7px 12px 0;font-size:11px}.timeline-game-footer-actions{grid-template-columns:1fr 1fr;gap:8px;padding:10px 10px 14px}.timeline-game-footer-actions button{min-height:46px;padding:0 8px;font-size:11px}.timeline-game-footer-actions button.is-primary{grid-column:1/3}.timeline-game-status{min-height:44px}.timeline-game-status span{font-size:10px}}
