:root{--void: #050505;--bone: #e8e4d8;--bone-dim: rgba(232, 228, 216, .5);--amber: #f0a028;--font-body: "Archivo", "Helvetica Neue", sans-serif;--font-marker: "Permanent Marker", cursive}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;background:var(--void);color:var(--bone);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0}.stage canvas{display:block}button{font-family:var(--font-body);background:none;border:none;color:inherit;cursor:pointer}:focus-visible{outline:1px solid var(--bone);outline-offset:4px}.film-grain{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:overlay;opacity:.11;z-index:40}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.66) 100%);z-index:39}.threshold{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:55}.th-logos{display:flex;align-items:center;gap:clamp(30px,6vw,90px);opacity:0}.th-logo-swatch{width:clamp(180px,22vw,320px);height:auto}.th-x{font-weight:300;font-size:clamp(20px,2.4vw,30px);color:var(--bone)}.th-logo-mjf{width:clamp(150px,18vw,270px);height:auto}.th-headline{margin-top:clamp(44px,9vh,100px);font-weight:800;font-stretch:72%;font-size:clamp(24px,3.4vw,46px);letter-spacing:.22em;text-indent:.22em;color:var(--bone);opacity:0}.th-subline{margin-top:clamp(16px,3vh,30px);font-weight:300;font-size:clamp(13px,1.3vw,17px);letter-spacing:.06em;color:var(--bone-dim);opacity:0}.th-enter{margin-top:clamp(54px,11vh,120px);font-weight:500;font-size:clamp(14px,1.4vw,18px);letter-spacing:.5em;text-indent:.5em;color:var(--amber);padding:10px 26px;opacity:0;transition:color 1.2s ease;animation:enter-glow 4s ease-in-out infinite}.th-enter:hover{color:#ffc35e}@keyframes enter-glow{0%,to{text-shadow:0 0 10px rgba(240,160,40,.15)}50%{text-shadow:0 0 26px rgba(240,160,40,.5)}}.th-volume{position:absolute;bottom:5vh;display:flex;align-items:baseline;gap:10px;font-family:var(--font-marker);font-size:14px;color:var(--bone-dim);opacity:0;transform:rotate(-1deg)}.th-volume button{font-family:var(--font-marker);font-size:inherit;color:var(--bone-dim);padding:4px;transition:color .4s ease}.th-volume button.active,.th-volume button:hover{color:var(--bone)}.th-volume-sep{color:var(--bone-dim)}.archive-intro{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;z-index:50}.ai-title{font-weight:800;font-stretch:68%;font-size:clamp(38px,6.5vw,84px);letter-spacing:.18em;text-indent:.18em;color:var(--bone);opacity:0}.ai-tag{margin-top:3.5vh;font-weight:300;font-size:clamp(12px,1.2vw,15px);letter-spacing:.2em;color:var(--bone-dim);opacity:0}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:45}.hud-mark{position:absolute;top:24px;left:28px;font-family:var(--font-marker);font-size:14px;color:var(--bone);transform:rotate(-1.2deg);white-space:nowrap}.hud-mark span{color:var(--bone-dim)}.hud-right{position:absolute;top:24px;right:28px;text-align:right}.sound-toggle{pointer-events:auto;font-family:var(--font-marker);font-size:13px;color:var(--bone-dim);padding:4px 2px;transition:color .6s ease;transform:rotate(1deg)}.sound-toggle:hover{color:var(--bone)}.hud-gesture{margin-top:2px;font-family:var(--font-marker);font-size:13px;color:var(--bone-dim);transform:rotate(1.4deg)}.hud-hint{position:absolute;bottom:9vh;width:100%;text-align:center;font-size:10px;font-weight:300;letter-spacing:.32em;text-transform:uppercase;color:var(--bone-dim)}.hud-signature{position:absolute;bottom:26px;left:28px;font-family:var(--font-marker);font-size:15px;line-height:1.25;color:var(--bone);transform:rotate(-2.4deg)}.hud-year{position:absolute;bottom:26px;right:28px;font-family:var(--font-marker);font-size:18px;color:var(--bone);transform:rotate(1.6deg)}.reveal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12vh;text-align:center;cursor:pointer;z-index:46;opacity:0}.reveal-year{font-family:var(--font-marker);font-size:34px;line-height:1;color:var(--bone);transform:rotate(-1.6deg)}.reveal-caption{margin-top:14px;font-size:12px;font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:var(--bone);max-width:76vw}.reveal-release{margin-top:24px;font-family:var(--font-marker);font-size:12px;color:var(--bone-dim)}.descent{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;scroll-snap-type:y proximity;background:#000;z-index:30}.panel{min-height:100vh;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12vh 6vw}.panel-eyebrow{font-family:var(--font-marker);font-size:15px;color:var(--bone-dim);transform:rotate(-1.2deg)}.panel-title{margin-top:3vh;font-weight:800;font-stretch:70%;font-size:clamp(26px,3.6vw,50px);letter-spacing:.16em;text-indent:.16em;color:var(--bone)}.panel-copy{margin-top:3vh;max-width:62ch;font-weight:300;font-size:clamp(13px,1.25vw,16px);line-height:1.75;letter-spacing:.03em;color:var(--bone-dim)}.panel-foot{margin-top:6vh;font-weight:300;font-size:clamp(12px,1.1vw,15px);letter-spacing:.1em;color:var(--bone)}.panel-foot-dim{color:var(--bone-dim);font-size:11px;letter-spacing:.14em}.watch-states{margin-top:7vh;display:flex;align-items:flex-start;justify-content:center;gap:clamp(16px,3vw,44px);flex-wrap:wrap}.watch-state{width:min(260px,78vw);display:flex;flex-direction:column;align-items:center}.ws-arrow{align-self:center;color:var(--bone-dim);font-size:20px;font-weight:300}.ws-label{margin-top:3vh;font-family:var(--font-marker);font-size:16px;color:var(--bone);transform:rotate(-1deg)}.ws-copy{margin-top:1.6vh;font-weight:300;font-size:12px;line-height:1.7;letter-spacing:.04em;color:var(--bone-dim)}.dial{border-radius:50%;box-shadow:0 0 0 6px #101012,0 0 40px #000c}.dial-lg{width:min(300px,70vw);height:auto}.trace-stage{margin-top:7vh;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center}.trace-start{display:flex;flex-direction:column;align-items:center;gap:2.4vh}.trace-upload{font-weight:400;font-size:12px;letter-spacing:.3em;text-indent:.3em;color:var(--bone-dim);padding:12px 30px;border:1px solid rgba(232,228,216,.2);border-radius:999px;transition:color .6s ease,border-color .6s ease}.trace-upload:hover{color:var(--bone);border-color:#e8e4d880}.trace-record{font-weight:600;font-size:clamp(15px,1.5vw,19px);letter-spacing:.4em;text-indent:.4em;color:var(--amber);padding:20px 46px;border:1px solid rgba(240,160,40,.4);border-radius:999px;transition:border-color .8s ease,background .8s ease;animation:enter-glow 4s ease-in-out infinite}.trace-record:hover{border-color:#f0a028e6;background:#f0a0280f}.trace-recording{display:flex;flex-direction:column;align-items:center}.trace-bars{display:flex;align-items:center;gap:5px;height:70px}.trace-bars span{width:3px;height:12px;background:var(--bone);opacity:.8;animation:bar-listen 1.1s ease-in-out infinite alternate}@keyframes bar-listen{0%{transform:scaleY(.3)}to{transform:scaleY(3.4)}}.trace-count{margin-top:4vh;font-family:var(--font-marker);font-size:44px;color:var(--amber)}.trace-note{margin-top:2vh;font-weight:300;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-dim)}.trace-result{display:flex;flex-direction:column;align-items:center}.trace-number{margin-top:3.5vh;font-family:var(--font-marker);font-size:22px;color:var(--bone);transform:rotate(-1deg)}.trace-buy{margin-top:3vh;font-weight:600;font-size:14px;letter-spacing:.32em;text-indent:.32em;color:var(--amber);padding:15px 40px;border:1px solid rgba(240,160,40,.4);border-radius:999px;transition:border-color .8s ease,background .8s ease}.trace-buy:hover{border-color:#f0a028e6;background:#f0a0280f}.checkout{margin-top:3.4vh;width:min(340px,86vw);display:flex;flex-direction:column;align-items:center}.fade-slow{animation:chk-fade 1.6s ease both}.fade-slower{animation:chk-fade 2.6s ease both}@keyframes chk-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.chk-brand{font-weight:300;font-size:12px;letter-spacing:.14em;color:var(--bone-dim);text-align:center}.chk-edition{margin-top:1.6vh;font-weight:500;font-size:14px;letter-spacing:.18em;color:var(--bone)}.checkout .trace-buy{margin-top:3.4vh}.xp-btn{width:100%;height:48px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;background:#000;border:1px solid rgba(232,228,216,.16);border-radius:9px;color:#fff;transition:border-color .6s ease}.xp-btn:first-child{margin-top:0}.xp-btn:hover:not(:disabled){border-color:#e8e4d866}.xp-btn:disabled{cursor:default;color:#ffffff8c}.apple-mark{font-family:-apple-system,Helvetica Neue,sans-serif;font-size:18px;font-weight:600;letter-spacing:.01em}.twint-mark{font-family:Archivo,sans-serif;font-weight:800;font-stretch:78%;font-size:17px;letter-spacing:.12em;font-style:italic}.chk-divider{width:100%;margin:3vh 0 2.4vh;text-align:center;font-weight:300;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-dim)}.card-form{width:100%;display:flex;flex-direction:column}.chk-input{width:100%;margin-top:10px;padding:13px 14px;background:#e8e4d80a;border:1px solid rgba(232,228,216,.16);border-radius:9px;font-family:var(--font-body);font-size:14px;letter-spacing:.06em;color:var(--bone);outline:none;transition:border-color .6s ease}.chk-input::placeholder{color:#e8e4d852}.chk-input:focus{border-color:#e8e4d873}.chk-row{display:flex;gap:10px}.chk-note{margin-top:2.2vh;text-align:center;font-weight:300;font-size:11px;letter-spacing:.14em;color:var(--bone-dim)}.chk-pay{width:100%;margin-top:1.8vh;display:flex;align-items:center;justify-content:center;gap:10px}.chk-pay:disabled{cursor:default}.chk-proto{margin-top:3vh;font-weight:300;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#e8e4d84d}.chk-spin{width:13px;height:13px;border:1.5px solid rgba(255,255,255,.25);border-top-color:#ffffffd9;border-radius:50%;animation:chk-spin 1s linear infinite}.chk-spin-amber{border-color:#f0a02840;border-top-color:var(--amber)}@keyframes chk-spin{to{transform:rotate(360deg)}}.chk-collect{margin-top:2vh;font-weight:300;font-size:12px;letter-spacing:.16em;color:var(--bone-dim)}.trace-paid{margin-top:2.4vh;max-width:46ch;font-weight:300;font-size:13px;line-height:1.7;letter-spacing:.05em;color:var(--bone)}.lineage-counter{margin-top:5vh;display:flex;flex-direction:column;align-items:center}.lc-number{font-weight:800;font-stretch:70%;font-size:clamp(56px,9vw,130px);line-height:1;color:var(--bone);letter-spacing:.04em}.lineage-remaining{margin-top:1.2vh;text-align:center;font-weight:300;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-dim);opacity:.75}.lc-label{margin-top:1.4vh;font-weight:300;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--bone-dim)}.lineage-feed{margin-top:8vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(24px,4vw,56px);max-width:1200px}.lineage-item{display:flex;flex-direction:column;align-items:center}.lineage-item figcaption{margin-top:14px;font-weight:300;font-size:11px;letter-spacing:.1em;color:var(--bone-dim)}.lineage-item-mine figcaption .mine{font-family:var(--font-marker);color:var(--amber);font-size:13px}#descent-fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:70}.loading-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--bone);animation:dot-pulse 1.6s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:.2}50%{opacity:.9}}@media (prefers-reduced-motion: reduce){.th-enter,.trace-record,.trace-bars span,.loading-dot,.fade-slow,.fade-slower{animation:none}}@media (max-width: 640px){.hud-signature{font-size:12px}.hud-mark{font-size:11px;letter-spacing:-.02em}}@media (max-width: 390px){.hud-mark{font-size:10px;letter-spacing:-.03em}}@media (max-width: 340px){.hud-mark{font-size:9px;letter-spacing:-.04em}}@media (max-width: 640px){.th-logos{flex-direction:column;gap:22px}.th-logo-swatch{width:190px}.th-logo-mjf{width:160px}.ws-arrow{display:none}}