:root{--card:#181613c7;--text:#f4efe6;--muted:#b8ae9d;--accent:#e3b768;--documented:#d9d2c3;--inferred:#e0a34a;--illustrative:#6f9bd8;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:#c9d4dc;height:100%;margin:0;overflow:hidden}canvas{display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:16px;position:fixed;inset:0}#hud>*{pointer-events:auto}.card{background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:14px 16px}#era-card{max-width:min(420px,100vw - 32px);position:absolute;top:16px;left:16px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem}h1{margin:4px 0 6px;font-size:1.35rem}#era-year{color:var(--accent)}#era-summary{color:var(--muted);margin:0;font-size:.9rem;line-height:1.4}#controls{flex-direction:column;gap:10px;width:min(620px,100vw - 32px);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.eras{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.eras button{border-radius:10px;flex-direction:column;align-items:center;padding:8px 6px;display:flex}.eras button strong{font-size:1.05rem}.eras button small{color:var(--muted);text-align:center;font-size:.72rem}@media (width<=480px){.eras button small{display:none}}.eras button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#1d1710}.eras button[aria-selected=true] small{color:#3c2f1d}.timeline{align-items:center;gap:10px;display:flex}input[type=range]{accent-color:var(--accent);flex:1}.toggles,.views,.legend{flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.85rem;display:flex}.toggles label{cursor:pointer;align-items:center;gap:5px;display:flex}button{font:inherit;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:5px 12px}button:hover{border-color:var(--accent)}button.icon{flex:none;width:34px;height:34px;padding:0}.chip{margin-left:auto}.legend .sw{vertical-align:-1px;border-radius:3px;width:11px;height:11px;margin-right:5px;display:inline-block}.sw.documented{background:var(--documented)}.sw.inferred{background:var(--inferred)}.sw.illustrative{background:var(--illustrative)}#info{width:min(340px,100vw - 32px);max-height:calc(100vh - 300px);position:absolute;top:16px;right:16px;overflow-y:auto}#info h2{margin:0 30px 6px 0;font-size:1.05rem}#info p{margin:0 0 8px;font-size:.88rem;line-height:1.4}#info-meta{color:var(--muted)}#info ul{color:var(--muted);margin:0;padding-left:18px;font-size:.8rem}#info a{color:var(--accent)}#info-close{position:absolute;top:10px;right:10px}#attribution{color:#141414b3;text-align:right;max-width:50vw;margin:0;font-size:.68rem;position:absolute;bottom:4px;right:12px}[hidden]{display:none!important}.year{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:4px 0 2px;font-size:2.1rem;font-weight:700;line-height:1}#era-card h1{margin:2px 0 6px;font-size:1.15rem}.timeline .track{flex:1;align-items:center;display:flex;position:relative}.timeline .track input{width:100%}#ticks{height:10px;position:absolute;top:-9px;left:8px;right:8px}.tick{background:var(--muted);border:1px solid #00000059;border-radius:50%;width:8px;height:8px;min-height:0;padding:0;position:absolute;transform:translate(-50%)}.tick.build{background:#8fc77a}.tick.destroy{background:#e07060}.tick.fire{background:#ff9a3c}.tick.change{background:#e3b768}.tick.people{background:#8ab4e8}.chip.accent{background:var(--accent);border-color:var(--accent);color:#1d1710;font-weight:600}.toggles .light{gap:4px}.toggles .light input{width:90px}.hint{color:var(--muted);margin:0;font-size:.72rem}.story{border-left:4px solid var(--accent);width:min(340px,100vw - 32px);animation:.45s ease-out story-in;position:absolute;top:190px;left:16px}.story.fire{border-left-color:#ff9a3c}.story.destroy{border-left-color:#e07060}.story.build{border-left-color:#8fc77a}.story.people{border-left-color:#8ab4e8}.story-head{align-items:baseline;gap:10px;display:flex}.story-head strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.4rem}.story .kind{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem}.story h3{margin:4px 0;font-size:1rem}.story p{color:#ddd5c6;margin:0;font-size:.86rem;line-height:1.4}@keyframes story-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.label{color:var(--text);white-space:nowrap;will-change:transform;background:#181613b8;border-radius:999px;padding:3px 8px;font-size:.74rem;position:absolute;top:0;left:0}.label:after{content:"";background:#181613b8;width:1px;height:6px;position:absolute;bottom:-6px;left:50%}#ar-overlay{pointer-events:none;position:fixed;inset:0}body.ar #ar-overlay{pointer-events:auto;touch-action:none;background:0 0}#ar-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;top:16px;left:16px;right:16px}#ar-prompt{flex:200px;margin:0;font-size:14px}#ar-scale{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}body.ar #era-card,body.ar #views,body.ar .hint,body.ar #attribution,body.ar #legend,body.ar #ar-enter{display:none}body.ar .toggles label:has(#t-today){display:none}body.ar .toggles label:has(#t-ortho){display:none}body.ar .toggles label:has(#t-certainty){display:none}#more{display:none}@media (width<=700px),(height<=500px){.card{border-radius:12px;padding:10px 12px}#era-card{cursor:pointer;max-width:none;top:8px;left:8px;right:8px}#era-card .eyebrow{display:none}#era-card .year{font-size:1.4rem;display:inline}#era-card h1{margin:0 0 0 8px;font-size:.98rem;display:inline}#era-summary{display:none}#era-card.open #era-summary{margin-top:6px;font-size:.82rem;display:block}#controls{gap:8px;width:calc(100vw - 16px);bottom:8px}.eras button{padding:6px 4px}.timeline{flex-wrap:wrap;gap:8px}.timeline .track{flex:100%;order:-1}#more{margin-left:0;display:inline-block}#controls:not(.open) .toggles,#controls:not(.open) .views,#controls:not(.open) .legend{display:none}.views button{padding:4px 10px;font-size:.8rem}.hint,#attribution{display:none}.label{padding:2px 6px;font-size:.64rem}.story{width:auto;left:8px;right:8px;top:calc(var(--top-h,60px) + 6px);padding:8px 12px}.story p{display:none}.story-head strong{font-size:1.05rem}.story h3{margin:0;font-size:.88rem;display:inline}.story-head{margin-right:8px;display:inline-flex}#info{width:auto;top:auto;left:8px;right:8px;bottom:calc(var(--bottom-h,140px) + 6px);max-height:calc(100vh - var(--top-h,60px) - var(--bottom-h,140px) - 20px);font-size:.88rem}#ar-bar{padding:8px 10px;top:8px;left:8px;right:8px}#ar-prompt{flex-basis:100%;font-size:.8rem}#ar-scale{margin-right:auto}#ar-bar .chip{margin-left:0}}body.ar .story{top:calc(var(--top-h,60px) + 6px)}