:root{--night:#151c25;--bone:#eef1f4;--ink:#26313d;--muted:#536171;--line:#bac5d0;--card:#fff;--accent:#8e2823;--gold:#d5b579;--heroes:#7446af;--pets:#24724b;--masters:#936016;--truegold:#875c08;--features:#245ea2;--pvp:#a1343e}
[data-theme=dark]{--bone:#151c25;--ink:#e6ebf0;--muted:#b0bdca;--line:#3d4b5a;--card:#202b36;--accent:#edb8af;--heroes:#c4a3ff;--pets:#84d5a6;--masters:#efc88a;--truegold:#edce79;--features:#94beff;--pvp:#ffa4ac}
*{box-sizing:border-box}body{margin:0;background:var(--bone);color:var(--ink);font:16px/1.6 Archivo,system-ui,sans-serif}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,.button{min-height:44px;padding:10px 16px;background:var(--card);border:1px solid var(--line);border-radius:8px;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover,.button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:#8e2823;color:#fff;border-color:#8e2823}main{max-width:960px;margin:auto;padding:22px 28px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar>a{font-weight:700;text-decoration:none}.page-header{text-align:center;padding:42px 0 26px}.eyebrow{font:700 .76rem/1.4 'Saira Condensed',sans-serif;letter-spacing:.16em;color:var(--muted);margin:0 0 10px}h1,h2,h3{font-family:'Saira Condensed',sans-serif;line-height:1.15}h1{font-size:clamp(2.6rem,7vw,4.4rem);margin:0 0 12px}.intro{color:var(--muted);margin:0}.founded{font-size:.88rem;color:var(--muted);margin:18px 0 0}.utc{display:inline-block;border-left:1px solid var(--line);margin-left:12px;padding-left:12px;font-size:.75rem}.next-up{border:1px solid var(--gold);border-left:4px solid var(--gold);background:var(--card);padding:20px 24px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 24px}.next-up strong{font-size:1.25rem}.next-up p:last-child{margin:5px 0 0;color:var(--muted);font-size:.88rem}.next-up .button{white-space:nowrap}.tools{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--card)}.tool-row{display:flex;align-items:end;gap:12px}.tool-row label{font-size:.8rem;font-weight:600}.search-label{flex:1;min-width:100px}input[type=search],select{display:block;width:100%;height:44px;margin-top:6px;background:var(--bone);border:1px solid var(--line);padding:8px 12px;border-radius:6px}fieldset{border:0;margin:18px 0 0;padding:0}legend{font-size:.8rem;font-weight:600;margin-bottom:8px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{--category:var(--muted);display:flex;align-items:center;gap:7px;min-height:44px;border:1px solid var(--line);border-radius:24px;padding:7px 12px;font-size:.83rem;cursor:pointer}.filter:has(:checked){border-color:var(--category);color:var(--category)}input[type=checkbox]{accent-color:var(--category);width:16px;height:16px;margin:0}.heroes{--category:var(--heroes)}.pets{--category:var(--pets)}.masters{--category:var(--masters)}.truegold{--category:var(--truegold)}.features{--category:var(--features)}.pvp{--category:var(--pvp)}.tool-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px}.tool-footer p{font-size:.8rem;color:var(--muted)}.tool-footer>div{display:flex;gap:8px;flex-wrap:wrap}.tool-footer button{font-size:.8rem}.calendar-note,.schedule-note{color:var(--muted);font-size:.8rem;line-height:1.6}.calendar-note{margin:10px 0 0}.schedule-note{margin:22px 0 30px}.timeline{position:relative;padding-left:28px;border-left:2px solid var(--line);margin-left:8px}.month{position:relative;margin:30px 0 14px;font:700 .9rem/1.4 'Saira Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.month::before{content:'';position:absolute;left:-34px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--line)}.milestone{position:relative;border:1px solid var(--line);border-left:3px solid var(--category);border-radius:10px;background:var(--card);margin:10px 0;scroll-margin-top:24px}.milestone::before{content:'';position:absolute;left:-37px;top:25px;width:10px;height:10px;border:3px solid var(--bone);box-sizing:content-box;border-radius:50%;background:var(--category)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.milestone summary{padding:16px 20px}.card-top{display:flex;gap:10px;align-items:center}.category{color:var(--category);font-size:.69rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.estimate{font-size:.64rem;padding:1px 6px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.expand{margin-left:auto;color:var(--muted);font-size:1.3rem;line-height:1}details[open] .expand{transform:rotate(45deg)}h3{font-size:1.38rem;margin:7px 0}.date-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--muted);font-size:.78rem}.day{display:inline-flex;gap:4px;border-left:1px solid var(--line);padding-left:14px}.relative{color:var(--category)}.portraits{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px}.portrait{margin:0;text-align:center;max-width:94px}.portrait img{object-fit:contain;display:block;margin:0 auto;border-radius:6px}.portrait-name{display:block;font-size:.67rem;color:var(--muted);margin-top:4px;line-height:1.3}.card-detail{padding:0 20px 18px;font-size:.9rem}.card-detail p{border-top:1px solid var(--line);padding-top:14px;margin-top:0}.permalink{font-size:.78rem}.today-marker{display:flex;gap:14px;align-items:center;color:var(--accent);font-size:.8rem;font-weight:700;margin:28px 0;scroll-margin-top:24px}.today-marker:after{content:'';height:1px;flex:1;background:var(--accent)}.today-marker time{font-size:.73rem}.source-details{border-top:1px solid var(--line);margin-top:40px;padding:20px 0;color:var(--muted);font-size:.85rem}.source-details summary{min-height:44px;font-weight:600}.source-details summary:before{content:'+ ';color:var(--accent)}footer{margin-top:20px;font-size:.85rem;color:var(--muted)}.empty{padding:30px;border:1px dashed var(--line);border-radius:8px;text-align:center}.skip-link{position:fixed;left:12px;top:-100px;z-index:200;background:var(--card);padding:12px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.milestone:target{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:600px){main{padding:16px 16px 80px}.page-header{padding-top:32px}.next-up{padding:16px;align-items:start;flex-direction:column}.next-up .button{width:100%}.tools{padding:14px}.tool-row{flex-wrap:wrap}.search-label{flex-basis:100%}.tool-row>label:not(.search-label){flex:1 1 100%}.tool-row>button{flex:1 1 100%}.tool-footer{align-items:start;flex-direction:column}.tool-footer p{margin:0 0 8px}.filter{padding:7px 10px}.timeline{padding-left:20px;margin-left:6px}.month::before{left:-26px}.milestone::before{left:-29px}.milestone summary{padding:14px}.card-detail{padding:0 14px 16px}h3{font-size:1.25rem}.portraits{gap:10px}.founded{font-size:.8rem}.utc{margin-left:8px;padding-left:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.topbar,.tools,.lang-fab,.next-up,.permalink,footer{display:none!important}body{background:#fff;color:#000}.milestone{break-inside:avoid;box-shadow:none}.timeline{border-color:#999}main{max-width:none}.source-details{break-inside:avoid}}

/* The homepage identity, using the same unmodified approved crest. */
.timeline-masthead{background:radial-gradient(ellipse at 95% 0%,#596b813b,transparent 65%),linear-gradient(140deg,#242d3d,#151a24);border-bottom:1px solid #a3844b55;color:#f4f3ed}
.masthead-inner{max-width:960px;margin:auto;padding:22px 28px 0}
.timeline-brand{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#e6c486;font-size:.82rem}
.timeline-masthead .topbar button{background:#202936;color:#f4f3ed;border-color:#596575}
.timeline-masthead .page-header{text-align:left;padding:32px 0 28px}
.timeline-identity{display:flex;align-items:center;gap:24px}
.timeline-crest{width:88px;height:110px;flex:none;filter:drop-shadow(0 4px 9px #0003)}
.timeline-identity>div{min-width:0}
.timeline-masthead .eyebrow{color:#e6c486}
.timeline-masthead h1{margin:0;color:#f4f3ed;font-size:clamp(2.6rem,6vw,4.4rem)}
.timeline-masthead .intro{color:#c7d0df;margin-top:18px}
.timeline-masthead .founded{color:#c7d0df}
.timeline-masthead .utc{border-color:#596575}
@media(max-width:600px){.masthead-inner{padding:16px 16px 0}.timeline-identity{gap:16px}.timeline-crest{width:56px;height:70px}.timeline-masthead h1{font-size:clamp(2.1rem,9vw,3.4rem)}.timeline-masthead .page-header{padding:26px 0 24px}.timeline-masthead .eyebrow{margin-bottom:6px}.timeline-masthead .topbar button{font-size:.82rem;padding:10px 12px}}
@media print{.timeline-masthead{background:#fff;color:#000}.timeline-masthead h1,.timeline-masthead .eyebrow,.timeline-masthead .intro,.timeline-masthead .founded{color:#000}}
