.timeline{--heat:0;--led:0;z-index:55;height:var(--hud);padding:0 var(--gutter);color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;background:linear-gradient(#0f0f0dfa,#0a0a09fd 72%);grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:clamp(20px,2.6vw,40px);display:grid;position:fixed;bottom:0;left:0;right:0}.timeline:before{content:"";pointer-events:none;background:linear-gradient(90deg,#3b342900,#3b3429b3 14%,rgba(168,132,79,calc(.45 + var(--heat)*.3)) 62%,rgba(241,217,168,calc(.35 + var(--heat)*.55)) 90%,#3b342900);height:1px;position:absolute;top:0;left:0;right:0}.timeline:after{content:"";pointer-events:none;background:radial-gradient(closest-side,rgba(255,216,153,calc(.12 + var(--heat)*.3)),transparent);filter:blur(1px);border-radius:50%;width:28%;height:3px;position:absolute;top:-1px;right:6%}.timeline .tl-readout{flex-direction:column;justify-content:center;gap:6px;width:152px;min-width:0;padding-top:1px;display:flex}.timeline .tl-section{letter-spacing:.22em;text-transform:uppercase;color:#d4b98b;white-space:nowrap;align-items:center;gap:9px;height:12px;font-size:9.5px;font-weight:600;line-height:1;display:flex}.timeline .tl-section i{background:var(--gold);width:5px;height:5px;box-shadow:0 0 calc(7px + var(--heat)*9px) calc(1px + var(--heat)*2px) rgba(255,207,122,calc(.45 + var(--heat)*.4));border-radius:50%;flex:none}.timeline .tl-section b{text-overflow:ellipsis;font-weight:600;overflow:hidden}.timeline .tl-section small{font:500 9.5px var(--mono);letter-spacing:.02em;color:#8d8372}.timeline .tl-time{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:5px;line-height:1;display:flex}.timeline .tl-time b{letter-spacing:.01em;color:#f7eedc;text-shadow:0 0 calc(var(--heat)*14px) #ffd89966;font-size:16px;font-weight:400}.timeline .tl-time span{color:#a09582;font-size:10px}.timeline .tl-time em{color:#8d8372;margin-left:4px;font-size:10px;font-style:normal}.timeline[data-intro] .tl-time{display:none}.timeline .tl-scrub{--wt:21px;--wh:28px;cursor:pointer;touch-action:none;position:relative}.timeline .tl-slider{border-radius:6px;position:absolute;inset:0}.timeline .tl-slider:focus-visible{outline:none}.timeline .tl-slider:focus-visible:after{content:"";pointer-events:none;border:1px solid #f1d9a8b3;border-radius:6px;position:absolute;inset:3px -9px 2px;box-shadow:inset 0 0 22px #ffd89914,0 0 14px #ffd89922}.timeline .tl-wave{left:0;right:0;top:var(--wt);height:var(--wh);pointer-events:none;position:absolute;overflow:hidden}.timeline .tl-wave canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.timeline .tl-lit{will-change:transform;position:absolute;inset:0;overflow:hidden;transform:translate(-100%)}.timeline .tl-lit canvas{will-change:transform;transform:translate(100%)}.timeline .tl-ruler{left:0;right:0;top:calc(var(--wt) + var(--wh) + 4px);pointer-events:none;background:repeating-linear-gradient(90deg,#5a4f3d 0 1px,#0000 1px 8.33333%) 0 0/100% 5px no-repeat,repeating-linear-gradient(90deg,#342e25 0 1px,#0000 1px 2.08333%) 0 0/100% 3px no-repeat;border-right:1px solid #5a4f3d;height:5px;position:absolute}.timeline .tl-marks{pointer-events:none;position:absolute;inset:0}.timeline .tl-mark{--lt:5px;--mt:calc(var(--wt) - 5px);all:unset;box-sizing:border-box;height:calc(var(--wt) + var(--wh) + 10px);pointer-events:auto;cursor:pointer;width:15px;margin-left:-7px;display:block;position:absolute;top:0}.timeline .tl-mark:before{content:"";left:7px;top:var(--mt);width:1px;height:calc(var(--wt) + var(--wh) + 10px - var(--mt));background:linear-gradient(#6e604a,#4a413380 45%,#4a413300);transition:background .5s;position:absolute}.timeline .tl-mark-label{left:12px;top:var(--lt);letter-spacing:.16em;text-transform:uppercase;color:#9d927e;white-space:nowrap;margin-top:-3px;padding:3px 0;font-size:8.5px;font-weight:600;line-height:9px;transition:color .4s,opacity .3s;display:block;position:absolute}.timeline .tl-mark-label small{font:500 8.5px/9px var(--mono);letter-spacing:0;color:#8d8372;margin-right:6px;transition:color .4s}.timeline .tl-mark[data-passed]:before{background:linear-gradient(#c9a66b,#a8844f99 45%,#a8844f00)}.timeline .tl-mark[data-passed] .tl-mark-label{color:#b3a283}.timeline .tl-mark[data-active] .tl-mark-label{color:var(--gold)}.timeline .tl-mark[data-active] .tl-mark-label small{color:#b8955c}.timeline .tl-mark:hover .tl-mark-label,.timeline .tl-mark:focus-visible .tl-mark-label{color:#fff1d4}.timeline .tl-mark:hover:before,.timeline .tl-mark:focus-visible:before{background:linear-gradient(#fff1d4,#f1d9a8aa 50%,#f1d9a800)}.timeline .tl-mark:focus-visible{z-index:2;outline:none}.timeline .tl-mark:focus-visible .tl-mark-label{outline-offset:0;background:#0f0f0d;border-radius:3px;outline:1px solid #f1d9a8d9;margin:-2px 0 0 -5px;padding:2px 5px}.timeline .tl-mark[data-flip] .tl-mark-label{left:auto;right:12px}@media (min-width:761px){.timeline[data-rows="2"] .tl-scrub{--wt:28px;--wh:23px}.timeline[data-rows="2"] .tl-mark{--lt:4px;--mt:4px}.timeline[data-rows="2"] .tl-mark[data-row="1"]{--lt:15px;--mt:15px;z-index:1}.timeline[data-rows="2"] .tl-mark[data-row="1"] .tl-mark-label{background:#0f0f0d;border-radius:2px;margin-left:-4px;padding:3px 4px}.timeline[data-rows="2"] .tl-mark[data-row="1"]:focus-visible .tl-mark-label{border-radius:3px;margin:-2px 0 0 -5px;padding:2px 5px}}.timeline .tl-marks[data-compact] .tl-mark-label small{display:none}.timeline .tl-mark[data-tight] .tl-mark-label{opacity:0;pointer-events:none}@media (min-width:761px){.timeline .tl-mark[data-tight][data-active]{z-index:1}.timeline .tl-mark[data-tight][data-active] .tl-mark-label{opacity:1}.timeline .tl-mark[data-tight][data-active] .tl-mark-label small,.timeline .tl-mark[data-covered]:not(:hover,:focus-visible) .tl-mark-label{display:none}}.timeline .tl-mark[data-tight]:hover,.timeline .tl-mark[data-tight]:focus-visible{z-index:2}.timeline .tl-mark[data-tight]:hover .tl-mark-label,.timeline .tl-mark[data-tight]:focus-visible .tl-mark-label{opacity:1;background:#0d0d0c;border-radius:4px;margin-left:-7px;padding:3px 7px;box-shadow:0 0 0 1px #3b3429,0 6px 18px #000a}.timeline .tl-head{pointer-events:none;will-change:transform;width:0;position:absolute;top:0;bottom:0;left:0}.timeline .tl-head:before{content:"";left:-.5px;top:calc(var(--wt) - 1px);width:1px;height:calc(var(--wh) + 11px);box-shadow:0 0 6px rgba(255,216,153,calc(.5 + var(--heat)*.4));background:linear-gradient(#fffaf0,#f1d9a8 55%,#f1d9a800);position:absolute}.timeline .tl-head:after{content:"";left:-3.5px;top:calc(var(--wt) - 5px);filter:drop-shadow(0 0 4px #ffd899);border:3.5px solid #0000;border-top:5px solid #fff3d6;border-bottom:0;position:absolute}.timeline .tl-bloom{left:-44px;top:calc(var(--wt) - 16px);width:88px;height:calc(var(--wh) + 32px);opacity:calc(.3 + var(--heat)*.7);mix-blend-mode:screen;background:radial-gradient(closest-side,#ffd8994d,#ffd89914 55%,#0000);position:absolute}.timeline .tl-scrub[data-scrubbing] .tl-head:before{box-shadow:0 0 10px #ffd899}.timeline .tl-hover,.timeline .tl-chip{pointer-events:none;opacity:0;transition:opacity .25s var(--ease);position:absolute;left:0}.timeline .tl-hover{top:calc(var(--wt) - 4px);height:calc(var(--wh) + 8px);background:#f1d9a866;width:1px;margin-left:-.5px}.timeline .tl-chip{font:500 10px var(--mono);letter-spacing:.03em;color:#efe4cf;white-space:nowrap;background:#10100ee8;border:1px solid #4a4031;border-radius:5px;padding:6px 9px 5px;bottom:calc(100% + 10px);box-shadow:0 10px 26px #000b}.timeline .tl-scrub[data-hover] .tl-hover,.timeline .tl-scrub[data-hover] .tl-chip{opacity:1}.timeline .tl-meter{flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;padding-top:1px;display:flex}.timeline .tl-meter span{letter-spacing:.22em;text-transform:uppercase;color:#8d8372;font-size:8.5px;font-weight:600;line-height:1}.timeline .tl-leds{flex-direction:column;gap:2px;width:94px;display:flex}.timeline .tl-leds i{background:repeating-linear-gradient(90deg,#29241c 0 4px,#0000 4px 6px);height:3px;display:block;position:relative}.timeline .tl-leds i:after{content:"";clip-path:inset(0 calc(100% - var(--led)*100%) 0 0);background:linear-gradient(90deg,#7d6139,#c9a66b 50%,#f1d9a8 80%,#fff8ea);position:absolute;inset:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 4px,#0000 4px 6px);mask:repeating-linear-gradient(90deg,#000 0 4px,#0000 4px 6px)}.timeline .tl-mini{display:none}.v-mode .timeline{z-index:61;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;height:auto;padding:0;display:block;top:auto}.v-mode .timeline:before,.v-mode .timeline:after,.v-mode .timeline .tl-readout,.v-mode .timeline .tl-scrub,.v-mode .timeline .tl-meter{display:none}.v-mode .timeline .tl-mini{background:#221f1a;height:2px;display:block;position:relative}.v-mode .timeline .tl-mini i{transform-origin:0;background:linear-gradient(90deg,#8a6a3e,#dcbd86 60%,#fff3d6);position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 8px #ffd89966}.v-mode .timeline .tl-mini b{left:50%;top:calc(var(--header) / 2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.16em;text-transform:uppercase;color:#d4b98b;background:#0d0d0cd9;border:1px solid #3b3429;border-radius:999px;padding:6px 11px 5px;font-size:11px;font-weight:600;line-height:1;position:fixed;transform:translate(-50%,-50%)}.v-mode .timeline .tl-mini b:empty{display:none}@media (min-width:961px){.v-mode .timeline .tl-mini b{left:auto;right:calc(var(--gutter) / 2);writing-mode:vertical-rl;padding:11px 5px 11px 6px;top:50%;transform:translate(50%,-50%)}}@media (max-width:1180px){.timeline{grid-template-columns:auto minmax(0,1fr)}.timeline .tl-meter{display:none}}@media (max-width:760px){.timeline{gap:18px}.timeline .tl-readout{gap:6px;width:104px}.timeline .tl-section{letter-spacing:.12em;gap:7px;height:13px;font-size:11px}.timeline .tl-section small{font-size:11px;display:none}.timeline[data-intro] .tl-section small{display:inline}.timeline .tl-time b{font-size:14px}.timeline .tl-time span,.timeline .tl-time em{font-size:11px}.timeline .tl-scrub{--wt:13px;--wh:26px}.timeline .tl-mark .tl-mark-label,.timeline .tl-mark[data-tight] .tl-mark-label{opacity:0;pointer-events:none;background:#0d0d0c;border-radius:4px;margin:0;padding:5px 8px;top:auto;bottom:calc(100% + 10px);box-shadow:0 0 0 1px #3b3429,0 6px 18px #000a}.timeline .tl-mark:hover .tl-mark-label,.timeline .tl-mark:focus-visible .tl-mark-label,.timeline .tl-mark[data-tight]:hover .tl-mark-label,.timeline .tl-mark[data-tight]:focus-visible .tl-mark-label{opacity:1;margin:0;padding:5px 8px;box-shadow:0 0 0 1px #6f5a39,0 6px 18px #000a}.timeline .tl-mark{pointer-events:none;height:100%}}@media (max-width:480px){.timeline .tl-time em{display:none}}