@font-face{font-family:"Source Serif 4";src:url(/source-serif-4-latin-variable.woff2)format("woff2");font-display:swap;font-weight:400 600}@font-face{font-family:Manrope;src:url(/manrope-regular.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Manrope;src:url(/manrope-bold.woff2)format("woff2");font-display:swap;font-weight:700}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff6d9;background:#07180e;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #f8d77d}.journey{--cream:#fff6d9;--gold:#d8ae56;--gold-bright:#f8d77d;--green:#0b3d22;--night:#061109;--oxblood:#67151c;--panel:#05140be6;background:var(--night);min-height:100dvh;color:var(--cream);overflow:hidden}.landing-screen,.gate-screen,.final-screen{isolation:isolate;min-height:100dvh;display:grid;position:relative}.landing-screen{background:#061109;overflow:hidden}.landing-screen:before,.home-screen:after{content:"";z-index:-1;pointer-events:none;opacity:.28;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E");position:absolute;inset:0}.landing-screen__veil{z-index:0;background:linear-gradient(#0611091a 8%,#040b06e6 82%),url(/landing-background.webp) 47%/cover;animation:18s ease-in-out infinite alternate heraldic-drift;position:absolute;inset:0;transform:scale(1.04)}.landing-screen__content,.gate-screen__content,.final-screen__content{width:min(100%,48rem);padding:max(2rem, env(safe-area-inset-top)) 1.5rem max(3rem, env(safe-area-inset-bottom));margin:auto}.landing-screen__content{z-index:1;padding-bottom:calc(max(3rem, env(safe-area-inset-bottom)) + 1.5rem);align-self:end;margin-block:auto 0;animation:.7s cubic-bezier(.2,.8,.2,1) both rise;position:relative}.brand-mark{filter:drop-shadow(0 1rem 2rem #0000007a);width:clamp(5.5rem,28vw,9rem);margin-bottom:clamp(1.8rem,7vw,4rem);display:block}h1,h2,p{margin-top:0}h1,h2{font-family:"Source Serif 4",Georgia,serif;font-weight:600}.landing-screen h1{max-width:8.5em;color:var(--cream);letter-spacing:normal;text-wrap:balance;margin-bottom:1.5rem;font-size:clamp(3.2rem,15vw,6.3rem);line-height:1.1}.button{cursor:pointer;letter-spacing:.13em;text-transform:uppercase;border:1px solid #0000;border-radius:0;min-height:3.25rem;padding:.7rem 1.25rem;font-size:.875rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{cursor:wait;opacity:.65}.button--primary{color:#fff7dd;background:linear-gradient(135deg,#8c2430,#491118);border-color:#efc766;box-shadow:.6rem .7rem #01080461,inset 0 0 0 1px #fff5d02e}.button--secondary{color:var(--cream);background:#0311097a;border-color:#f8d77d99}.landing-screen__message{max-width:26rem;color:var(--gold-bright);margin:1.25rem 0 0;line-height:1.55}.gate-screen{background:radial-gradient(circle at 76% 8%,#7d212a52,#0000 30%),linear-gradient(145deg,#0d341d,#061109 70%)}.gate-screen__content{align-self:center}.gate-screen__content--retry{text-align:center}.gate-screen__content--retry h1{margin-left:auto;margin-right:auto}.gate-screen__retry-message{max-width:28rem;color:var(--cream);white-space:pre-line;margin:0 auto 2rem;font-size:clamp(1.4rem,6vw,2rem);line-height:1.5}.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin-bottom:.8rem;font-size:.71rem;font-weight:700}.gate-screen h1,.final-screen h1{text-wrap:balance;max-width:10em;margin-bottom:1.5rem;font-size:clamp(2.35rem,11vw,4.6rem);line-height:1.15}.gate-card{background:linear-gradient(135deg,#12371eeb,#040d07f5);border:1px solid #f8d77d78;border-radius:2px 2.5rem;gap:1rem;padding:clamp(1.5rem,6vw,2.5rem);display:grid;box-shadow:1.2rem 1.3rem #0003}.gate-card label{color:var(--cream);font-family:Manrope,sans-serif;font-size:clamp(1.15rem,5vw,1.5rem);line-height:1.35}.gate-card input{border:0;border-bottom:1px solid var(--gold);min-height:3.25rem;color:var(--cream);background:#ffffff0d;padding:0 .75rem}.gate-card__error{color:#ffd2ce;white-space:pre-line;background:#6e141959;border-left:3px solid #e06661;margin:0;padding:.8rem .9rem}.home-screen{isolation:isolate;background:#092313;grid-template-rows:auto auto 1fr;min-height:100dvh;display:grid;position:relative;overflow:hidden}.home-screen:before{content:"";z-index:-2;background:linear-gradient(#040d08ed,#051009db 34%,#06120acc 62%,#3a0a10ed),url(/home-background.webp) 50%/cover;position:absolute;inset:0}.home-header,.home-copy,.score{width:min(100%,62rem);margin-left:auto;margin-right:auto}.home-header{padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem 0;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.home-header p{min-width:0;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:1.15rem;font-weight:600;line-height:1.4}.sound-toggle{width:2.75rem;min-height:2.75rem;color:var(--cream);cursor:pointer;background:#030f088c;border:1px solid #fff6d961;border-radius:99px;flex-shrink:0;place-items:center;padding:0;display:grid}.home-copy{padding:2.25rem 1.25rem 0}.home-copy h1{letter-spacing:-.025em;text-wrap:balance;max-width:9em;margin-bottom:.75rem;font-family:Manrope,sans-serif;font-size:clamp(2.5rem,11vw,5.4rem);font-weight:700;line-height:1.08}.home-copy h1 em{color:var(--gold-bright);font-style:normal}.home-copy>p:not(.progress):not(.next-step){color:#fff6d9cc;max-width:31rem;font-size:1rem;line-height:1.6}.progress{border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);width:fit-content;color:var(--gold-bright);letter-spacing:.11em;text-transform:uppercase;margin:1.25rem 0 .5rem;padding:.5rem 0;font-size:.85rem;font-weight:700}.next-step{max-width:28rem;color:var(--cream);margin-bottom:.75rem;font-size:1rem;line-height:1.45}.score{--hotspot-max:11rem;--optical-shift:calc((var(--hotspot-max) - 3.1rem) / 2);min-height:22rem;transform:translateX(calc(-1 * var(--optical-shift)));margin-top:-1rem;position:relative}.staff{top:10%;right:calc(2% - var(--optical-shift));left:calc(2% + var(--optical-shift));background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#f8d77d52 calc(25% - 1px) 25%);border-top:1px solid #f8d77d6b;border-bottom:1px solid #f8d77d6b;height:62%;position:absolute;transform:rotate(-5deg)}.hotspot{top:var(--y);left:var(--x);z-index:1;width:max-content;max-width:var(--hotspot-max);color:var(--cream);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;gap:.35rem .55rem;padding:0;display:grid;position:absolute;transform:translate(-1.55rem,-1.55rem)}.hotspot:disabled{cursor:not-allowed;opacity:.52}.hotspot__lock{font-size:.85rem;position:absolute;bottom:-.15rem;right:-.25rem}.hotspot__note{color:#fff0bd;background:radial-gradient(circle at 33% 27%,#fff4c9 0 5%,#d42b38 6% 57%,#0b512b 58% 100%);border:1px solid #fff6d99e;border-radius:50% 50% 42%;grid-area:1/1/span 2;align-self:start;place-items:center;width:3.1rem;height:3.1rem;font-size:1.7rem;transition:transform .18s,filter .18s;display:grid;position:relative;box-shadow:.45rem .5rem #010c0647}.hotspot:hover .hotspot__note,.hotspot:focus-visible .hotspot__note{filter:brightness(1.18);transform:translateY(-.25rem)rotate(-5deg)}.hotspot__number{color:var(--gold);letter-spacing:.13em;grid-area:1/2;font-size:.7rem;font-weight:700}.hotspot__copy{grid-area:2/2;min-width:0;display:grid}.hotspot__copy strong{color:var(--gold-bright);font-size:.8rem}.hotspot__copy small{color:var(--cream);font-size:.8rem;line-height:1.2}.hotspot--completed .hotspot__note:after{content:"✓";color:#0b3d22;background:var(--gold-bright);border-radius:50%;place-items:center;width:1.2rem;height:1.2rem;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;display:grid;position:absolute;transform:translate(1.05rem,-1.1rem)}.hotspot__unavailable{color:#fff0bd;grid-area:3/1/auto/-1;font-size:.75rem;line-height:1.25}.final-screen{background:radial-gradient(circle at 75% 12%,#a02b3461,#0000 33%),linear-gradient(145deg,#0a351d,#260b11 90%)}.final-screen__content{align-self:center}.final-screen__content>p:not(.eyebrow){color:#fff6d9d1;max-width:37rem;line-height:1.6}.secret-video{border-top:1px solid #f8d77d85;border-bottom:1px solid #f8d77d85;margin:2rem 0;padding:1.5rem 0}.secret-video h2{max-width:18em;color:var(--gold-bright);margin-bottom:1rem;font-size:clamp(1.3rem,6vw,2rem);line-height:1.27}.secret-video__frame,.video-frame{background:#030704}.secret-video__frame{aspect-ratio:4/3;position:relative}.secret-video__frame iframe,.video-frame iframe{border:0;width:100%;height:100%}.secret-video__frame iframe{position:absolute;inset:0}.video-dialog{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020905eb;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.video-dialog__content{background:linear-gradient(150deg,#12351f,#040c07);border:1px solid #f8d77d73;width:min(100%,58rem);margin:auto;box-shadow:1rem 1rem #67151c6b}.video-dialog header{padding:1.5rem 4.25rem 1rem 1.5rem;position:relative}.video-dialog header p{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.45rem;font-size:.68rem;font-weight:700}.video-dialog h2{overflow-wrap:break-word;margin:0;font-size:clamp(1.8rem,8vw,3.5rem);line-height:1.15}.video-title-line{display:block}.section-image{object-fit:cover;border:1px solid #f8d77d66;width:100%;max-height:13rem;margin-top:1.25rem;display:block}.close-player{width:2.75rem;height:2.75rem;color:var(--cream);cursor:pointer;background:#030f08a6;border:1px solid #fff6d980;border-radius:50%;place-items:center;font-size:1.7rem;line-height:1;display:grid;position:absolute;top:.8rem;right:.8rem}.video-stage{background:#030704;min-height:12.5rem}.video-frame{aspect-ratio:16/9;max-height:min(31rem,70dvh)}.video-stage__error,.video-stage__complete{text-align:center;place-content:center;gap:.85rem;min-height:12.5rem;padding:1.5rem;display:grid}.video-stage__error{color:#ffd1cb}.video-stage__complete p{color:var(--gold-bright);margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:1.7rem;font-weight:600;line-height:1.35}.video-stage__complete span{color:#fff6d9cc;max-width:25rem;line-height:1.5}.video-stage__replay{min-width:44px;min-height:44px;color:var(--gold-bright);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:center;justify-items:center;gap:.35rem;padding:.5rem .75rem;display:grid}.video-stage__complete .button{justify-self:center;margin-top:.65rem}.video-dialog__description{color:#fff6d9d1;margin:0;padding:1rem 1.5rem 1.5rem;line-height:1.55}@keyframes rise{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes heraldic-drift{0%{background-position:50%,47%;transform:scale(1.04)}to{background-position:50%,55% 44%;transform:scale(1.11)}}@media (max-width:40rem){.landing-screen__veil{background-image:linear-gradient(#06110914 8%,#040b06e8 82%),url(/mobile-background.webp)}.home-screen:before{background-image:linear-gradient(#040d08ed,#051009db 34%,#06120acc 62%,#3a0a10ed),url(/mobile-background.webp)}}@media (max-width:30rem){.score{--hotspot-max:min(8.25rem, 34vw)}.hotspot{row-gap:0}.hotspot__number{display:none}}@media (max-width:22rem){.score{min-height:26rem}}@media (max-height:45rem){.home-copy{padding-top:1rem}.home-copy h1{margin-bottom:.5rem;font-size:clamp(1.9rem,8vw,3rem)}.progress{margin-top:.75rem}}@media (max-height:30rem) and (min-width:40rem){.home-screen{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.home-header{grid-column:1/-1}.home-copy{padding-top:.5rem}.home-copy h1{margin-bottom:.35rem;font-size:clamp(1.5rem,3.4vw,2.1rem)}.progress{margin-top:.6rem}.score{min-height:0;margin-top:0}}@media (prefers-reduced-motion:reduce){.landing-screen__veil,.landing-screen__content{animation:none}}@media (min-width:52rem) and (min-height:45rem){.home-copy{padding-top:4rem}}@media (min-width:52rem){.video-dialog__content{grid-template-columns:minmax(16rem,.4fr) 1fr;display:grid}.video-dialog header{grid-row:span 2;padding:3rem 2rem}.video-dialog header p{padding-left:2.5rem}.video-dialog h2{margin-top:2rem;font-size:clamp(1.5rem,3vw,2.6rem)}.close-player{top:1.25rem;left:1.25rem;right:auto}.video-dialog__description{align-self:end;padding:1.25rem 1.5rem}}