:root{--accent:#ffd166;--snow:#ffffffeb;--snow-60:#fff9;--snow-30:#ffffff4d;--mono:ui-monospace, "SF Mono", Menlo, monospace}html,body{overscroll-behavior:none;touch-action:pinch-zoom;height:100%;color:var(--snow);background:#000;margin:0;font-family:system-ui,-apple-system,Helvetica Neue,sans-serif;overflow:hidden}canvas{display:block;position:fixed;inset:0}@supports (height:100dvh){html,body{height:100dvh}}.layer{pointer-events:none;position:fixed;inset:0}#curtain{opacity:0;background:#000}.beat{text-align:center;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 24px #000a1499;opacity:0;will-change:opacity, transform;width:min(640px,100vw - 48px);font-size:clamp(15px,1.6vw,22px);font-weight:500;line-height:1.45;position:fixed;top:24%;left:50%;transform:translate(-50%,-50%)}.beat em{color:var(--accent);font-style:normal}.beat.big{letter-spacing:.02em;font-size:clamp(30px,4.4vw,64px);font-weight:600;line-height:1.05}.beat .kicker{font:11px / 1.6 var(--mono);letter-spacing:.24em;color:var(--snow-60);margin-bottom:14px;display:block}.beat .sub{font:12px / 1.6 var(--mono);letter-spacing:.14em;color:var(--snow-60);margin-top:16px;display:block}.beat.left{text-align:left;width:min(420px,100vw - 48px);left:clamp(24px,8vw,140px);transform:translateY(-50%)}#card{pointer-events:none;opacity:0;width:min(340px,42vw);position:fixed;top:50%;right:clamp(16px,9vw,180px);transform:translateY(-50%)}#card .frame{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:#00081059;border:1px solid #ffd16659;padding:8px;position:relative}#card img{aspect-ratio:4/3;object-fit:cover;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));width:100%;display:block}#card .cap{font:10px / 1.6 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--snow-60);margin-top:10px}#card .cap b{color:var(--accent);font-weight:400}#hud{font:10px / 1.7 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--snow-60);position:fixed;bottom:clamp(16px,3vw,36px);left:clamp(16px,3vw,40px)}#hud .depth{letter-spacing:-.01em;color:var(--snow);margin-bottom:8px;font:600 clamp(30px,3.4vw,46px)/1 system-ui,sans-serif;display:block}#hud .zone{color:var(--accent)}#brand{font:11px / 1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--snow-60);position:fixed;top:clamp(16px,3vw,32px);left:clamp(16px,3vw,40px)}#brand b{color:var(--snow);font-weight:400}#path{z-index:5;width:16px;height:min(62svh,520px);position:fixed;top:50%;right:clamp(14px,2.6vw,34px);transform:translateY(-50%)}#path .line{background:#ffffff38;width:1px;position:absolute;top:0;bottom:0;right:0}#path .fill{background:linear-gradient(#ffd16659,#ffd166d9);width:100%}#path .me{background:var(--accent);width:11px;height:2px;margin-top:-1px;transition:top .2s linear;position:absolute;right:-5px;box-shadow:0 0 10px #ffd166b3}#path .me span{white-space:nowrap;font:9px / 1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);opacity:.85;position:absolute;top:50%;right:20px;transform:translateY(-50%)}@media (max-width:640px){#card{width:min(300px,80vw);top:auto;bottom:120px;right:50%;transform:translate(50%)}.beat{top:20%}#path .me span{display:none}}#curtain{z-index:2}#beats{z-index:3}#brand{text-decoration:none}#hud .depth small{color:var(--snow-60);margin-left:4px;font-size:.45em}#card{margin:0}#path button.ch{cursor:pointer;background:0 0;border:0;width:22px;height:12px;margin-top:-6px;padding:0;position:absolute;right:-2px}#path button.ch:after{content:"";background:var(--snow-60);width:9px;height:1px;position:absolute;top:50%;right:2px}#path button.ch.sub:after{background:var(--snow-30);width:5px}#path button.ch.on:after{background:var(--accent)}#path button.ch:hover:after{background:var(--snow);width:14px}#path button.ch:focus-visible{outline:1px solid var(--accent);outline-offset:2px}#end{z-index:4;text-align:center;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding-top:18svh;display:flex;position:fixed;inset:0}#end .dials{align-items:center;gap:clamp(8px,3vw,40px);display:flex}#end .dial{--d:min(22vw, 160px);width:var(--d);height:var(--d);box-sizing:border-box;text-align:center;white-space:nowrap;color:var(--snow);cursor:pointer;background:#000a1259;border:1px solid #ffd1668c;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 8%;display:flex}#end .dial .num{font-size:calc(var(--d) * .19)}#end .dial .sub{display:none}#end .dial .lbl,#end .dial .go{letter-spacing:.12em;font-size:9px}#sources .note,#photos .note{color:var(--snow-60);margin:4px 0 18px;font-size:.8rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.photo-grid button{cursor:zoom-in;background:#000;border:1px solid #ffffff0f;width:100%;padding:0;display:block}.photo-grid button:hover,.photo-grid button:focus-visible{border-color:var(--accent);outline:none}.photo-grid img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}#lightbox{z-index:30;background:#000308f7;justify-content:center;align-items:center;padding:56px 16px;display:flex;position:fixed;inset:0}#lightbox[hidden]{display:none}#lightbox img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}#lightbox button{border:1px solid var(--snow-30);width:44px;height:44px;color:var(--snow);cursor:pointer;background:#00060c80;border-radius:50%;font-size:22px;line-height:1;position:absolute}#lbPrev{top:50%;left:clamp(8px,2vw,24px);transform:translateY(-50%)}#lbNext{top:50%;right:clamp(8px,2vw,24px);transform:translateY(-50%)}#lbClose{top:12px;right:clamp(8px,2vw,24px)}#end .kicker{font:10px / 1.6 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--snow-60);margin:0 0 4px}#loader{z-index:10;font:10px / 1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--snow-60);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity 1.2s,visibility 0s linear 1.2s;display:flex;position:fixed;inset:0}#loader b{letter-spacing:0;color:var(--snow);font:600 28px/1 system-ui,sans-serif}body.ready #loader{opacity:0;visibility:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.no-webgl,html.no-webgl body{touch-action:auto;height:auto;overflow:auto}html.no-webgl #stage,html.no-webgl #curtain,html.no-webgl #beats,html.no-webgl #card,html.no-webgl #hud,html.no-webgl #path,html.no-webgl #loader{display:none}html.no-webgl #story{clip:auto;white-space:normal;width:auto;max-width:640px;height:auto;margin:120px auto 40px;padding:0 16px;line-height:1.6;position:static}html.no-webgl #end{opacity:1;visibility:visible;pointer-events:auto;margin:0 auto 80px;position:static;transform:none}#story .kicker,#story .sub{display:block}#story .links a{color:var(--accent);display:block}body.closeup #beats,body.closeup #card,body.closeup #hud,body.closeup #path,body.closeup #brand,body.closeup #end{display:none}.beat.big{top:50%}#caption{letter-spacing:.02em;text-transform:none;color:var(--snow-60);opacity:0;margin-top:10px;font-size:.8rem;font-weight:400;line-height:1.4;display:block}#caption b{color:var(--accent);font-weight:500}#caption i{color:var(--snow)}#focus{pointer-events:none;opacity:1;z-index:3}html.no-webgl #focus{display:none}#focusTitle{min-height:1.4em;display:block}#focusTitle em{font-style:normal}#focusTitle .kicker{color:var(--snow-60);margin-bottom:6px;display:block}#focusLine{transition:opacity .15s linear;display:block}body.closeup #focus{display:none}#logbook,#photos,#sources{z-index:20;overscroll-behavior:contain;color:var(--snow);background:#00060cf5;padding:0 clamp(16px,5vw,64px) 64px;position:fixed;inset:0;overflow-y:auto}#logbook[hidden],#photos[hidden],#sources[hidden]{display:none}#logbook header,#photos header,#sources header{z-index:1;background:linear-gradient(#00060c 70%,#00060c00);justify-content:space-between;align-items:center;padding:20px 0 14px;display:flex;position:sticky;top:0}#logbook h2,#photos h2,#sources h2{font:12px / 1 var(--mono);letter-spacing:.3em;text-transform:uppercase;margin:0}#logbook h3{font:11px / 1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--snow-60);margin:28px 0 14px}#closeLog,#closePhotos,#closeSources{border:1px solid var(--snow-30);width:40px;height:40px;color:var(--snow);cursor:pointer;background:0 0;border-radius:50%;font-size:20px;line-height:1}.log-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.log-grid a{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.log-grid img{aspect-ratio:1;object-fit:cover;background:#000;border:1px solid #ffffff0f;width:100%}.log-grid a:hover img,.log-grid a:focus-visible img{border-color:var(--accent)}.log-grid .name,#closeInfo .name{color:var(--snow-60);font-size:.8rem;line-height:1.35}.log-grid .name b,#closeInfo .name b{color:var(--accent);font-weight:500}.log-grid .name i,#closeInfo .name i{color:var(--snow)}.log-grid .fact{color:var(--snow-60);font-size:.74rem;line-height:1.4}#backLog{z-index:6;border:1px solid var(--snow-30);font:11px / 1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--snow);padding:10px 14px;text-decoration:none;position:fixed;top:18px;right:clamp(16px,4vw,40px)}#backLog[hidden],#closeInfo[hidden]{display:none}#closeInfo{z-index:6;flex-direction:column;gap:6px;max-width:34em;display:flex;position:fixed;bottom:max(28px,6svh);left:clamp(16px,6vw,72px);right:clamp(16px,6vw,72px)}#closeInfo .fact{color:var(--snow);font-size:.95rem;line-height:1.45}#end .fin{text-align:center;letter-spacing:.02em;text-transform:uppercase;color:var(--snow);margin:0 0 18px;font-size:clamp(20px,2.4vw,28px);font-weight:600;line-height:1.2}#end .fin span{font:11px / 1.5 var(--mono);letter-spacing:.2em;color:var(--accent);margin-top:8px;display:block}#end .orbit{--r:min(38vw, 220px);width:calc(var(--r) * 1.3 + 28px);height:calc(var(--r) * 1.3 + 28px);flex:none;position:relative}#openLog{width:calc(var(--r) * 1.3);height:calc(var(--r) * 1.3);border:1px solid var(--accent);color:var(--snow);cursor:pointer;background:#000a1259;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#openLog:before{content:"";pointer-events:none;border:1px dashed #ffffff47;border-radius:50%;animation:60s linear infinite bezel;position:absolute;inset:-12px}#openLog:after{content:"";border:1px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;animation:3.6s ease-out infinite ping;position:absolute;inset:-1px}#end .dial .lbl,#end .dial .sub,#end .dial .go,#openLog .lbl,#openLog .sub,#end .dial .go,#openLog .go{font:10px / 1.4 var(--mono);letter-spacing:.3em;text-transform:uppercase}#end .dial .lbl,#openLog .lbl{color:var(--snow-60)}#openLog .num{letter-spacing:.02em;color:var(--snow);font-size:clamp(48px,11vw,76px);font-weight:500;line-height:1}#end .dial .sub,#openLog .sub{max-width:12em;color:var(--snow-60)}#openLog .go{color:var(--accent);margin-top:4px}#end .dial:hover,#end .dial:focus-visible,#openLog:hover,#openLog:focus-visible{background:#ffd16614;outline:none}#end .links{flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:18px 0 14px;display:flex}#end .sat{font:10px / 1 var(--mono);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;color:var(--snow-60);cursor:pointer;background:0 0;border:0;padding:8px 4px;text-decoration:none}#end .sat:before{content:"· ";color:var(--accent)}#end .sat:hover,#end .sat:focus-visible{color:var(--snow);outline:none}#end .kicker{margin:0}@keyframes bezel{to{transform:rotate(360deg)}}@keyframes ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){#openLog:before,#openLog:after{animation:none}}@media (max-width:520px){#end .dial{--d:27vw;gap:3px}#end .dial .sub{display:none}#end .dial .lbl,#end .dial .go{letter-spacing:.08em;font-size:8px}#end .orbit{--r:34vw;width:calc(var(--r) * 1.45 + 20px);height:calc(var(--r) * 1.45 + 20px)}#openLog{width:calc(var(--r) * 1.45);height:calc(var(--r) * 1.45)}#end{gap:6px}}#ensemble{z-index:3;pointer-events:none;position:fixed;inset:0}#ensemble .ens{font:10px / 1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;text-align:center;width:17vw;color:var(--snow-60);opacity:0;padding:6px 4px;text-decoration:none;position:absolute;transform:translate(-50%)}@media (max-width:600px){#ensemble .ens{letter-spacing:.06em;width:28vw}}#ensemble .ens:after{content:" ›";color:var(--accent)}#ensemble .ens:hover,#ensemble .ens:focus-visible{color:var(--snow)}body.closeup #ensemble{display:none}#next{z-index:5;border:1px solid var(--accent);-webkit-backdrop-filter:blur(8px);width:74px;height:74px;color:var(--accent);cursor:pointer;opacity:0;pointer-events:none;background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:26px;line-height:1;transition:opacity .6s,transform .6s;display:flex;position:fixed;bottom:max(58px,9svh);left:50%;transform:translate(-50%,10px);box-shadow:0 0 28px #ffd16647,inset 0 0 18px #ffffff14}#next.on{opacity:1;pointer-events:auto;transform:translate(-50%)}#next:before{content:"";border:1px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;animation:2.8s ease-out infinite ping;position:absolute;inset:-1px}#next:after{content:attr(data-label);white-space:nowrap;font:10px / 1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--snow);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}#next:hover,#next:focus-visible{background:#ffd16629;outline:none}@media (prefers-reduced-motion:reduce){#next:before{animation:none}}#next.going{opacity:1;pointer-events:none;box-shadow:none;border-color:#ffd16638;transform:translate(-50%)}#next.going>span{opacity:.35}#next.going:before{opacity:1;background:conic-gradient(var(--accent) calc(var(--k,0) * 1turn), transparent 0);border:0;animation:none;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}#browse{z-index:5;border:1px solid var(--accent);-webkit-backdrop-filter:blur(8px);width:74px;height:74px;color:var(--accent);cursor:pointer;opacity:0;pointer-events:none;background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;padding:0 0 4px 3px;font-size:34px;line-height:1;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:max(58px,9svh);left:50%;transform:translate(calc(10px - 50%));box-shadow:0 0 24px #ffd16642}#browse.on{opacity:1;pointer-events:auto;transform:translate(-50%)}#browse:after{content:attr(data-label);white-space:nowrap;font:10px / 1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--snow);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}#browse:hover,#browse:focus-visible{background:#ffd16629;outline:none}#back{z-index:5;width:44px;height:44px;color:var(--accent);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;padding:0;font-size:20px;line-height:1;transition:opacity .6s;position:fixed;bottom:calc(max(58px,9svh) + 15px);left:calc(50% - 100px)}body.at-end #back{display:none}#back.on{opacity:.85;pointer-events:auto}#back:after{content:attr(data-label);font:10px / 1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--snow-60);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}#back:hover,#back:focus-visible{opacity:1;outline:none}html.no-webgl #back,body.closeup #back,html.no-webgl #next,body.closeup #next,html.no-webgl #browse,body.closeup #browse{display:none}#sound{z-index:6;width:40px;height:40px;color:var(--snow-60);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:fixed;top:12px;right:clamp(10px,4vw,34px)}#sound svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:22px;height:22px}#sound[aria-pressed=true]{color:var(--accent)}#sound:hover,#sound:focus-visible{color:var(--snow);outline:none}html.no-webgl #sound{display:none}body.closeup #sound{top:64px}#cues{z-index:3;transition:opacity .3s linear}#cues .leaders{stroke:#ffd1668c;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0}.cue{text-align:center;width:min(600px,100vw - 96px);font:500 11px / 1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--snow-60);opacity:0;transition:opacity .6s,top .6s;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.cue.on{opacity:1}.cue.low{top:auto;bottom:calc(10svh + 72px);transform:translate(-50%)}.cue.side{text-align:left;width:min(320px,26vw);left:auto;right:calc(56px + 3vw);transform:translateY(-50%)}.cue.side .fig svg,.cue.low .fig svg{width:auto;max-height:18svh;margin:0 auto}.cue .num{letter-spacing:.01em;color:var(--accent);text-shadow:0 2px 30px #000a1499;font:600 clamp(30px,5vw,52px)/1.05 system-ui,-apple-system,sans-serif}.cue.low .num{font-size:clamp(24px,3.4vw,38px)}.cue .lab{margin-top:8px}.tag{max-width:220px;font:500 11px / 1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--snow);text-shadow:0 1px 12px #000a14cc;border-bottom:1px solid #ffd1668c;padding:4px 0 6px;animation:.6s both cue-in;position:absolute;top:0;left:0}@keyframes cue-in{0%{opacity:0}}.fig svg{width:100%;height:auto;display:block;overflow:visible}.fig .cap{justify-content:space-between;margin-top:8px;display:flex}.fig .cap.top{justify-content:center;margin:0 0 12px}.fig-rise-sink .surf{stroke:#ffffff40}.fig-rise-sink .riser{fill:#fff4d6;filter:drop-shadow(0 0 3px #ffd166cc)}.fig-speck .speck{background:#fff8e6;border-radius:50%;width:10px;height:10px;margin:30px auto;box-shadow:0 0 14px 4px #fff0c880,0 0 50px 12px #ffd1662e}.fig-sun-food .chain{color:var(--snow);justify-content:space-between;align-items:center;font-size:13px;display:flex}.fig-sun-food .sun{color:var(--accent);font-size:34px}.fig-sun-food .cell{background:#78c8a033;border:1px solid #bef0dccc;border-radius:9px;width:46px;height:18px}.fig-sun-food i{color:var(--snow-30);font-style:normal}.fig-coast-open .food circle{fill:#b9f5cf;filter:drop-shadow(0 0 2px #8ce6aae6)}.fig .layers{border-radius:6px;height:min(40svh,320px);position:relative;overflow:hidden}.layers .warm,.layers .cold{box-sizing:border-box;align-items:flex-end;padding:10px 12px;display:flex;position:absolute;left:0;right:0}.layers .warm{background:linear-gradient(#78c8e647,#50aad21f);border-bottom:1px solid #fff3;height:42%;transition:border-color .8s;top:0}.layers .cold{background:linear-gradient(#0a284659,#020c1c8c);height:58%;bottom:0}.layers span{z-index:1;color:var(--snow);position:relative}.layers .w,.layers em,.layers .ray,.layers .nut{opacity:0;transition:opacity .8s}.layers .w{font-weight:inherit}.layers em{color:var(--accent);font-style:normal;position:absolute;top:calc(42% - 22px);right:12px}.layers .ray{top:0;left:calc(14% + var(--i) * 17%);background:linear-gradient(#fff0c852,#fff0c800);width:6%;height:100%;position:absolute;transform:skew(-12deg)}.layers .nut{top:8%;left:var(--x);background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute}.fig-layers.s1 .ray,.fig-layers.s3 .w,.fig-layers.s3 em{opacity:1}.fig-layers.s2 .nut{opacity:.85;animation:nut-sink 7s ease-in var(--d) infinite}.fig-layers.s3 .warm{border-color:#ffd166b3}@keyframes nut-sink{0%{transform:translateY(0)}45%{transform:translateY(calc(min(40svh,320px)/2))}to{transform:translateY(calc(min(40svh,320px)/1.21951))}}.chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chips span{color:var(--snow);animation:cue-in .5s ease calc(var(--i) * .7s) both;border:1px solid #ffd16673;border-radius:999px;padding:6px 12px}.ruler{text-align:left;background:linear-gradient(#78c8e666,#020c1c99 70%);border-radius:6px;height:min(36svh,300px);overflow:hidden}.ruler .band{box-sizing:border-box;opacity:0;color:var(--snow);border-bottom:1px dashed #ffffff40;padding:8px 12px;transition:opacity .8s;position:relative}.ruler .lit{height:20%}.ruler .dim{height:80%}.fig-depth.s1 .lit,.fig-depth.s2 .dim{opacity:1}.fig-tenth .lvl{stroke:#ffffff40;stroke-dasharray:3 4}.fig-tenth circle{fill:#fff8e6e6}.fig-tenth .fall{animation:tenth-fade 3s ease calc(.3s + var(--i) * 80ms) both}.fig-tenth .one{fill:var(--accent);animation:3s .3s both tenth-one}@keyframes tenth-fade{to{opacity:0;transform:translateY(60px)}}@keyframes tenth-one{to{transform:translateY(136px)}}@media (prefers-reduced-motion:reduce){.fig-layers.s2 .nut,.fig-tenth circle,.chips span{animation:none}}@media (max-aspect-ratio:1){.cue{width:calc(100vw - 88px);top:50%}.cue.low{bottom:calc(10svh + 100px)}.cue.low .fig svg{max-height:13svh}.cue.low .food-up i{height:3svh}.cue.low .fig-dial svg{width:90px}}.cue.low .fig{max-width:360px;margin:0 auto}.fig .cap.center{justify-content:center}.ab{text-align:left;gap:10px;display:grid}.ab>div{border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:10px 14px;display:flex}.ab .up{background:linear-gradient(#96d2f047,#96d2f014)}.ab .down{background:#020c1c8c}.ab b{font-weight:inherit;color:var(--accent)}.ab span,.ab .down{color:var(--snow)}.fig-above .s1,.fig-above .s2{opacity:0;transition:opacity .8s}.fig-above.s1 .s1,.fig-above.s2 .s2{opacity:1}.fig-spectrum rect{transform-origin:top;animation:drop-in 1.4s ease calc(var(--i) * .15s) both}@keyframes drop-in{0%{transform:scaleY(0)}}.pair{justify-content:center;gap:32px;display:flex}.pair>div{color:var(--snow);justify-items:center;gap:8px;display:grid}.pair svg{width:72px}.pair .blue svg{filter:drop-shadow(0 0 18px #466eff8c)}.pair b{font-weight:inherit;color:var(--accent)}.fig-dim .glow{background:radial-gradient(circle,#fff0c8e6,#96c8f040 45%,#0000 70%);border-radius:50%;width:120px;height:120px;margin:0 auto;animation:9s ease-in both dim}@keyframes dim{to{opacity:.12;transform:scale(.8)}}.food-up{color:var(--snow);justify-items:center;gap:6px;display:grid}.food-up .hi{color:var(--accent)}.food-up i{background:linear-gradient(#ffd166cc,#ffd1661a);width:1px;height:7svh}.fig-isolume .sky{fill:#96c8f040;animation:8s both sky-dim}@keyframes sky-dim{to{fill:#14284640}}.fig-isolume .iso{stroke:var(--accent);stroke-dasharray:5 5}.fig-isolume .pod{fill:#fff4d6}.fig-isolume .iso,.fig-isolume .pod{animation:8s both iso-rise}@keyframes iso-rise{to{transform:translateY(-110px)}}.fig-moon .moon{color:#f4f0e2;text-shadow:0 0 30px #f0f0dc99;text-transform:none;font-size:64px;line-height:1}.fig-dial svg{width:min(140px,30vw);margin:0 auto}.fig-dial circle{fill:#020c1c80;stroke:#ffffff4d}.fig-dial line{stroke:#ffffff73}.fig-dial .hand{stroke:var(--accent);stroke-width:2px;transform-origin:60px 60px;animation:4s linear infinite hand}@keyframes hand{to{transform:rotate(360deg)}}.fig-across-up svg{color:var(--accent)}.fig-across-up .across{stroke:#ffffff80;stroke-width:2px;color:#ffffff80}.fig-across-up .up{stroke:var(--accent);stroke-width:3px}@media (prefers-reduced-motion:reduce){.fig-spectrum rect,.fig-dim .glow,.fig-isolume .sky,.fig-isolume .iso,.fig-isolume .pod,.fig-dial .hand{animation:none}}.cue .row{margin:0 0 14px;animation:.6s both cue-in}.cue .row .num{font-size:clamp(22px,3vw,34px)}#subs{z-index:4;text-align:center;width:min(720px,100vw - 96px);color:var(--snow);text-shadow:0 1px 14px #000a14e6,0 0 2px #000a14cc;opacity:0;pointer-events:none;margin:0;font:400 clamp(14px,1.25vw,18px)/1.5 system-ui,-apple-system,Helvetica Neue,Sukhumvit Set,sans-serif;position:fixed;bottom:calc(max(58px,9svh) + 104px);left:50%;transform:translate(-50%)}#subs.in{opacity:1;animation:.35s both cue-in}body.subs-on .cue.low{bottom:calc(10svh + 172px)}#cc{z-index:6;min-width:40px;height:40px;font:600 11px / 1 var(--mono);letter-spacing:.12em;color:var(--snow-60);cursor:pointer;background:0 0;border:0;padding:0 6px;position:fixed;top:12px;right:calc(clamp(10px,4vw,34px) + 44px)}#cc[data-mode=en],#cc[data-mode=th],#cc[data-mode=ja]{color:var(--accent)}#cc[data-mode=off]{color:var(--snow-30);text-decoration:line-through}#cc:hover,#cc:focus-visible{color:var(--snow);outline:none}#ccMenu{z-index:7;background:#000810eb;border:1px solid #ffd16659;border-radius:6px;flex-direction:column;min-width:170px;padding:6px;display:flex;position:fixed;top:56px;right:calc(clamp(10px,4vw,34px) + 20px)}#ccMenu[hidden]{display:none}#ccMenu button{min-height:42px;font:13px / 1 var(--mono);letter-spacing:.04em;text-align:left;color:var(--snow-60);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 12px}#ccMenu button[aria-checked=true]{color:var(--accent)}#ccMenu button[aria-checked=true]:before{content:"· "}#ccMenu button:hover,#ccMenu button:focus-visible{color:var(--snow);background:#ffffff0f;outline:none}html.no-webgl #cc,html.no-webgl #ccMenu,body.closeup #ccMenu,html.no-webgl #subs,body.closeup #cc,body.closeup #subs,body.log-open #subs{display:none}#hints{z-index:6;font:10px / 1.3 var(--mono);letter-spacing:.12em;white-space:nowrap;color:var(--snow);opacity:0;pointer-events:none;background:#000810d1;border:1px solid #ffd16673;border-radius:4px;grid-template-columns:auto auto;gap:7px 12px;padding:11px 14px;transition:opacity .6s,transform .6s;display:grid;position:fixed;top:62px;right:clamp(10px,4vw,34px);transform:translateY(-4px)}#hints.on{opacity:1;transform:none}#hints:before{content:"";border:6px solid #0000;border-bottom-color:#ffd16699;position:absolute;bottom:100%;right:38px}#hints p{display:contents}#hints b{color:var(--accent);font-weight:400}@media (prefers-reduced-motion:reduce){#hints{transition:none}}#sourceList{max-width:760px}#sources h3{font:11px / 1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin:30px 0 12px}#sources dl{margin:0}#sources dt{color:var(--snow);margin:16px 0 4px;font-size:.9rem;line-height:1.4}#sources dd{color:var(--snow-60);margin:0 0 2px;padding-left:14px;font-size:.78rem;line-height:1.5}#sources dd a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #ffd16680;text-decoration:underline #ffd16680}#sources dd a:hover,#sources dd a:focus-visible{color:var(--snow)}#end .sat.support{color:var(--accent)}#sources .support{color:var(--snow-60);margin:16px 0 0;font-size:.85rem;line-height:1.6}#sources .support a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}#sources .credits{color:var(--snow-60);border-top:1px solid #ffffff14;margin:36px 0 0;padding:18px 0 0;font-size:.78rem;line-height:1.8;list-style:none}@media (orientation:landscape) and (max-height:480px){.beat{font-size:clamp(13px,1.4vw,17px);top:30%}.beat.big{font-size:clamp(22px,8svh,34px)}.beat .kicker{margin-bottom:6px}.beat .sub{margin-top:8px}#next{width:52px;height:52px;bottom:30px}#back{bottom:34px}#brand{display:none}#subs{font-size:13px;bottom:96px}.cue{bottom:calc(10svh + 120px)}.cue .num{font-size:clamp(22px,9svh,34px)}}