@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#06111f;--navy:#07172b;--deep:#0b2741;--cyan:#78e8ee;--ice:#d9fbff;--gold:#ead18a;--white:#f8fdff;--muted:#a9bdca;--line:rgba(202,239,245,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.scroll-progress{position:fixed;z-index:100;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--cyan))}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:82px;display:flex;align-items:center;padding:0 4.2vw;border-bottom:1px solid transparent;transition:.35s}.site-header.scrolled,.site-header.solid{background:rgba(5,17,31,.9);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:265px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(120,232,238,.55);transform:rotate(45deg);color:var(--cyan);font-size:17px}.brand-mark::first-letter{transform:rotate(-45deg)}.brand strong{display:block;font:600 18px/1 Cinzel,serif;letter-spacing:.17em}.brand small{display:block;margin-top:5px;color:#bfd3dd;font-size:8px;letter-spacing:.22em}.nav{margin:auto;display:flex;gap:2.25vw}.nav a{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#dceaf0;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:1px;background:var(--cyan);transition:.25s}.nav a:hover:after{width:100%}.nav-cta,.back-link{padding:13px 22px;border:1px solid rgba(120,232,238,.55);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:rgba(6,21,35,.35)}.menu-toggle{display:none}.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:url('assets/oryssara-hero.png') 54% center/cover no-repeat;transform:scale(1.01);animation:heroIn 1.8s ease-out both}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,27,.94) 0%,rgba(4,15,27,.65) 30%,rgba(4,15,27,.05) 66%),linear-gradient(0deg,rgba(4,15,27,.78),transparent 30%)}@keyframes heroIn{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1.01)}}.hero-copy{position:relative;z-index:2;width:min(620px,48vw);margin-left:8vw;padding-top:55px}.eyebrow{color:var(--cyan);letter-spacing:.28em;font-size:11px;font-weight:700;text-transform:uppercase}.hero h1{margin:18px 0 22px}.hero h1 span{display:block;font:600 clamp(3.7rem,7.5vw,7.5rem)/.88 Cinzel,serif;letter-spacing:.06em;text-shadow:0 4px 30px rgba(0,0,0,.4)}.hero h1 small{display:block;margin-top:14px;color:var(--gold);font:500 clamp(.82rem,1.3vw,1.2rem)/1.4 Cinzel,serif;letter-spacing:.38em;text-transform:uppercase}.hero-lead{max-width:550px;color:#d7e7ed;font-size:16px;line-height:1.85;text-shadow:0 2px 12px #03111e}.hero-actions{display:flex;gap:13px;margin-top:34px}.button{min-height:54px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:0;border:1px solid transparent;text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:11px;cursor:pointer;transition:.25s}.button-primary{background:linear-gradient(135deg,#eafcff,#91edf1);color:#092035;box-shadow:0 0 35px rgba(120,232,238,.18)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 35px rgba(120,232,238,.28)}.button-ghost{background:rgba(6,20,34,.52);color:#fff;border-color:rgba(255,255,255,.38);backdrop-filter:blur(8px)}.play{font-size:9px;color:var(--cyan)}.platforms{font-size:9px;letter-spacing:.25em;color:#b6cad3;margin-top:22px}.scroll-cue{position:absolute;z-index:2;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:8px;color:#d9e6eb}.scroll-cue i{height:46px;width:1px;background:linear-gradient(var(--cyan),transparent)}.section{position:relative;min-height:760px}.world{height:100svh;display:flex;align-items:center}.world-bg{position:absolute;width:100%;height:100%;object-fit:cover}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,34,.12),rgba(3,16,29,.12) 45%,rgba(3,14,27,.9) 100%),linear-gradient(0deg,rgba(3,14,27,.65),transparent 30%)}.section-copy{position:relative;z-index:2}.world-copy{margin-left:auto;margin-right:8vw;width:min(540px,42vw);text-align:right}.section h2{font:500 clamp(2.8rem,5vw,5.4rem)/1.06 Cinzel,serif;margin:14px 0 28px;letter-spacing:-.025em}.world-copy>p:not(.eyebrow){color:#d5e4ea;line-height:1.85;font-size:15px}.fact-row{display:flex;justify-content:flex-end;gap:35px;margin-top:36px}.fact-row div{border-left:1px solid var(--line);padding-left:18px}.fact-row strong{display:block;font:600 26px Cinzel;color:var(--cyan)}.fact-row span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#b5cbd4}.story{background:radial-gradient(circle at 22% 40%,rgba(22,101,123,.26),transparent 31%),#06111f;display:grid;place-items:center;padding:110px 8vw;overflow:hidden}.story-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9vw;max-width:1300px}.story-intro{align-self:start}.story-body{padding-top:65px}.story-body>p{font-family:Georgia,serif;font-size:18px;line-height:1.85;color:#cbdce2}.feature-list{list-style:none;padding:0;margin:44px 0 0}.feature-list li{display:grid;grid-template-columns:45px 1fr;gap:3px 14px;padding:20px 0;border-top:1px solid var(--line)}.feature-list li>span{grid-row:1/3;color:var(--cyan);font:500 13px Cinzel}.feature-list strong{font:500 15px Cinzel;letter-spacing:.08em}.feature-list small{color:#9fb6c1;line-height:1.6}.story-orbit{position:absolute;left:-10vw;top:5%;width:55vw;height:55vw;border:1px solid rgba(120,232,238,.12);border-radius:50%}.story-orbit span{position:absolute;border:1px solid rgba(234,209,138,.13);border-radius:50%;inset:12%}.story-orbit span:nth-child(2){inset:28%}.story-orbit span:nth-child(3){inset:44%;background:rgba(120,232,238,.06);box-shadow:0 0 80px rgba(120,232,238,.16)}.character{min-height:100svh;background:linear-gradient(90deg,#07172b 0%,#0c2942 46%,#071523 100%);display:grid;grid-template-columns:54% 46%;overflow:hidden}.character:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 45%,rgba(100,228,238,.18),transparent 34%),repeating-linear-gradient(90deg,transparent 0 9.9%,rgba(255,255,255,.025) 10%)}.character-art-wrap{position:relative;z-index:2;height:100%;min-height:860px;overflow:hidden}.character-art-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.92);mask-image:linear-gradient(90deg,#000 75%,transparent 100%)}.character-copy{position:relative;z-index:3;align-self:center;max-width:560px;padding:120px 7vw 100px 3vw}.character-copy h2{font-size:clamp(4rem,7vw,7rem);line-height:.84}.character-copy h2 em{font-style:normal;color:var(--cyan)}.role{color:var(--gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.character blockquote{margin:32px 0 24px;padding-left:22px;border-left:1px solid var(--cyan);font:italic 18px/1.7 Georgia,serif;color:#eefbff}.character-copy>p:last-of-type{color:#b8ccd5;line-height:1.8}.skill-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.skill-chips span{padding:9px 12px;border:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.character-index{position:absolute;z-index:4;right:3vw;bottom:35px;display:flex;gap:14px;color:#78909b;font:500 11px Cinzel}.character-index .active{color:var(--cyan)}.news{background:#f3f8f9;color:#0a2132;padding:115px 8vw;min-height:auto}.section-heading{text-align:center}.section-heading .eyebrow{color:#167f8f}.section-heading h2{font-size:clamp(2.6rem,4.2vw,4.5rem)}.news-grid{max-width:1250px;margin:50px auto 0;display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:22px}.news-card{background:#fff;border:1px solid #dbe7e9;transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(9,48,61,.12)}.news-visual{height:210px;display:flex;align-items:flex-end;padding:20px;background-size:cover;background-position:center}.featured .news-visual{height:255px}.visual-one{background:linear-gradient(0deg,rgba(2,24,38,.7),transparent),url('assets/oryssara-hero.png') center/cover}.visual-two{background:linear-gradient(0deg,rgba(2,24,38,.7),transparent),url('assets/celestial-deep.png') center/cover}.visual-three{background:radial-gradient(circle at 50% 60%,#5cdce8,transparent 22%),linear-gradient(145deg,#09253c,#164e66)}.news-visual span{color:#fff;font-size:9px;letter-spacing:.19em}.news-card>div:last-child{padding:25px}.news-card time{font-size:10px;color:#66808b}.news-card h3{font:600 19px/1.35 Cinzel;margin:10px 0}.news-card p{font-size:13px;line-height:1.65;color:#5f737c}.final-cta{min-height:680px;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(circle at center,rgba(31,133,155,.28),transparent 27%),linear-gradient(#06111f,#071a2e)}.final-cta h2{margin-bottom:20px}.final-cta p:not(.eyebrow){color:#bcd0d8;margin-bottom:28px}.final-orb{position:absolute;width:460px;height:460px;border:1px solid rgba(120,232,238,.2);border-radius:50%;box-shadow:0 0 100px rgba(72,202,218,.12),inset 0 0 100px rgba(72,202,218,.08)}.final-orb:before,.final-orb:after{content:"";position:absolute;border:1px solid rgba(234,209,138,.16);border-radius:50%;inset:11%;transform:rotate(35deg)}.final-orb:after{inset:23%;transform:rotate(-35deg)}.final-cta>div:last-child{position:relative}footer{min-height:120px;padding:34px 6vw;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);background:#040d17;color:#8da3ad;font-size:10px}footer div{margin:auto;display:flex;gap:25px}footer a:hover{color:var(--cyan)}.footer-brand{font:600 14px Cinzel;color:#dffcff}.trailer{width:min(880px,90vw);height:min(520px,80vh);border:1px solid rgba(120,232,238,.4);padding:0;background:#07172b;color:#fff;box-shadow:0 20px 100px #000}.trailer::backdrop{background:rgba(1,7,12,.83);backdrop-filter:blur(8px)}.trailer>button{position:absolute;right:14px;top:10px;z-index:2;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.trailer-scene{height:100%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(82,216,229,.24),transparent 30%),linear-gradient(135deg,#081627,#0b3652);overflow:hidden}.trailer-scene p{color:var(--cyan);letter-spacing:.3em;font-size:11px}.trailer-scene h2{font:500 clamp(2rem,5vw,4rem) Cinzel;margin:10px}.trailer-scene small{color:#9fb8c4}.trailer-ring{position:absolute;left:50%;top:50%;width:310px;height:310px;transform:translate(-50%,-50%);border:1px solid rgba(120,232,238,.25);border-radius:50%;animation:spin 12s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
/* Registration */.registration-page{min-height:100vh;background:#071523}.registration-main{min-height:100vh;display:grid;grid-template-columns:52% 48%}.registration-art{background:linear-gradient(90deg,rgba(2,14,25,.05),#071523 97%),url('assets/oryssara-hero.png') 63% center/cover;position:sticky;top:0;height:100vh}.registration-panel{padding:130px 7vw 70px;max-width:760px}.registration-copy h1{font:600 clamp(3rem,5vw,5rem) Cinzel;margin:12px 0}.registration-copy>p:last-child{color:#b7ccd5;line-height:1.75}.milestone{margin:35px 0;padding:22px;border:1px solid var(--line);background:rgba(10,37,58,.55)}.milestone-head{display:flex;justify-content:space-between;align-items:end;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#a9c0c9}.milestone-head strong{font:600 25px Cinzel;color:var(--cyan)}.progress{height:5px;background:#1a4053;margin:14px 0 20px;overflow:hidden}.progress i{display:block;width:78.4%;height:100%;background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 18px var(--cyan)}.reward-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.reward-row div{opacity:.45}.reward-row .reached{opacity:1}.reward-row b{display:block;color:var(--gold);font-size:11px}.reward-row span{font-size:8px;color:#afc5ce}.registration-form label>span:first-child{display:block;margin-bottom:8px;color:#dcebf0;font-size:11px;text-transform:uppercase;letter-spacing:.11em}.registration-form input,.registration-form select{width:100%;height:52px;border:1px solid #315368;background:#081d2e;color:#fff;padding:0 15px;outline:none;border-radius:0}.registration-form input:focus,.registration-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(120,232,238,.09)}.registration-form option{background:#07172b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.field-error{display:block;min-height:16px;color:#ff9b9b;font-size:10px;margin-top:4px}.check{display:flex;align-items:flex-start;gap:10px;margin:13px 0;color:#a9bec7;font-size:11px;line-height:1.55}.check input{width:16px;height:16px;accent-color:#72dce4;flex:none}.check span{margin:0!important;text-transform:none!important;letter-spacing:0!important}.check a{color:var(--cyan);text-decoration:underline}.submit-button{width:100%;margin-top:18px}.submit-button.loading{opacity:.7;pointer-events:none}.form-status{min-height:23px;text-align:center;font-size:12px;color:var(--cyan)}.form-status.error{color:#ffadad}.security-note{text-align:center;color:#718b96;font-size:9px}.preview-notice{padding:10px 13px;margin-bottom:16px;border:1px solid rgba(234,209,138,.35);color:#e6d6a1;background:rgba(87,68,22,.18);font-size:11px}.back-link{margin-left:auto}.legal-page{background:#f3f8f9;color:#142b39}.legal-main{max-width:850px;margin:auto;padding:150px 30px 90px}.legal-main section+section{margin-top:100px;padding-top:70px;border-top:1px solid #cbdadd}.legal-main h1{font:600 clamp(2.8rem,6vw,5rem) Cinzel;margin:15px 0}.legal-main h2{font:600 18px Cinzel;margin:34px 0 8px}.legal-main p{line-height:1.85;color:#526a75}.legal-main .eyebrow{color:#178497}.updated{font-size:11px}.legal-page footer{color:#91a5ae}
@media(max-width:900px){.site-header{height:70px;padding:0 18px}.brand{min-width:0}.brand strong{font-size:15px}.brand small{display:none}.nav-cta{margin-left:auto;margin-right:10px;padding:10px 13px}.menu-toggle{display:grid;width:40px;height:40px;place-content:center;gap:6px;border:1px solid var(--line);background:#071a2a}.menu-toggle span{display:block;width:18px;height:1px;background:#fff}.nav{position:absolute;left:0;right:0;top:70px;display:none;flex-direction:column;padding:25px;background:rgba(5,17,31,.97);gap:22px}.nav.open{display:flex}.hero-bg{background-position:63% center}.hero-vignette{background:linear-gradient(90deg,rgba(4,15,27,.94),rgba(4,15,27,.32)),linear-gradient(0deg,rgba(4,15,27,.88),transparent 45%)}.hero-copy{width:auto;margin:0 7vw;padding-top:100px}.hero h1 span{font-size:clamp(3.2rem,14vw,5.5rem)}.hero h1 small{letter-spacing:.22em}.world-copy{width:auto;margin:0 7vw;text-align:left;align-self:flex-end;padding-bottom:80px}.world-shade{background:linear-gradient(0deg,rgba(3,14,27,.94),transparent 75%)}.fact-row{justify-content:flex-start}.story-grid{grid-template-columns:1fr;gap:0}.story-body{padding-top:0}.character{grid-template-columns:1fr;min-height:auto}.character-art-wrap{min-height:640px;height:70vh}.character-art-wrap img{mask-image:linear-gradient(#000 75%,transparent 100%)}.character-copy{padding:20px 7vw 100px;margin-top:-90px}.character-index{display:none}.news-grid{grid-template-columns:1fr}.registration-main{grid-template-columns:1fr}.registration-art{position:absolute;inset:0;height:560px;opacity:.42}.registration-panel{position:relative;padding:115px 7vw 60px;max-width:none;background:linear-gradient(0deg,#071523 66%,transparent)}.registration-copy{padding-top:180px}.back-link{font-size:8px;padding:9px}.reward-row{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}footer div{margin:0}.final-orb{width:330px;height:330px}}
@media(max-width:520px){.nav-cta{display:none}.hero-actions{flex-direction:column;align-items:stretch}.hero-copy{margin:0 20px}.hero-lead{font-size:14px}.fact-row{gap:15px}.fact-row span{font-size:8px}.story{padding:90px 22px}.news{padding:90px 20px}.character-art-wrap{min-height:560px}.character-copy h2{font-size:3.8rem}.registration-panel{padding-left:20px;padding-right:20px}.milestone{padding:15px}.milestone-head strong{font-size:19px}.legal-main{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}