:root{--void:#020403;--green:#00a83b;--emerald:#0f6;--white:#f5fff8;--yellow:#ffd900;--gold:#ffb800;--ink:color-mix(in srgb, var(--white) 72%, transparent);--ink-dim:color-mix(in srgb, var(--white) 34%, transparent);--ink-ghost:color-mix(in srgb, var(--white) 16%, transparent);--serif:"Cinzel", "Times New Roman", serif;--mono:"Azeret Mono", ui-monospace, "SFMono-Regular", monospace;--energy:var(--emerald);--energy-deep:var(--green)}:root[data-corps=yellow]{--energy:var(--yellow);--energy-deep:var(--gold)}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-height:100%;margin:0;overflow:hidden}html[data-scroll=on],html[data-scroll=on] body{overscroll-behavior:auto;overflow:visible}body{background:var(--void);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:300}#root{position:relative}.stage{background:var(--void);height:100dvh;position:relative}.stage canvas{touch-action:none;display:block}.layer{pointer-events:none;padding:max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.5rem, env(safe-area-inset-bottom));transform:translate3d(calc(var(--px,0) * -7px), calc(var(--py,0) * -7px), 0);display:grid;position:absolute;inset:0}.layer>*{pointer-events:auto}.intro{text-align:center;grid-template-rows:1fr auto auto;justify-items:center}.intro__titles{grid-row:2;justify-items:center;gap:1.1rem;margin-bottom:clamp(2.5rem,8vh,5rem);display:grid}.title{font-family:var(--serif);letter-spacing:.44em;text-indent:.44em;background:linear-gradient(#f4fff8 0%,#fff 24%,#c9d8cf 64%,#7e9088 100%);color:#0000;filter:drop-shadow(0 0 26px color-mix(in srgb, var(--energy) 26%, transparent));-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.45rem,4.6vw,2.75rem);font-weight:400;line-height:1.12}.subtitle{letter-spacing:.58em;text-indent:.58em;color:color-mix(in srgb, var(--white) 48%, transparent);text-shadow:0 0 18px color-mix(in srgb, var(--energy) 22%, transparent);margin:0;font-size:clamp(.6rem,1.5vw,.72rem);font-weight:300}.intro__action{grid-row:3;margin-bottom:clamp(1.5rem,6vh,3.5rem)}.activate{border:1px solid color-mix(in srgb, var(--white) 22%, transparent);min-height:48px;color:color-mix(in srgb, var(--white) 82%, transparent);font-family:var(--mono);letter-spacing:.4em;text-indent:.4em;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:1.05rem 2.6rem;font-size:.68rem;font-weight:500;transition:border-color .5s,color .5s,box-shadow .6s,letter-spacing .6s;display:inline-flex;position:relative}.activate:after{content:"";border-radius:inherit;border:1px solid var(--energy);opacity:0;pointer-events:none;position:absolute;inset:-1px;transform:scale(1)}.activate:hover,.activate:focus-visible{border-color:color-mix(in srgb, var(--energy) 85%, transparent);color:var(--white);letter-spacing:.46em;text-indent:.46em;box-shadow:0 0 46px -6px color-mix(in srgb, var(--energy) 42%, transparent), inset 0 0 28px -12px color-mix(in srgb, var(--energy) 55%, transparent);outline:none}.activate:focus-visible{outline:1px solid var(--energy);outline-offset:6px}.footer{left:50%;bottom:max(.85rem, env(safe-area-inset-bottom));text-align:center;letter-spacing:.22em;width:100%;color:var(--ink-ghost);pointer-events:none;font-size:.55rem;font-weight:300;line-height:1.7;position:absolute;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.activate{transition-duration:.01ms}}@media (width<=520px){.title{letter-spacing:.3em;text-indent:.3em}.subtitle{letter-spacing:.4em;text-indent:.4em}.activate{padding:1rem 1.9rem}}.title,.subtitle,.activate,.system{text-transform:uppercase}.system{font-family:var(--mono);letter-spacing:.52em;text-indent:.52em;color:color-mix(in srgb, var(--energy) 62%, var(--white));text-shadow:0 0 24px color-mix(in srgb, var(--energy) 38%, transparent);grid-row:2;margin:0 0 clamp(2.5rem,13vh,7rem);font-size:clamp(.58rem,1.6vw,.7rem);font-weight:300}.hud{text-align:center;grid-template-rows:1fr auto;justify-items:center}.notice{text-align:center;background:radial-gradient(70% 55%,#020403f0 0%,#020403db 45%,#02040359 100%);place-content:center;justify-items:center;gap:1rem;padding:2rem;position:fixed}.notice h2{font-family:var(--serif);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;margin:0;font-size:clamp(1rem,3vw,1.4rem);font-weight:400}.notice p{letter-spacing:.08em;max-width:40ch;color:color-mix(in srgb, var(--white) 66%, transparent);margin:0;font-size:.74rem;line-height:1.95}.notice h2+p{margin-bottom:.6rem}.oath{grid-row:2;justify-items:center;gap:1.4rem;width:min(100%,46rem);margin:0 0 clamp(2rem,9vh,5rem);display:grid}.oath__lines{justify-items:center;gap:.55rem;display:grid}.oath__line{font-family:var(--serif);letter-spacing:.2em;text-indent:.2em;color:var(--white);text-shadow:0 0 22px color-mix(in srgb, var(--energy) 32%, transparent);margin:0;font-size:clamp(.85rem,2.1vw,1.2rem);font-weight:400;line-height:1.5}.oath__heard{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;min-height:1.1em;color:var(--ink-ghost);margin:0;font-size:clamp(.55rem,1.4vw,.66rem);font-weight:300}.willpower{letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:color-mix(in srgb, var(--white) 46%, transparent);align-items:baseline;gap:1.1em;margin:0;font-size:.58rem;font-weight:500;display:flex}.willpower__value{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--energy) 70%, var(--white));text-shadow:0 0 18px color-mix(in srgb, var(--energy) 45%, transparent)}.notice__aside{letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb, var(--white) 38%, transparent);justify-items:center;gap:.9rem;margin-top:1.4rem;font-size:.56rem;display:grid}.dev-say{border:1px dashed color-mix(in srgb, var(--white) 22%, transparent);width:min(90vw,30rem);color:var(--white);font-family:var(--mono);letter-spacing:.08em;background:#0009;border-radius:4px;padding:.6rem .9rem;font-size:.7rem;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%)}.flash{z-index:10;visibility:hidden;pointer-events:none;background:radial-gradient(circle at 50% 44%, #fff 0%, color-mix(in srgb, var(--energy) 92%, #fff) 16%, var(--energy-deep) 42%, transparent 78%);position:fixed;inset:0}.finale{text-align:center;grid-template-rows:1fr auto auto;justify-items:center}.finale__willpower{letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:color-mix(in srgb, var(--white) 52%, transparent);grid-row:2;align-items:baseline;gap:1.1em;margin:0 0 1.6rem;font-size:.6rem;font-weight:500;display:flex}.finale__welcome{font-family:var(--serif);letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;background:linear-gradient(#f4fff8 0%,#fff 24%,#c9d8cf 64%,#7e9088 100%);color:#0000;filter:drop-shadow(0 0 30px color-mix(in srgb, var(--energy) 34%, transparent));-webkit-background-clip:text;background-clip:text;grid-row:3;margin:0 0 clamp(2.5rem,9vh,5.5rem);font-size:clamp(1rem,3.1vw,1.9rem);font-weight:400;line-height:1.2}.glitch{z-index:9;visibility:hidden;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glitch__fragment{opacity:0;font-family:var(--mono);letter-spacing:.34em;text-transform:uppercase;white-space:nowrap;font-size:.5rem;font-weight:500;position:absolute}.glitch__fragment--warn{color:#ff2d1a;text-shadow:0 0 14px #ff2d1a8c}.glitch__fragment--corps{color:var(--yellow);text-shadow:0 0 14px #ffd90080}.glitch__slice{opacity:0;background:linear-gradient(90deg,#0000,#ff2d1aa6 18%,#ffd900cc 52%,#0000);width:120%;height:1px;position:absolute;left:-10%}.sinestro__stack{grid-row:2;grid-template-areas:"line";place-items:center;margin:0 0 clamp(2.5rem,13vh,7rem);display:grid}.sinestro__line{opacity:0;grid-area:line;margin:0}.finale__secret{letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:color-mix(in srgb, var(--energy) 64%, var(--white));text-shadow:0 0 18px color-mix(in srgb, var(--energy) 40%, transparent);grid-row:4;margin:0 0 clamp(1.5rem,5vh,3rem);font-size:.55rem;font-weight:500}.finale{grid-template-rows:1fr auto auto auto}.choose{text-align:center;grid-template-rows:1fr auto auto;justify-items:center}.choose__prompt{font-family:var(--mono);letter-spacing:.52em;text-indent:.52em;text-transform:uppercase;color:color-mix(in srgb, var(--white) 56%, transparent);grid-row:2;margin:0 0 1.6rem;font-size:clamp(.56rem,1.5vw,.68rem);font-weight:300}.choose__options{flex-wrap:wrap;grid-row:3;justify-content:center;gap:1rem;margin-bottom:clamp(2.5rem,9vh,5rem);display:flex}.choose__option{min-width:9.5rem}button{touch-action:manipulation}@media (hover:none){.activate:hover{border-color:color-mix(in srgb, var(--white) 22%, transparent);color:color-mix(in srgb, var(--white) 82%, transparent);letter-spacing:.4em;text-indent:.4em;box-shadow:none}.activate:active{border-color:color-mix(in srgb, var(--energy) 85%, transparent);color:var(--white);box-shadow:0 0 40px -6px color-mix(in srgb, var(--energy) 45%, transparent)}}@media (height<=460px) and (orientation:landscape){.intro__titles{gap:.6rem;margin-bottom:clamp(1rem,3vh,2rem)}.intro__action,.choose__options,.oath,.system,.sinestro__stack{margin-bottom:.9rem}.oath{gap:.7rem}.oath__lines{gap:.25rem}.footer{display:none}}.quality{right:max(.35rem, env(safe-area-inset-right));bottom:max(.35rem, env(safe-area-inset-bottom));z-index:8;opacity:.16;gap:.1rem;transition:opacity .4s;display:flex;position:fixed}.quality:hover,.quality:focus-within{opacity:.75}.quality__option{min-width:44px;min-height:44px;color:var(--ink-dim);font-family:var(--mono);letter-spacing:.2em;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:.46rem;font-weight:500;display:inline-flex}.quality__option.is-active{color:color-mix(in srgb, var(--energy) 70%, var(--white))}.quality__option:focus-visible{outline:1px solid var(--energy);outline-offset:-8px}.complete{text-align:center;grid-template-rows:1fr auto auto;justify-items:center}.chosen{background:radial-gradient(80% 140%,#020403d1 0%,#0204038c 55%,#0000 100%);grid-row:2;justify-items:center;gap:.9rem;margin-bottom:2.2rem;padding:.9rem 1.4rem;display:grid}.chosen__line{font-family:var(--serif);letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;background:linear-gradient(#f4fff8 0%,#fff 26%,#c9d8cf 66%,#7e9088 100%);color:#0000;filter:drop-shadow(0 0 26px color-mix(in srgb, var(--energy) 32%, transparent));-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(.85rem,2.4vw,1.35rem);font-weight:400}.secret{justify-items:center;gap:.35rem;display:grid}.secret__badge{font-family:var(--mono);letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;color:color-mix(in srgb, var(--energy) 68%, var(--white));text-shadow:0 0 18px color-mix(in srgb, var(--energy) 40%, transparent);font-size:.55rem;font-weight:500}.secret__title{font-family:var(--mono);letter-spacing:.22em;color:var(--ink-ghost);font-size:.52rem;font-weight:300}.bearer{grid-row:3;justify-items:center;gap:1.1rem;margin-bottom:clamp(2.5rem,9vh,5rem);display:grid}.bearer__title{font-family:var(--serif);letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;color:color-mix(in srgb, var(--white) 62%, transparent);margin:0;font-size:clamp(.7rem,1.8vw,.9rem);font-weight:400}.bearer__facts{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;grid-template-columns:auto auto;gap:.3rem 1.1rem;margin:0;font-size:.55rem;display:grid}.bearer__facts dt{text-align:right;color:var(--ink-ghost)}.bearer__facts dd{text-align:left;font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--white) 66%, transparent);margin:0}.reveal{z-index:20;place-items:center;padding:2rem 1rem;display:grid;position:fixed;inset:0}.reveal__scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#020403ad;border:0;padding:0;position:absolute;inset:0}@media (hover:none){.reveal__scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020403b3}}.reveal__stage{width:min(500px,80vw,80dvh - 4.8rem);position:relative}.reveal__halo{pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--green) 24%, transparent) 0%, color-mix(in srgb, var(--green) 8%, transparent) 46%, transparent 74%);filter:blur(28px);position:absolute;inset:-9% -12%}.poster-card{border:1px solid color-mix(in srgb, var(--emerald) 32%, transparent);cursor:pointer;box-shadow:0 0 40px -12px color-mix(in srgb, var(--emerald) 45%, transparent), 0 0 110px -50px color-mix(in srgb, var(--emerald) 60%, transparent);border-radius:3px;transition:transform .22s,filter .22s,border-color .22s,box-shadow .22s;display:block;position:relative;overflow:hidden}.reveal__card{display:block}.poster-card:hover,.poster-card:focus-visible{filter:brightness(1.07);border-color:color-mix(in srgb, var(--emerald) 55%, transparent);box-shadow:0 0 52px -10px color-mix(in srgb, var(--emerald) 55%, transparent), 0 0 130px -46px color-mix(in srgb, var(--emerald) 70%, transparent);outline:none;transform:scale(1.01)}.poster-card img{width:100%;height:auto;display:block}.reveal__close{border:1px solid color-mix(in srgb, var(--emerald) 30%, transparent);width:44px;height:44px;color:color-mix(in srgb, var(--white) 62%, transparent);cursor:pointer;background:#020403d1;border-radius:50%;justify-content:center;align-items:center;transition:border-color .22s,color .22s,box-shadow .22s;display:inline-flex;position:absolute;top:-14px;right:-14px}.reveal__close svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round}.reveal__close:hover,.reveal__close:focus-visible{border-color:color-mix(in srgb, var(--emerald) 70%, transparent);color:var(--white);box-shadow:0 0 22px -4px color-mix(in srgb, var(--emerald) 50%, transparent);outline:none}@media (prefers-reduced-motion:reduce){.poster-card{transition-duration:.01ms}}.promo{background:var(--void);justify-items:center;padding:clamp(3.5rem,12vh,8rem) 1rem clamp(4.5rem,14vh,9rem);display:grid}.promo__card{width:min(420px,74vw);transform:translate3d(calc(var(--px,0) * -5px), calc(var(--py,0) * -5px), 0)}.scroll-cue{left:max(1.1rem, env(safe-area-inset-left));bottom:max(1.1rem, env(safe-area-inset-bottom));pointer-events:none;font-family:var(--mono);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--ink-ghost);justify-items:center;gap:.45rem;font-size:.48rem;font-weight:500;transition:opacity .7s;display:grid;position:absolute}.scroll-cue svg{stroke:currentColor;stroke-width:1.5px;fill:none;stroke-linecap:round;animation:2.6s ease-in-out infinite scroll-cue-bob}@keyframes scroll-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.scroll-cue svg{animation:none}.layer,.promo__card{transform:none}}