:root{--paper:#f4efe2;--ink:#1c1916;--paper-night:#11141c;--ink-night:#e9e4d4;--route-red:#8a1f1f;--night-map:#1a2030;--ink-55:#1c19168c;--ink-20:#1c191633;--font-display:"DM Serif Display", Georgia, serif;--font-masthead:"DM Serif Display", Georgia, "Times New Roman", serif;--font-caption:"Source Serif 4", Georgia, serif;--font-mono:"Courier Prime", ui-monospace, "Courier New", monospace;--size-masthead:clamp(48px, 10vw, 96px);--size-caption:clamp(18px, 1.5vw, 20px);--size-mono:12px;--track-mono:.25em;--night:0;--storm:0;--stars:0;--mourn:0;--masthead:1;--cue:1;--montage-wash:.5;--dark:max(var(--night), var(--storm));--text-dark:clamp(0, calc(var(--dark) * 1.55), 1);--surface:color-mix(in oklab, var(--paper-night) calc(var(--dark) * 100%), var(--paper));--text:color-mix(in oklab, var(--ink-night) calc(var(--text-dark) * 100%), var(--ink))}*{box-sizing:border-box;margin:0}body{background:var(--surface);color:var(--text);font-family:var(--font-caption)}#spine{height:1000vh}#map{opacity:0;transition:opacity .9s;position:fixed;inset:0}#map.ready{opacity:1}.grain{z-index:3;pointer-events:none;mix-blend-mode:multiply;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.45 0 0 0 0 0.42 0 0 0 0 0.36 0 0 0 0.14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.vignette{z-index:2;pointer-events:none;box-shadow:inset 0 0 18vmin 6vmin var(--surface);position:fixed;inset:0}.scrim{z-index:1;pointer-events:none;background:var(--paper);opacity:0;transition:opacity .5s;position:fixed;inset:0}.scrim.on{opacity:.15}.storm{z-index:4;pointer-events:none;opacity:calc(var(--storm) * .72);background:repeating-linear-gradient(105deg,#0000 0 14px,#e9e4d40d 14px 15px,#e9e4d405 15px 17px,#0000 17px 38px),linear-gradient(#262c3880,#1c202a99);position:fixed;inset:0}.nightveil{z-index:1;pointer-events:none;background:var(--night-map);opacity:calc(var(--night) * .78);position:fixed;inset:0}.stars{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:var(--stars);--star-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cg fill='%23e9e4d4'%3E%3Ccircle cx='18' cy='44' r='0.9'/%3E%3Ccircle cx='61' cy='12' r='0.6'/%3E%3Ccircle cx='97' cy='73' r='1.2' opacity='0.9'/%3E%3Ccircle cx='143' cy='29' r='0.7'/%3E%3Ccircle cx='171' cy='98' r='0.5' opacity='0.7'/%3E%3Ccircle cx='209' cy='51' r='1' opacity='0.85'/%3E%3Ccircle cx='251' cy='17' r='0.6'/%3E%3Ccircle cx='288' cy='84' r='0.9'/%3E%3Ccircle cx='34' cy='128' r='0.6' opacity='0.7'/%3E%3Ccircle cx='84' cy='156' r='1.1'/%3E%3Ccircle cx='129' cy='117' r='0.5'/%3E%3Ccircle cx='187' cy='168' r='0.8' opacity='0.8'/%3E%3Ccircle cx='232' cy='133' r='0.6'/%3E%3Ccircle cx='276' cy='177' r='1.2' opacity='0.9'/%3E%3Ccircle cx='22' cy='209' r='0.8'/%3E%3Ccircle cx='71' cy='247' r='0.5' opacity='0.6'/%3E%3Ccircle cx='118' cy='221' r='0.9'/%3E%3Ccircle cx='166' cy='259' r='0.6'/%3E%3Ccircle cx='214' cy='231' r='1' opacity='0.8'/%3E%3Ccircle cx='262' cy='271' r='0.7'/%3E%3Ccircle cx='303' cy='243' r='0.5' opacity='0.7'/%3E%3Ccircle cx='49' cy='291' r='1.1'/%3E%3Ccircle cx='141' cy='303' r='0.6' opacity='0.75'/%3E%3Ccircle cx='246' cy='308' r='0.8'/%3E%3C/g%3E%3C/svg%3E");background-image:radial-gradient(ellipse 72% 48% at 66% 34%, #cedcff29, #e9e4d40d 44%, transparent 66%), linear-gradient(117deg, transparent 35%, #d2deff0d 45%, #e9e4d424 50%, #d2deff0d 55%, transparent 65%), var(--star-tile), var(--star-tile);background-position:50%,50%,0 0,95px 60px;background-repeat:no-repeat,no-repeat,repeat,repeat;background-size:cover,cover,205px 205px,340px 340px;position:fixed;inset:0}.prayer-flags{z-index:5;pointer-events:none;opacity:.55;mix-blend-mode:multiply;transform-origin:50% 0;will-change:transform;height:84px;transition:opacity .6s;animation:7s ease-in-out infinite flag-sway;position:fixed;top:0;left:0;right:0}.prayer-flags .flags-svg,.birthday-flags .flags-svg,.rezang-flags .flags-svg{display:block}.birthday-flags{z-index:5;pointer-events:none;opacity:0;mix-blend-mode:multiply;transform-origin:50% 0;will-change:transform;height:84px;transition:opacity .6s;animation:7s ease-in-out infinite flag-sway;position:fixed;top:0;left:0;right:0}body.birthday .prayer-flags{opacity:0}body.birthday .birthday-flags{opacity:.55}@keyframes flag-sway{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(1.5px)rotate(.3deg)}}@media (prefers-reduced-motion:reduce){.prayer-flags,.birthday-flags{transition:none;animation:none}}body.mourning #map{filter:saturate(calc(1 - var(--mourn)))}body.mourning .prayer-flags{opacity:calc(.55 * (1 - var(--mourn,0)));animation-play-state:paused}.rezang-flags{z-index:5;pointer-events:none;height:84px;opacity:calc(.55 * var(--mourn,0));filter:saturate(.75);transform-origin:50% 0;position:fixed;top:0;left:0;right:0}.mourn-blood{z-index:4;pointer-events:none;opacity:0;transition:opacity .5s;position:fixed;inset:0}.mourn-blood.on{opacity:.8}.mourn-blood .blood-fill{fill:#6e0f12}.masthead-band{z-index:8;text-align:center;background:linear-gradient(to bottom, var(--surface) 0%, var(--surface) 76%, color-mix(in oklab, var(--surface) 38%, transparent) 90%, transparent 100%);opacity:var(--masthead);transform:translateY(calc((var(--masthead) - 1) * 40px));pointer-events:none;padding:clamp(30px,3.4vw,46px) 20px clamp(34px,4vw,50px);position:fixed;top:0;left:0;right:0}.masthead-band .flag{justify-content:center;align-items:center;gap:clamp(18px,4.5vw,56px);display:flex}.masthead-band h1{font-family:var(--font-display);font-weight:400;font-size:var(--size-masthead);letter-spacing:.005em;color:var(--text);line-height:1}.masthead-band .flag-ear{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text);opacity:.68;white-space:nowrap;flex:none;font-size:clamp(9px,.85vw,11px);line-height:1.5}.masthead-band .flag-ear--left{text-align:right}.masthead-band .flag-ear--right{text-align:left}.masthead-band .flag-motto{font-family:var(--font-mono);font-size:var(--size-mono);letter-spacing:var(--track-mono);color:var(--text);opacity:.82;margin-top:clamp(10px,1.4vw,16px)}.masthead-band .flag-rule{width:min(620px,84vw);margin:clamp(13px,1.7vw,19px) auto 0}.masthead-band .flag-rule:before,.masthead-band .flag-rule:after{content:"";background:var(--text);display:block}.masthead-band .flag-rule:before{height:3px}.masthead-band .flag-rule:after{height:1px;margin-top:3px}.masthead-band .flag-dateline{font-family:var(--font-mono);letter-spacing:var(--track-mono);color:var(--text);opacity:.72;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:clamp(10px,1.4vw,15px);font-size:11px;display:flex}.masthead-band .flag-dateline span{white-space:nowrap}@media (width<=640px){.masthead-band .flag-ear{display:none}.masthead-band .flag-dateline{flex-direction:column;gap:6px}}.scroll-cue{z-index:8;font-family:var(--font-mono);font-size:var(--size-mono);letter-spacing:var(--track-mono);color:var(--text);opacity:calc(var(--cue) * .85);pointer-events:none;transition:opacity .6s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}body.scrolled .scroll-cue{opacity:0}.ending-cue{z-index:9;font-family:var(--font-mono);font-size:var(--size-mono);letter-spacing:var(--track-mono);color:var(--text);opacity:0;pointer-events:none;align-items:center;gap:8px;transition:opacity .6s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.ending-cue.on{opacity:.7}.ending-cue .chev{animation:1.8s ease-in-out infinite cue-bob;display:inline-block}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.ending-cue .chev{animation:none}}.memories{z-index:7;pointer-events:none;background:color-mix(in srgb, var(--surface) calc(var(--montage-wash,.84) * 100%), transparent);opacity:0;place-items:center;transition:opacity .9s;display:grid;position:fixed;inset:0}.memories.on{opacity:1}.memory-stack{aspect-ratio:4/3;width:min(440px,60vw);position:relative}.memory{opacity:0;transform:rotate(var(--tilt,0deg)) scale(.96);will-change:opacity, transform;transition:opacity 1.1s,transform 1.6s;position:absolute;inset:0}.memory.on{opacity:1;transform:rotate(var(--tilt,0deg)) scale(1)}.memory-face{background:color-mix(in srgb, var(--paper) 94%, white);border:1px solid var(--ink);text-align:center;place-content:center;padding:14px 14px 42px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 44px #1c191657}.memory-place{font-family:var(--font-masthead);letter-spacing:.08em;color:var(--ink);text-shadow:1px 1px #fff9;font-size:clamp(22px,3vw,34px);font-weight:400}.memory-sub{font-family:var(--font-mono);letter-spacing:var(--track-mono);color:var(--ink);opacity:.7;margin-top:10px;font-size:11px}.memory-photo{object-fit:cover;opacity:0;width:calc(100% - 28px);height:calc(100% - 56px);transition:opacity .8s;position:absolute;inset:14px 14px 42px}.memory.has-photo .memory-photo{opacity:1}.memories-label{text-align:center;font-family:var(--font-mono);font-size:var(--size-mono);letter-spacing:var(--track-mono);color:var(--text);opacity:.85;position:absolute;bottom:9vh;left:0;right:0}body.memories-up .caption-col,body.memories-up .postcard-layer{opacity:0}@media (width<=720px){.memory-stack{width:82vw}}.endcard{z-index:8;text-align:center;opacity:0;pointer-events:none;place-content:end center;padding-bottom:12vh;display:grid;position:fixed;inset:0}.endcard .end-stats{font-family:var(--font-masthead);color:var(--ink);text-shadow:0 0 8px var(--paper), 0 0 3px var(--paper);font-size:clamp(18px,2.4vw,26px);font-weight:400}.endcard .end-posted{font-family:var(--font-mono);font-size:var(--size-mono);letter-spacing:var(--track-mono);color:var(--ink);text-shadow:0 0 8px var(--paper), 0 0 3px var(--paper);margin-top:12px}.endcard .end-links{font-family:var(--font-mono);font-size:var(--size-mono);letter-spacing:var(--track-mono);margin-top:22px}.endcard .end-links a{color:var(--ink);text-underline-offset:4px;padding:14px 12px;text-decoration:underline;display:inline-block}.progress-rule{z-index:9;background:var(--route-red);transform-origin:0;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.rider{will-change:transform;width:16px;height:16px}.rider .dot{background:var(--ink);border:2.5px solid var(--paper);border-radius:50%;position:absolute;inset:1px;box-shadow:0 1px 4px #0006}.rider .heading{border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:7px solid var(--paper);filter:drop-shadow(0 1px 1px #00000059);width:0;height:0;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.caption-col{z-index:6;opacity:0;max-width:360px;transition:opacity .4s,transform .4s;position:fixed;top:50%;left:48px;transform:translateY(-50%)}.caption-col.on{opacity:1}.caption-dateline{font-family:var(--font-mono);font-size:var(--size-mono);letter-spacing:var(--track-mono);color:var(--text);opacity:.8;border-bottom:1px solid var(--text);text-shadow:0 0 6px var(--surface), 0 0 2px var(--surface);margin-bottom:10px;padding-bottom:6px;font-variant-caps:all-small-caps}.caption-body{font-family:var(--font-caption);font-size:var(--size-caption);color:var(--text);text-wrap:balance;text-shadow:0 0 8px var(--surface), 0 0 8px var(--surface), 0 0 2px var(--surface);line-height:1.5}@media (width<=720px){.caption-col{top:auto;left:50%;right:auto;bottom:calc(20px + env(safe-area-inset-bottom));text-align:center;background:color-mix(in srgb, var(--surface) 88%, transparent);width:calc(100vw - 40px);max-width:none;padding:12px 16px;transform:translate(-50%)}.caption-dateline{border-bottom:none;margin-bottom:6px;padding-bottom:0}body.postcard-up .caption-col{opacity:0}}.place-label{font-family:var(--font-masthead);letter-spacing:.04em;color:var(--ink);text-shadow:0 0 6px var(--paper), 0 0 2px var(--paper), 0 1px 1px var(--paper);opacity:0;pointer-events:none;white-space:nowrap;font-size:15px;font-weight:400;transition:opacity .5s,transform .5s;transform:translateY(5px)}.place-label.on{opacity:1;transform:translateY(0)}.place-label.sign{position:relative}.place-label.sign img{filter:drop-shadow(0 6px 12px #1c191652);width:auto;height:clamp(120px,16vh,180px);transition:opacity .6s;display:block}.place-label.sign .sign-name{opacity:0;white-space:nowrap;transition:opacity .6s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.place-label.sign.demoted img{opacity:0}.place-label.sign.demoted .sign-name{opacity:1}.place-label.sign.milestone img{height:clamp(90px,12vh,135px)}.place-label .sub{font-family:var(--font-mono);letter-spacing:.2em;font-size:10px;font-weight:400;display:block}.place-label.postmark{font-size:13px}.place-label.postmark .sub{letter-spacing:.18em;opacity:.72;font-size:9px}.postcard-layer{z-index:7;pointer-events:none;position:fixed;bottom:48px;right:48px}.postcard{aspect-ratio:3/2;perspective:1100px;opacity:0;width:min(420px,38vw);transform:rotate(var(--tilt,-1.5deg)) rotateY(80deg);will-change:transform;transition:opacity .45s,transform .65s cubic-bezier(.2,.9,.3,1.05);position:absolute;bottom:0;right:0}.postcard.fired{opacity:1;transform:rotate(var(--tilt,-1.5deg)) rotateY(0deg)}.postcard-face{background:color-mix(in srgb, var(--paper) 92%, white);border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:-6px;text-align:center;place-content:center;padding:24px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 30px #1c19164d}.postcard-place{font-family:var(--font-masthead);letter-spacing:.12em;color:var(--ink);text-shadow:1px 1px #ffffffb3;font-size:clamp(20px,2.4vw,30px);font-weight:400}.postcard-sub{font-family:var(--font-mono);letter-spacing:var(--track-mono);color:var(--ink);opacity:.7;margin-top:10px;font-size:11px}.postcard-face .postmark{border:1.5px dashed var(--ink);width:86px;height:86px;font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink);opacity:.75;border-radius:50%;place-content:center;gap:2px;font-size:8.5px;display:grid;position:absolute;top:14px;right:14px;transform:rotate(8deg)}.postcard-photo{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.postcard.has-photo .postcard-photo{opacity:1}@media (width<=720px){.postcard-layer{bottom:50%;right:50%;transform:translate(50%,50%)}.postcard{width:85vw;transform:translate(-50%, -50%) rotate(var(--tilt,-1.5deg)) rotateY(80deg);inset:50% auto auto 50%}.postcard.fired{transform:translate(-50%, -50%) rotate(var(--tilt,-1.5deg)) rotateY(0deg)}}@media (prefers-reduced-motion:reduce){.postcard{transform:rotate(var(--tilt,-1.5deg));transition:opacity .3s}}.ticker{z-index:6;font-family:var(--font-mono);letter-spacing:var(--track-mono);color:var(--text);writing-mode:vertical-rl;opacity:0;font-size:13px;transition:opacity .4s;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.ticker.on{opacity:.85}.hud{z-index:9;font-family:var(--font-mono);color:var(--ink);background:color-mix(in srgb, var(--paper) 85%, transparent);border:1px solid var(--ink);padding:4px 8px;font-size:11px;line-height:1.6;position:fixed;bottom:12px;left:12px}.map-office{z-index:20;background:var(--paper);place-items:center;display:grid;position:fixed;inset:0}.map-office[hidden]{display:none}.map-office-card{border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:5px;background:var(--paper);text-align:center;max-width:460px;margin:20px;padding:40px 36px}.map-office-card h1{font-family:var(--font-masthead);letter-spacing:.08em;color:var(--ink);font-size:26px;font-weight:400}.map-office-card .stamp{border:1.5px solid var(--ink);width:54px;height:64px;font-family:var(--font-masthead);color:var(--ink);place-content:center;margin:0 auto 18px;font-size:22px;display:grid;-webkit-mask:radial-gradient(4px at 4px 4px,#0000 98%,#000) -4px -4px/10px 10px;mask:radial-gradient(4px at 4px 4px,#0000 98%,#000) -4px -4px/10px 10px}.map-office-card p{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);margin-top:16px;font-size:12px;line-height:1.8}