.characters-page main{overflow:clip}.characters-page em{font-style:normal;color:var(--green)}.archive-section{position:relative;padding:115px clamp(22px,6vw,110px)}.archive-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(103,232,249,.4);padding-top:14px;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.18em}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.2em}.section-heading{font:400 clamp(105px,14vw,240px)/.77 var(--font-display);letter-spacing:-.025em;margin:75px 0 85px}.archive-hero{height:100svh;min-height:700px;position:relative;isolation:isolate;overflow:hidden;padding:125px 4vw 35px;display:flex;flex-direction:column;justify-content:space-between}.archive-hero:after{content:'';position:absolute;inset:auto 0 0;height:23%;background:linear-gradient(transparent,var(--bg));z-index:-1}.archive-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(103,232,249,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.04) 1px,transparent 1px);background-size:12vw 12vw;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-index{position:relative;z-index:4;color:var(--cyan)}.hero-ghost{position:absolute;z-index:-2;right:-.08em;top:5%;font:400 min(52vw,850px)/1 var(--font-display);color:rgba(103,232,249,.045)}.archive-hero h1{position:absolute;z-index:1;left:3.5vw;top:26%;margin:0;font:400 clamp(115px,16.8vw,290px)/.75 var(--font-display);letter-spacing:-.025em;pointer-events:none}.archive-hero h1 span{display:block;animation:archive-title .8s cubic-bezier(.16,1,.3,1) both}.archive-hero h1 span:nth-child(2){animation-delay:.12s;margin-left:7vw;white-space:nowrap}.green-period{color:var(--green)}.hero-figure{position:absolute;z-index:2;right:5%;top:10%;width:min(48vw,730px);height:83%;display:flex;justify-content:center;align-items:center;clip-path:inset(0 0 0 0);animation:figure-in 1s .14s both;pointer-events:none}.hero-figure img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(23px 32px 22px rgba(0,0,0,.48))}.hero-meta{position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.17em}.hero-meta a{padding:13px 0;border-bottom:1px solid var(--green);color:var(--green);transition:translate .25s}.hero-meta a:hover{translate:0 -4px}.hero-meta a span{font-size:20px;margin-left:15px}.hero-line{position:absolute;z-index:3;left:4vw;top:18%;width:36%;height:1px;background:rgba(103,232,249,.5);transform-origin:left;animation:line-in .8s .6s both}
.profile{min-height:1100px;background:#0a0f17}.profile-layout{display:grid;grid-template-columns:52% 48%;gap:2vw;min-height:850px}.profile-visual{position:sticky;top:70px;height:calc(100svh - 80px);min-height:620px;display:flex;align-items:center;justify-content:center;isolation:isolate}.profile-visual:before{content:'';position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(103,232,249,.22);border-radius:50%;box-shadow:0 0 0 6vw rgba(37,99,235,.025)}.profile-visual img{position:relative;width:90%;height:87%;object-fit:contain;filter:drop-shadow(18px 25px 15px rgba(0,0,0,.45))}.profile-backnum{position:absolute;z-index:-1;font:400 min(39vw,600px)/1 var(--font-display);color:rgba(103,232,249,.07)}.profile-visual-label{position:absolute;bottom:4%;left:5%;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.2em}.profile-copy{padding:18vh 0 20vh 2vw;position:relative;z-index:1}.profile-copy h2{font:400 clamp(130px,14vw,250px)/.74 var(--font-display);margin:45px 0}.profile-copy>p{max-width:360px;color:#c6d1dc;font-size:16px;line-height:1.7}.profile-facts{margin-top:140px;border-top:1px solid rgba(103,232,249,.35)}.profile-facts>div{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-bottom:1px solid rgba(103,232,249,.22);padding:25px 0}.profile-facts span{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.2em}.profile-facts strong{font:400 clamp(30px,3.5vw,54px) var(--font-display);text-align:right}
.actions{background:#080b10}.actions .section-heading{position:relative;z-index:2}.action-stage{position:relative;height:310px;max-width:1080px;margin:-20px auto 80px;background:#183968 url('source_assets/images/level1_tiledbackground.png') center 48%/cover;clip-path:polygon(3% 0,100% 0,100% 86%,96% 100%,0 100%,0 10%);overflow:hidden}.action-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,16,.52),transparent 65%);pointer-events:none}.action-platform{position:absolute;width:62%;left:19%;bottom:-11%}.action-player{position:absolute;z-index:2;width:185px;left:calc(50% - 93px);bottom:10%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.action-stage[data-action=move] .action-player{transform:translateX(68px)}.action-stage[data-action=jump] .action-player{transform:translate(25px,-95px)}.action-stage[data-action=dodge] .action-player{transform:translate(110px,-55px) rotate(7deg)}.action-stage-label{position:absolute;z-index:3;left:28px;bottom:25px;font-size:10px;font-weight:700;letter-spacing:.2em}.action-list{max-width:1150px;margin-left:auto}.action-row{width:100%;background:transparent;color:var(--white);border:0;border-top:1px solid rgba(103,232,249,.3);display:grid;grid-template-columns:8% 1fr 32% 35px;align-items:baseline;gap:20px;text-align:left;padding:22px 8px;transition:padding .3s,background .3s}.action-row:last-child{border-bottom:1px solid rgba(103,232,249,.3)}.action-row:hover,.action-row.is-active{padding-left:24px;background:rgba(103,232,249,.04)}.action-row span{color:var(--green);font:400 44px var(--font-display)}.action-row strong{font:400 clamp(55px,7vw,115px)/1 var(--font-display)}.action-row small{font-size:10px;font-weight:700;letter-spacing:.16em}.action-row i{font-size:28px;font-style:normal;color:var(--cyan)}
.threats{background:#0b111a}.threats .section-heading{margin-bottom:50px}.specimen{min-height:650px;display:grid;grid-template-columns:55% 45%;align-items:center}.specimen-visual{height:620px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.specimen-visual:before,.specimen-visual:after{content:'';position:absolute;width:76%;height:1px;background:rgba(103,232,249,.3);transform:rotate(-30deg)}.specimen-visual:after{transform:rotate(30deg)}.specimen-halo{position:absolute;width:min(35vw,510px);aspect-ratio:1;border:1px solid rgba(103,232,249,.28);border-radius:50%;box-shadow:0 0 0 8vw rgba(37,99,235,.025)}.specimen-visual img{position:relative;z-index:2;width:34%;max-height:400px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(18px 25px 16px rgba(0,0,0,.35));transition:opacity .25s,transform .4s}.specimen-visual img.is-switching{opacity:0;transform:translateY(15px) scale(.9)}.specimen-visual[data-specimen='2'] img{width:72%}.specimen-count{position:absolute;z-index:3;left:5%;bottom:6%;font:400 80px var(--font-display);color:rgba(103,232,249,.23)}.specimen-details{padding:0 0 0 4vw}.specimen-details h3{font:400 clamp(90px,11vw,190px)/.82 var(--font-display);margin:30px 0 25px}.specimen-details p{max-width:330px;min-height:50px;font-size:14px;line-height:1.6;color:#becbd8}.specimen-choices{margin-top:70px}.specimen-choices button{width:100%;border:0;border-top:1px solid rgba(103,232,249,.28);padding:19px 4px;background:transparent;color:#b8c6d0;text-align:left;font:400 clamp(27px,3vw,48px) var(--font-display);transition:color .25s,padding .25s}.specimen-choices button:last-child{border-bottom:1px solid rgba(103,232,249,.28)}.specimen-choices button:hover,.specimen-choices button.is-active{color:var(--white);padding-left:18px}.specimen-choices button span{font:700 10px var(--font-body);color:var(--green);margin-right:25px}.specimen-choices button i{float:right;font-style:normal;color:var(--cyan)}
.gallery{min-height:1250px;background:#080b10}.gallery-composition{height:880px;position:relative;max-width:1500px;margin:auto}.gallery-composition figure{position:absolute;margin:0;transition:transform .4s}.gallery-composition figure:hover{transform:scale(1.04) rotate(-2deg)}.gallery-composition img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(18px 24px 16px rgba(0,0,0,.35))}.gallery-composition figcaption{position:absolute;bottom:0;left:0;font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--cyan)}.gallery-player{left:6%;top:3%;width:49%;height:74%}.gallery-enemy{right:10%;top:0;width:19%;height:33%}.gallery-platform{right:0;bottom:11%;width:44%;height:31%}.gallery-word{position:absolute;left:8%;bottom:0;font:400 min(13vw,210px)/1 var(--font-display);color:rgba(103,232,249,.11);pointer-events:none}
.endings{background:#0a0f17;min-height:530px}.endings-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:85px 0 35px}.endings h2{font:400 clamp(130px,20vw,350px)/.75 var(--font-display);margin:25px 0 35px}.endings p{font-size:14px;color:#bcc9d6}.endings-intro button{flex:none;border:1px solid var(--green);background:transparent;color:var(--green);padding:28px 32px;min-width:230px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.16em;transition:background .25s,color .25s}.endings-intro button:hover{background:var(--green);color:var(--bg)}.endings-intro button span{float:right;margin-left:30px;font-size:21px}.ending-art{border-top:1px solid rgba(103,232,249,.3);padding:55px 0 50px;display:flex;gap:22px;align-items:flex-end;overflow-x:auto;scroll-snap-type:x proximity}.ending-art figure{margin:0;flex:0 0 clamp(150px,18vw,260px);scroll-snap-align:start}.ending-art figure:nth-child(even){margin-bottom:60px}.ending-art img{width:100%;aspect-ratio:2/3;object-fit:cover;filter:saturate(.75)}.ending-art figcaption{font-size:9px;letter-spacing:.17em;font-weight:700;margin-top:13px;color:var(--cyan)}.endings.is-open .ending-art{animation:ending-in .55s both}
.archive-transition{min-height:50vh;padding:10vh 0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;font:400 clamp(100px,18vw,300px)/.8 var(--font-display);white-space:nowrap}.archive-transition span:first-child{translate:-4vw 0;color:var(--white)}.archive-transition span:last-child{translate:8vw 0;color:var(--green)}.archive-final{min-height:100svh;position:relative;overflow:hidden;padding:115px 4vw 55px;display:flex;flex-direction:column;justify-content:space-between;background:#0b111a}.archive-final:before{content:'';position:absolute;width:72vw;aspect-ratio:1;border:1px solid rgba(103,232,249,.16);border-radius:50%;right:-20vw;top:-20vw;box-shadow:0 0 0 13vw rgba(37,99,235,.022),0 0 0 25vw rgba(37,99,235,.013)}.archive-final>.section-meta{color:var(--cyan)}.archive-final h2{position:relative;z-index:2;margin:20px 0;font:400 clamp(120px,19vw,325px)/.76 var(--font-display)}.final-actions{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:25px}.archive-final .play-button{width:min(450px,45vw)}.final-actions>a{font-size:11px;font-weight:700;letter-spacing:.16em;border-bottom:1px solid var(--cyan);padding-bottom:12px}.final-actions>a:hover{color:var(--green)}.final-side{position:absolute;right:17px;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em;color:var(--muted)}
@keyframes archive-title{from{opacity:0;transform:translateY(90%)}to{opacity:1;transform:translateY(0)}}@keyframes figure-in{from{opacity:0;clip-path:inset(100% 0 0 0);transform:scale(.95)}to{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}}@keyframes line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ending-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.archive-hero{min-height:720px}.archive-hero h1{font-size:20vw;top:38%;left:4vw}.hero-figure{right:-11%;top:14%;width:75vw;height:70%}.profile-layout{grid-template-columns:1fr}.profile{min-height:0}.profile-visual{position:relative;top:auto;height:65vh;min-height:450px}.profile-copy{padding:35px 0 90px}.profile-copy h2{font-size:19vw}.profile-facts{margin-top:65px}.specimen{grid-template-columns:1fr}.specimen-visual{height:480px}.specimen-halo{width:320px}.specimen-details{padding:0}.specimen-details h3{font-size:15vw}.gallery{min-height:0}.gallery-composition{height:700px}.endings-intro{align-items:start;flex-direction:column}.archive-final h2{font-size:18vw}}
@media(max-width:600px){.archive-section{padding:85px 20px}.archive-top{font-size:8px}.archive-hero{height:100svh;min-height:670px;padding:100px 20px 30px}.archive-hero h1{top:42%;font-size:25vw;left:15px}.archive-hero h1 span:nth-child(2){margin-left:0}.hero-figure{width:100%;height:61%;right:-17%;top:13%}.hero-meta{font-size:8px}.hero-meta>span:last-child{display:none}.hero-line{top:21%;left:20px}.section-heading{font-size:clamp(95px,21vw,160px);margin:70px 0 55px}.profile-visual{min-height:390px;height:52vh}.profile-visual img{width:100%}.profile-copy h2{font-size:clamp(105px,23vw,180px)}.profile-copy>p{font-size:14px}.profile-facts strong{font-size:31px}.action-stage{height:240px;margin:0 0 55px}.action-platform{width:95%;left:2%;bottom:0}.action-player{width:130px;left:calc(50% - 65px);bottom:20%}.action-row{grid-template-columns:36px 1fr 25px;gap:9px}.action-row span{font-size:32px}.action-row strong{font-size:59px}.action-row small{grid-column:2;grid-row:2;font-size:9px}.action-row i{grid-column:3;grid-row:1}.specimen-visual{height:360px}.specimen-visual img{width:38%}.specimen-visual[data-specimen='2'] img{width:80%}.specimen-count{font-size:60px}.specimen-details h3{font-size:20vw}.specimen-choices{margin-top:45px}.specimen-choices button{font-size:32px}.gallery-composition{height:650px}.gallery-player{left:-8%;top:2%;width:85%;height:58%}.gallery-enemy{right:0;top:32%;width:30%;height:26%}.gallery-platform{right:-8%;bottom:5%;width:83%;height:28%}.gallery-word{font-size:23vw}.endings h2{font-size:25vw}.endings-intro button{width:100%}.ending-art figure{flex-basis:55vw}.archive-transition{min-height:35vh;font-size:24vw}.archive-final{min-height:700px;min-height:100svh;padding:95px 20px 35px}.archive-final h2{font-size:clamp(99px,22vw,175px)}.final-actions{display:block}.archive-final .play-button{width:100%;min-height:120px}.final-actions>a{display:inline-block;margin-top:30px}.final-side{display:none}}
@media(max-width:390px){.archive-hero h1{font-size:24vw}.action-row strong{font-size:52px}.archive-final h2{font-size:21vw}}
@media(max-width:600px){.archive-hero h1 span:nth-child(2){font-size:16.5vw;letter-spacing:-.035em}}
.archive-hero h1 .green-period{display:inline;animation:none;margin-left:0}
@media(prefers-reduced-motion:reduce){.archive-hero h1 span,.hero-figure,.hero-line,.endings.is-open .ending-art{animation:none!important}.action-player,.specimen-visual img,.gallery-composition figure{transition:none!important}}
