*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080b10;color:#f1eee5;font-family:Tahoma,Arial,sans-serif}button{font:inherit;cursor:pointer;color:inherit}[hidden]{display:none!important}#stage{position:relative;width:100%;height:100dvh;isolation:isolate;outline:none;background:radial-gradient(ellipse at 80% 30%,#26303a 0,transparent 58%),radial-gradient(ellipse at 10% 90%,#26231c 0,transparent 60%),#080b10}.grain{position:absolute;inset:0;opacity:.075;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E");z-index:5}.orb{position:absolute;width:65vw;height:65vw;border:1px solid #c6b18b18;border-radius:50%;top:-30vw;left:-22vw;box-shadow:0 0 0 6vw #b7a48205,0 0 0 12vw #b7a48204;transition:transform 1.5s,opacity .8s}.horizon{position:absolute;inset:0;background:linear-gradient(115deg,transparent 48%,#c7b89b05 49%,transparent 51%);pointer-events:none}.scene-number{position:absolute;top:7%;right:7%;font-size:12px;letter-spacing:3px;color:#c2b69f}#content{position:absolute;inset:18% 9% 28%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:3}h1,h2,p{margin:0}h1{font-weight:400;font-size:clamp(28px,3.5vw,61px);line-height:1.75;max-width:1050px;text-wrap:balance}h1.compact{font-size:clamp(25px,2.8vw,47px)}.eyebrow{color:#c0ad89;font-size:clamp(12px,1vw,17px);margin-bottom:30px;line-height:1.7}.cover #content{inset:18% 13% 26%}.cover h1{font-size:clamp(28px,3.8vw,66px)}.cover .eyebrow{margin-bottom:35px;letter-spacing:5px}.words{display:flex;gap:30px 70px;flex-wrap:wrap;align-items:center;color:#d6cab4;font-size:clamp(25px,3vw,50px);line-height:2;max-width:1000px}.words span{position:relative;padding-right:23px}.words span:before{content:'';position:absolute;width:6px;height:6px;background:#c8ad7e;border-radius:50%;right:0;top:50%;box-shadow:0 0 18px #c8ad7e55}.image-cue{margin-top:22px;color:#b1b2b7;font-size:clamp(12px,1vw,18px);line-height:1.8}.fade{animation:reveal .55s ease both}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#media{position:absolute;inset:8% 48% 24% 6%;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}#media.visible{opacity:1}#storyImage{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 80px #0008}.has-media #content{inset:20% 7% 29% 57%}.has-media h1{font-size:clamp(26px,3vw,49px)}.has-media .eyebrow{font-size:12px}.trade #media{inset:4% 47% 18% 5%}.trade #storyImage{max-height:100%;box-shadow:0 15px 55px #000a}.trade #content{inset:19% 7% 29% 57%}.trade .grain{opacity:.035}.loss #stage{background:radial-gradient(ellipse at 12% 60%,#302126 0,transparent 70%),#080b10}.quiet #content{inset:22% 7% 27% 55%}.quiet #media{inset:4% 47% 8% 3%}.quiet #timeline,.quiet .scene-number{opacity:0}.quiet .orb{opacity:.2}.void #stage{background:radial-gradient(ellipse at 50% 100%,#0e1318,transparent 70%),#06080a}.void .orb,.void .horizon{opacity:0}.void #content{align-items:center;text-align:center;inset:20% 9%}.void #timeline,.void .scene-number{visibility:hidden}.void h1{font-size:clamp(30px,3.5vw,60px)}#ripple{position:absolute;left:13%;top:42%;width:90px;height:90px;z-index:1}#ripple i{position:absolute;inset:0;border:1px solid #c8b1894a;border-radius:50%;transform:scale(1.5)}#ripple i:nth-child(2){transform:scale(3.8);opacity:.5}#ripple i:nth-child(3){transform:scale(6.5);opacity:.2}#ripple b{position:absolute;top:44px;left:44px;width:6px;height:6px;border-radius:50%;background:#d5bf96;box-shadow:0 0 26px #ddc89a}.butterfly .orb{transform:translate(15vw,10vw) scale(.7);opacity:.3}#craft{position:absolute;inset:5% 0 24% 42%;opacity:.25}#craft svg{width:100%;height:100%;fill:#d3ba88;stroke:#d3ba88;stroke-width:1}#craft path{fill:none}.backtrace #content h1{max-width:850px}#timeline{position:absolute;bottom:10.5%;left:6%;right:6%;height:17%;z-index:4;transition:opacity .65s}.timeline-svg{width:100%;height:100%;overflow:visible}.timeline-svg circle{fill:#96876d}.timeline-label{font:15px Tahoma,Arial;fill:#b2b5b4}.active-point circle{fill:#f0d09d;filter:drop-shadow(0 0 5px #e7c38c55)}.active-point text{fill:#f3dcb8}.thread{fill:none;stroke:#cab086;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;animation:connect .55s ease var(--delay) forwards}.thread.settled{animation:none;stroke-dashoffset:0}.trace{fill:none;stroke:#e0c695;stroke-width:2;stroke-dasharray:5 7}@keyframes connect{to{stroke-dashoffset:0}}.full-line #content{inset:13% 9% 48%}.full-line #timeline{height:30%;bottom:15%}.full-line .timeline-label{font-size:17px}.final #content{align-items:center;text-align:center}.ending #content{inset:20% 8% 27%}.ending #timeline{opacity:.22;height:17%;bottom:9%}.controls{direction:ltr;position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;padding:6px 10px;border:1px solid #ffffff18;border-radius:30px;background:#080b10ec;z-index:10}.controls button{background:transparent;border:0;padding:8px 10px;font-size:12px;border-radius:18px}.controls button:hover{background:#ffffff15}.controls button:focus-visible{outline:2px solid #c6ac81}.controls button:disabled{opacity:.25;cursor:default}#counter{font-size:10px;color:#aca79d;min-width:78px;text-align:center}.divider{height:14px;width:1px;background:#ffffff20}.clean .controls{display:none}.clean .scene-number{opacity:0}.ending .controls{opacity:.3}.ending .controls:focus-within{opacity:1}#speaker{position:fixed;right:24px;top:12%;max-height:76dvh;overflow:auto;width:min(490px,92vw);padding:28px;background:#18212cfa;z-index:20;border:1px solid #b8a17866;border-radius:4px}#speaker h2{font-size:19px;margin:18px 0}#speaker p{line-height:1.95;font-size:14px}#speaker .hint{color:#bbc0c5;font-size:12px;margin:20px 0}#speaker button{background:transparent;border:1px solid #ffffff30;padding:8px}#closeNotes{float:left}#timing{color:#d1b887}#beatMap{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}#beatMap span{font-size:11px;padding:5px;color:#aeb2b6}#beatMap .selected{color:#f4d7a5;border-bottom:1px solid #f4d7a5}:fullscreen .controls{font-size:11px}@media(max-width:700px){.scene-number{top:4%;font-size:10px}#content{inset:15% 7% 31%}h1{font-size:27px}h1.compact{font-size:23px}.words{font-size:24px;gap:20px 30px}.eyebrow{font-size:11px;margin-bottom:20px}.has-media #media,.trade #media,.quiet #media{inset:7% 7% 42%;height:49%}.has-media #content,.trade #content,.quiet #content{inset:59% 7% 21%;align-items:center;text-align:center}.has-media h1{font-size:22px;line-height:1.7}.has-media .eyebrow{display:none}.image-cue{font-size:10px;margin-top:8px}.controls{bottom:10px;padding:4px;gap:0;max-width:99vw;width:max-content}.controls button{padding:9px 6px;font-size:10px}#counter{min-width:65px;font-size:9px}#timeline{left:5%;right:5%;bottom:10%;height:13%}.timeline-label{font-size:20px}.has-media #timeline{display:none}.full-line #content{inset:10% 7% 66%}.full-line #timeline{height:47%;bottom:15%;left:8%;right:8%}.full-line .timeline-label{font-size:18px}.ending #content{inset:25% 7% 40%}.ending #timeline{opacity:.13;height:22%;bottom:10%}.void #content{inset:20% 7%}.image-cue{max-width:95%}#ripple{left:12%;top:25%;transform:scale(.4)}#craft{inset:10% 0 35%;opacity:.18}}@media(max-height:500px) and (min-width:701px){#content{inset:10% 9% 30%}.eyebrow{margin-bottom:10px}.scene-number{top:3%}.controls{bottom:6px;padding:2px 7px}.controls button{padding:5px 8px}#timeline{bottom:11%;height:16%}h1{font-size:30px}.has-media h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.thread{stroke-dashoffset:0}}
/* The present sits at the edge of known history; the future has no endpoint. */
.present-ring{fill:none!important;stroke:#f0d09d;stroke-width:1;opacity:.5}.future-thread{fill:none;stroke:url(#unknown-future);stroke-width:1.5;stroke-dasharray:4 9}.present-point .timeline-label{font-weight:bold}.now #timeline{height:31%;bottom:14%}.now .orb{opacity:.2}@media(max-width:700px){.now #timeline{height:52%;bottom:10%}.now #content{inset:9% 7% 67%}.now h1{font-size:24px}.future-thread{stroke-dasharray:4 8}}

#noteText{white-space:pre-line}

#storyVideo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 80px #0008}#videoPlay{color:#f0d09d}

.eyebrow{font-size:clamp(18px,1.35vw,25px);line-height:1.65;letter-spacing:0;max-width:1000px;margin-bottom:22px;text-wrap:balance}.has-media .eyebrow{font-size:clamp(17px,1.2vw,22px)}.cover .eyebrow{letter-spacing:5px}
@media(max-width:700px){.eyebrow{font-size:16px;margin-bottom:12px}.has-media .eyebrow{display:block;font-size:14px;margin-bottom:8px}.has-media #content{inset:57% 7% 19%}.has-media h1{font-size:21px}.full-line .eyebrow{font-size:15px}}

/* Beginning search: the same five nodes drift, then recede; no connecting paths. */
.origin-search #timeline{visibility:hidden}.origin-search .orb{opacity:.25}
.origin-search #content{inset:12% 12% 65%;align-items:center;text-align:center}
.origin-search h1{font-size:clamp(25px,3vw,49px);line-height:1.65}
.origin-search .eyebrow{font-size:clamp(18px,1.6vw,27px);margin-bottom:12px}
#originMap{position:absolute;inset:32% 11% 20%;direction:rtl;transition:transform .9s ease;z-index:2}
.origin-node{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);opacity:0;transition:left .85s ease,top .85s ease,opacity .6s ease,transform .85s ease;text-align:center;white-space:nowrap}
.origin-node i{display:block;width:9px;height:9px;background:#dec39a;border-radius:50%;margin:0 auto 18px;box-shadow:0 0 22px #d9bf8f60}
.origin-node span{font-size:clamp(20px,2.1vw,36px);color:#e1d8c7;transition:opacity .65s ease}
.origin-node:nth-child(1){opacity:1}
.origin-step-1 .origin-node:nth-child(1),.origin-step-2 .origin-node:nth-child(1),.origin-step-3 .origin-node:nth-child(1),.origin-step-4 .origin-node:nth-child(1),.origin-step-5 .origin-node:nth-child(1),.origin-step-6 .origin-node:nth-child(1){left:82%;top:18%}
.origin-step-1 .origin-node:nth-child(2),.origin-step-2 .origin-node:nth-child(2),.origin-step-3 .origin-node:nth-child(2),.origin-step-4 .origin-node:nth-child(2),.origin-step-5 .origin-node:nth-child(2),.origin-step-6 .origin-node:nth-child(2){opacity:1}
.origin-step-2 .origin-node:nth-child(2),.origin-step-3 .origin-node:nth-child(2),.origin-step-4 .origin-node:nth-child(2),.origin-step-5 .origin-node:nth-child(2),.origin-step-6 .origin-node:nth-child(2){left:69%;top:72%}
.origin-step-2 .origin-node:nth-child(3),.origin-step-3 .origin-node:nth-child(3),.origin-step-4 .origin-node:nth-child(3),.origin-step-5 .origin-node:nth-child(3),.origin-step-6 .origin-node:nth-child(3){opacity:1}
.origin-step-3 .origin-node:nth-child(3),.origin-step-4 .origin-node:nth-child(3),.origin-step-5 .origin-node:nth-child(3),.origin-step-6 .origin-node:nth-child(3){left:46%;top:14%}
.origin-step-3 .origin-node:nth-child(4),.origin-step-4 .origin-node:nth-child(4),.origin-step-5 .origin-node:nth-child(4),.origin-step-6 .origin-node:nth-child(4){opacity:1}
.origin-step-4 .origin-node:nth-child(4),.origin-step-5 .origin-node:nth-child(4),.origin-step-6 .origin-node:nth-child(4){left:23%;top:70%}
.origin-step-4 .origin-node:nth-child(5),.origin-step-5 .origin-node:nth-child(5),.origin-step-6 .origin-node:nth-child(5){opacity:1}
.origin-step-5 .origin-node:nth-child(5),.origin-step-6 .origin-node:nth-child(5){left:12%;top:19%}
.origin-step-5 #originMap,.origin-step-6 #originMap{transform:scale(.8)}
.origin-step-6 .origin-node span{opacity:.12}
@media(max-width:700px){.origin-search #content{inset:13% 7% 62%}.origin-search h1{font-size:25px}.origin-search .eyebrow{font-size:17px}#originMap{inset:40% 13% 19%}.origin-node span{font-size:17px}.origin-node i{margin-bottom:12px}.origin-step-1 .origin-node:nth-child(1),.origin-step-2 .origin-node:nth-child(1),.origin-step-3 .origin-node:nth-child(1),.origin-step-4 .origin-node:nth-child(1),.origin-step-5 .origin-node:nth-child(1),.origin-step-6 .origin-node:nth-child(1){left:76%;top:8%}.origin-step-3 .origin-node:nth-child(3),.origin-step-4 .origin-node:nth-child(3),.origin-step-5 .origin-node:nth-child(3),.origin-step-6 .origin-node:nth-child(3){left:28%;top:30%}.origin-step-4 .origin-node:nth-child(4),.origin-step-5 .origin-node:nth-child(4),.origin-step-6 .origin-node:nth-child(4){left:20%;top:85%}.origin-step-5 .origin-node:nth-child(5),.origin-step-6 .origin-node:nth-child(5){left:69%;top:42%}}

/* Uncaptioned football memories fill the stage, preserving the media aspect ratio. */
.media-only #content,.media-only #timeline{display:none}
.media-only #media{inset:4% 4% 11%;height:auto}
.media-only #storyImage,.media-only #storyVideo{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;box-shadow:none}
.media-only .orb,.media-only .horizon{opacity:.12}.media-only .grain{opacity:.025}
@media(max-width:700px){.media-only #media{inset:6% 3% 13%;height:auto}}