@font-face{font-family:Libre Caslon Display;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/libre-caslon-display-latin-400-normal.n_DgBRfq.woff2)format("woff2"),url(/_astro/libre-caslon-display-latin-400-normal.BbfEE5V2.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff)format("woff")}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}html[data-home]{--bg:#0f1613;--bone:#ece5d3;--mute:#ece4d49e;--line:#ece4d429;--gilt:#c9a961;--day:#9fc3ff;--sienna:#e2b48a;--clay:#e8e2d6;--paper:#e9ddc3;--ink:#2a2018;--gl:max(clamp(16px,4vw,56px),env(safe-area-inset-left));--gr:max(clamp(16px,4vw,56px),env(safe-area-inset-right));--gb:max(16px,env(safe-area-inset-bottom));--disp:"Libre Caslon Display",Georgia,serif;--text:"EB Garamond",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(.16,1,.3,1);--enter:cubic-bezier(.22,1,.36,1);background:var(--bg);-webkit-text-size-adjust:100%;height:auto;& body{background:var(--bg);height:auto;color:var(--bone);font:17px/1.55 var(--text);-webkit-font-smoothing:antialiased}& body>.bar{font-size:1.1875rem;line-height:1.6}& #app{min-height:0}& a{color:inherit}& :focus-visible{outline:1.5px solid var(--gilt);outline-offset:3px}& .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}& #gl{z-index:0;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}& .cine-main{z-index:1;position:relative}& .kicker{font:500 12px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:0 0 14px}& .kicker kbd{font:inherit;border:1px solid var(--line);color:var(--bone);border-radius:3px;padding:2px 6px}& .big{font:400 clamp(30px,4.2vw,62px)/1.04 var(--disp);letter-spacing:-.005em;text-wrap:balance;margin:0 0 16px}& .p{color:#ece4d4db;max-width:52ch;margin:0 0 12px;font-size:clamp(16px,1.25vw,18px)}& .chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}& .cchip{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:2px;align-items:center;gap:7px;padding:5px 9px;display:inline-flex}& .pri{color:var(--gilt)}& .sec{color:var(--day)}& .mea{color:var(--clay)}& .wik{color:#c9c3b8;border-style:dashed}& .con{color:var(--sienna);background:repeating-linear-gradient(135deg,#e2b48a33 0 1.5px,#0000 1.5px 6px)}& .dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}& .ring{border:1.5px solid;border-radius:50%;width:8px;height:8px}& .yr{font:400 clamp(72px,11vw,168px)/.86 var(--disp);font-variant-numeric:lining-nums tabular-nums;color:#f1e6cf;margin:0 0 18px}& .yr small{font:500 12px var(--mono);letter-spacing:.24em;color:var(--mute);vertical-align:top;margin-left:12px}& .plaque{border-left:1px solid var(--gilt);padding-left:18px}& #explore{z-index:1;pointer-events:none;height:100svh;position:relative}& #explore .xp,& #explore .xtime{pointer-events:auto}& .xp{left:var(--gl);top:calc(76px + env(safe-area-inset-top));max-height:calc(100svh - 76px - var(--gb) - 96px);width:min(400px,calc(100vw - var(--gl) - var(--gr)));overscroll-behavior:contain;border:1px solid var(--line);backdrop-filter:blur(14px);opacity:0;background:#0f1613b8;border-radius:3px;padding:20px;position:absolute;overflow:auto;transform:translateY(16px)}&.open .xp{opacity:1;transition:opacity .7s var(--enter), transform .7s var(--enter);transform:none}& #xh1{font:400 clamp(30px,3vw,44px)/1.05 var(--disp);text-wrap:balance;margin:0 0 8px}& #xh1 span{font:500 12px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:8px;display:block}& .hint{color:var(--mute);margin:0 0 14px;font-size:14px}& #xback{border:1px solid var(--line);min-height:44px;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;margin-bottom:14px;padding:0 14px}& #xback:hover{border-color:var(--gilt);color:#f3cf8f}& .xp .yr{margin:0 0 6px;font-size:clamp(56px,7vw,104px)}& .xp #xera{color:var(--gilt);margin:0 0 4px}& #xlist{flex-direction:column;gap:2px;margin:16px 0;display:flex}& #xlist button{text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 10px;font-size:15px;line-height:1.25;display:flex}& #xlist button small{font:500 12px var(--mono);letter-spacing:.08em;color:var(--mute);flex:none}& #xlist button:hover{background:#ece4d40f}& #xlist button[aria-pressed=true]{border-left-color:var(--gilt);color:#f6e3bf;background:#c9a96124}& #xlist button.lost{color:var(--sienna)}& #xlist button.lost span:before{content:"";vertical-align:2px;background:#c9622d;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}& #xcard:empty{display:none}& #xcard{border-top:1px solid var(--line);border-left:0;margin-top:16px;padding:18px 0 0}& #xcard:not(:empty)+#xlist,& .xp:has(#xcard:not(:empty)) :is(#xh1,.hint){display:none}& .xp:has(#xcard:not(:empty)) .yr{font-size:44px}& #xcard h2{font:400 clamp(26px,2.4vw,34px)/1.08 var(--disp);text-wrap:balance;margin:0 0 8px}& #xcard h3.kicker{margin:20px 0 6px}& #xcard dl{grid-template-columns:auto 1fr;gap:8px 14px;margin:16px 0 0;font-size:14.5px;line-height:1.45;display:grid}& #xcard dt{font:500 12px/1.9 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}& #xcard dd{margin:0}& #xcard .replay{margin:20px 10px 0 0}& .reads{margin:0;padding:0;list-style:none}& .reads a{min-height:44px;animation:rise .7s var(--enter) both;animation-delay:calc(var(--i,0)*.12s);border-left:2px solid #0000;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}& .reads a:hover{border-left-color:var(--gilt);background:#c9a9611a}& .reads a span{font-size:15px;line-height:1.3}& .reads a small{font:500 12px/1.4 var(--mono);letter-spacing:.08em;color:var(--mute)}& .xtime{left:var(--gl);right:var(--gr);bottom:calc(var(--gb) + 16px);position:absolute}& .xtime input{width:100%;height:44px;accent-color:var(--gilt);cursor:pointer;margin:0}& .xticks{height:16px;font:500 12px var(--mono);letter-spacing:.1em;color:var(--mute);position:relative}& .xticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}& .xticks span:first-child{transform:none}& .xticks span:last-child{transform:translate(-100%)}& #scale{background:#18231e;padding:clamp(80px,14vh,160px) 0 clamp(60px,10vh,120px);position:relative}& .in{padding:0 var(--gr) 0 var(--gl);max-width:1360px;margin:0 auto}& .wrap{padding:0 var(--gr) 8px var(--gl);scrollbar-color:#2c3a33 transparent;margin-top:36px;overflow-x:auto}& #scalesvg{width:100%;max-width:1700px;height:auto;margin:0 auto;display:block}& #scalesvg .sname{font:400 30px var(--disp);fill:var(--bone)}& #scalesvg .smeta{font:500 21px var(--mono);letter-spacing:.06em;fill:#ece4d49e}& #colophon{background:var(--bg);border-top:1px solid var(--line);padding:clamp(72px,12vh,140px) 0 calc(var(--gb) + 72px)}& .credits{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px 48px;margin-top:40px;display:grid}& .credits h4{font:500 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gilt);margin:0 0 10px}& .credits p{color:var(--mute);margin:0;font-size:15px}& .routes{flex-wrap:wrap;gap:8px 10px;margin-top:48px;padding:0;list-style:none;display:flex}& .routes a,& .routes kbd{border:1px solid var(--line);min-height:44px;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;transition:border-color .25s,color .25s;display:inline-flex}& .routes a:hover{border-color:var(--gilt);color:#f3cf8f}& .routes kbd{color:var(--mute);border-style:dashed}& .replay{border:1px solid var(--gilt);min-height:44px;color:var(--gilt);font:500 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:10px;margin-top:56px;padding:0 20px;text-decoration:none;display:inline-flex}& .replay:hover{background:#c9a9611f}& #visit{z-index:0;background:var(--bg);opacity:0;visibility:hidden;touch-action:pan-y;transition:opacity 1.2s var(--ease), visibility 1.2s;margin:0;position:fixed;inset:0;overflow:hidden}&.visiting #visit{opacity:1;visibility:visible}& #visit img{object-fit:cover;opacity:0;width:106%;height:106%;scale:1;translate:calc(var(--mx,0)*-12px) calc(var(--my,0)*-8px);transition:opacity 1s var(--ease), translate .8s var(--ease), scale 0s 1s;position:absolute;top:-3%;left:-3%}& #visit img.cur{opacity:1;transition:opacity 1s var(--ease), translate .8s var(--ease), scale 28s linear;scale:1.08}& #visit:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0f1613c7,#0f161338 38%,#0000 60%),linear-gradient(#0000 70%,#0f161399);position:absolute;inset:0}& #visit figcaption{right:var(--gr);bottom:calc(var(--gb) + 16px);z-index:1;text-align:right;max-width:min(46ch,50vw);font:500 12px/1.5 var(--mono);letter-spacing:.06em;color:var(--mute);position:absolute}& #visit figcaption span{color:#ece4d4db;display:block}& #visit figcaption a{border-bottom:1px solid var(--line);text-decoration:none}& .xtime{transition:opacity .6s var(--ease), visibility .6s}&.visiting .xtime{opacity:0;visibility:hidden}&.no-gl.visiting #explore{background:0 0}& .vctl{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}& #xcard .vctl .replay{margin:0}& .vstep{font:500 12px var(--mono);letter-spacing:.12em;color:var(--mute);align-items:center;gap:4px;display:inline-flex}& .vstep[hidden]{display:none}& .vstep button{border:1px solid var(--line);width:44px;height:44px;font:400 20px/1 var(--text);cursor:pointer;background:0 0;border-radius:50%}& .vstep button:hover{border-color:var(--gilt);color:#f3cf8f}&.no-gl #gl{display:none}&.no-gl #explore{background:radial-gradient(70% 60% at 70% 55%,#18231e,#0f1613 70%)}@media (width<=760px){& .xp{top:auto;bottom:calc(var(--gb) + 76px);max-height:56svh;padding:16px}& .xp .yr{font-size:44px}& .xp:has(#xcard:not(:empty)) :is(.yr,#xera,#xcount,#achips){display:none}& #xcard{border-top:0;margin-top:0;padding-top:0}& #visit figcaption{top:calc(68px + env(safe-area-inset-top));bottom:auto;left:var(--gl);right:var(--gr);text-align:left;max-width:none}}@media (width<=520px){& .xticks .w{display:none}}@media (prefers-reduced-motion:reduce){& .xp,& .reads a{opacity:1;transition:none;animation:none;transform:none}& #visit,&.visiting #visit,& #visit img,& #visit img.cur{transition:none;translate:none;scale:none}}}