@font-face{font-family:AloftDisplay;src:url('fonts/display.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:AloftSans;src:url('fonts/body.woff') format('woff');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#0b1622;--navy:#101f2f;--navy2:#152a3b;--navy3:#203949;--cream:#f5f0e5;--muted:#aab7bc;--gold:#ddbd7e;--gold2:#f6dda2;--line:rgba(221,189,126,.23);--body:AloftSans,Arial,sans-serif;--display:AloftDisplay,Georgia,serif;--wrap:1320px;--ease:cubic-bezier(.2,.65,.3,1)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);font-size:15px;line-height:1.7;overflow-x:hidden}body.locked{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img{max-width:100%;display:block}svg{display:block}::selection{background:#ddbd7e;color:#0b1622}:focus-visible{outline:2px solid var(--gold2);outline-offset:5px}button{color:inherit}p{margin:0 0 1.4em}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.15;margin:0 0 .6em;letter-spacing:-.035em}h2{font-size:clamp(36px,4.1vw,58px)}h3{font-size:26px}em{font-style:normal;color:var(--gold)}.wrap{width:min(var(--wrap),calc(100% - 112px));margin-inline:auto}.section{padding:115px 0;position:relative}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.5;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:24px}.eyebrow:before{content:'';width:30px;height:1px;background:var(--gold);flex-shrink:0}.subtle{font-size:12px;color:var(--muted)}.gold-link{display:inline-flex;gap:16px;align-items:center;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.06em}.gold-link:hover .icon{transform:translateX(4px)}.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0;transition:transform .3s}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}.section-head h2{margin:0;max-width:740px}.section-head>p{color:var(--muted);max-width:380px;font-size:13px;margin:0}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.skip-link{position:fixed;top:-80px;left:20px;z-index:200;background:var(--gold);color:var(--ink);padding:10px 18px}.skip-link:focus{top:12px}
/* Navigation */
.site-header{position:absolute;inset:0 0 auto;z-index:30;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(#0b1622b8,transparent)}.nav-row{height:98px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{color:var(--gold);width:43px;height:47px}.brand-name{font-family:var(--display);font-size:17px;letter-spacing:.16em;line-height:1.14}.brand-name small{display:block;font-family:var(--body);font-size:9px;letter-spacing:.63em;margin-top:7px;text-align:center;color:var(--gold);padding-left:5px}.nav-links{display:flex;align-items:center;gap:31px;margin-left:auto}.nav-links>a{position:relative;font-size:11px;color:#e3e5df;padding:10px 0;white-space:nowrap}.nav-links>a:after{content:'';position:absolute;bottom:2px;left:0;right:100%;height:1px;background:var(--gold);transition:right .3s}.nav-links>a:hover,.nav-links>a[aria-current=page]{color:var(--gold)}.nav-links>a:hover:after,.nav-links>a[aria-current=page]:after{right:0}.nav-cta{display:flex;gap:10px;align-items:center;border:1px solid var(--gold);padding:11px 18px;color:var(--gold);font-size:10px;letter-spacing:.04em;white-space:nowrap;transition:background .3s,color .3s}.nav-cta:hover{background:var(--gold);color:var(--ink)}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:10px}.menu-toggle .icon{width:24px;height:24px}.mobile-cta{display:none!important}.header-note{display:none}.site-header.is-scrolled{position:fixed;background:#0b1622f2;backdrop-filter:blur(12px);animation:header-in .3s ease}.site-header.is-scrolled .nav-row{height:76px}@keyframes header-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}
/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 25px;min-height:57px;position:relative;border:1px solid var(--gold);background:linear-gradient(115deg,#f2d99d,#d8b46e);color:#16212a;font-size:11px;font-weight:700;letter-spacing:.055em;line-height:1.4;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 38px #ddbd7e22}.button:after{content:'';position:absolute;inset:4px;border:1px solid #14202b20;pointer-events:none}.button.ghost{background:transparent;color:var(--cream);border-color:#ffffff3d}.button.ghost:after{display:none}.button.ghost:hover{border-color:var(--gold);background:#ddbd7e0c}.button .icon{width:18px}.button-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.round-button{width:47px;height:47px;border:1px solid var(--line);background:transparent;color:var(--gold);display:inline-flex;align-items:center;justify-content:center;transition:background .3s}.round-button:hover{background:#ddbd7e1a}
/* Main scene */
.hero{min-height:850px;height:min(960px,100svh);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#132738}.hero-sky{position:absolute;inset:-6%;background:url('images/sky.webp') center 45%/cover;z-index:-5;opacity:.42;transform:translateY(var(--sky-y,0px)) scale(1.04);will-change:transform}.hero:before{content:'';position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#0b1622 0%,#0b1622eb 23%,#0b16225c 62%,#0b16220d),linear-gradient(0deg,#0b1622 0%,transparent 24%,#0b16223b 80%)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 42%,#e4be6b17,transparent 50%);pointer-events:none}.hero-inner{padding-top:85px;position:relative;z-index:5;pointer-events:none}.hero-copy{width:53%;max-width:690px;pointer-events:auto}.hero .eyebrow{font-size:10px;letter-spacing:.19em;margin-bottom:28px}.hero h1{font-size:clamp(53px,5.3vw,80px);line-height:1.12;letter-spacing:-.055em;margin-bottom:27px;text-shadow:0 3px 40px #0b1622}.hero h1 em{display:block;background:linear-gradient(110deg,#f9e5b1,#cba466);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{max-width:430px;font-size:13px;line-height:1.95;color:#c0c9c9;margin-bottom:32px}.hero-platforms{display:flex;align-items:center;gap:15px;margin-top:29px;font-size:10px;color:#adbbbf}.platform{display:flex;align-items:center;gap:7px;color:#dde1d9}.platform .icon{width:15px;height:15px}.platform-dot{width:3px;height:3px;background:var(--gold);border-radius:50%}.hero-art{position:absolute;width:68%;max-width:1100px;right:-7%;top:12%;height:81%;z-index:-2;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);will-change:transform}.hero-island{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 30px 40px #060d1b6b);animation:island-float 9s ease-in-out infinite}.hero-orbit{position:absolute;inset:4% 6% 11%;border:1px solid #ddbd7e17;border-radius:50%;transform:rotate(-20deg);z-index:-1}.hero-orbit:after{content:'';position:absolute;inset:12%;border:1px dashed #ddbd7e15;border-radius:50%}.orbit-tick{position:absolute;right:18%;top:10%;color:#ddbd7e6b;font-family:var(--display);font-size:12px}.island-tag{position:absolute;right:6%;bottom:23%;font-size:9px;letter-spacing:.2em;color:#d8d6c5;text-align:right;z-index:6}.island-tag:before{content:'';position:absolute;width:78px;height:1px;background:var(--gold);left:-90px;top:8px;opacity:.6}.island-tag span{display:block;font-size:8px;color:var(--gold);letter-spacing:.12em;margin-top:5px}.hero-bottom{position:absolute;bottom:40px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:6}.scroll-cue{display:flex;align-items:center;gap:14px;text-transform:uppercase;font-size:8px;letter-spacing:.18em;color:#c8d0cc}.scroll-line{display:block;width:1px;height:37px;background:linear-gradient(transparent,var(--gold));animation:scroll-pulse 2s ease-in-out infinite}.hero-index{display:flex;align-items:center;gap:13px;font-size:9px;color:#b7c4c5}.hero-index strong{color:var(--gold);font-weight:400}.hero-index i{width:70px;height:1px;background:#ffffff35}.hero-index i:before{content:'';display:block;width:25%;height:1px;background:var(--gold)}.hero-caption{font-size:8px;letter-spacing:.1em;color:#95a9b0}.hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55}.cloud{position:absolute;width:85%;height:160px;left:36%;bottom:9%;background:radial-gradient(ellipse,#e3e8df30,transparent 65%);filter:blur(25px);z-index:0;pointer-events:none;animation:cloud-drift 35s ease-in-out infinite alternate}.cloud.two{left:60%;bottom:36%;height:100px;opacity:.4;animation-duration:46s;animation-delay:-15s}@keyframes island-float{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-13px) rotate(.35deg)}}@keyframes cloud-drift{to{transform:translateX(-16%)}}@keyframes scroll-pulse{50%{opacity:.35;transform:translateY(5px)}}
/* Editorial rhythm */
.intro-band{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101f2f90}.intro-band .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px;padding-top:32px;padding-bottom:32px}.intro-item{display:flex;align-items:center;gap:17px}.intro-item .icon{width:26px;height:26px;color:var(--gold)}.intro-item strong{font-size:11px;font-weight:400;display:block}.intro-item span{font-size:10px;color:var(--muted)}.story-grid{display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:100px}.story-copy p{font-size:13px;color:var(--muted);line-height:1.95;max-width:470px}.story-copy h2{max-width:510px}.story-art{position:relative;margin:0;padding:12px}.story-art:before{content:'';position:absolute;inset:0;border:1px solid var(--line)}.story-art:after{content:'';position:absolute;inset:8px;border:1px solid var(--line);pointer-events:none}.story-art img{width:100%;aspect-ratio:1.3;object-fit:cover}.story-art figcaption{position:absolute;bottom:32px;left:35px;right:35px;font-size:9px;letter-spacing:.12em;z-index:2;color:#fff}.story-art .image-shade{position:absolute;inset:12px;background:linear-gradient(0deg,#09131de0,transparent 45%);pointer-events:none}.frame-corner{position:absolute;top:-5px;right:-5px;width:12px;height:12px;transform:rotate(45deg);background:var(--gold);border:4px solid var(--ink);z-index:2}.story-number{position:absolute;right:-28px;bottom:-35px;font-family:var(--display);font-size:115px;line-height:1;color:#ddbd7e13;z-index:1}.chapter-rule{display:flex;align-items:center;gap:17px;color:var(--gold);font-size:9px;letter-spacing:.17em;margin-top:35px}.chapter-rule:before{content:'';height:1px;background:var(--line);width:65px}
.pillars{background:linear-gradient(180deg,#1427377d,transparent)}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.pillar{position:relative}.pillar-img{position:relative;overflow:hidden;background:var(--navy);aspect-ratio:1.37}.pillar-img:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b162270,transparent 60%)}.pillar-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.pillar:hover .pillar-img img{transform:scale(1.06)}.pillar-num{position:absolute;bottom:17px;left:23px;z-index:1;color:var(--gold2);font-family:var(--display);font-size:30px}.pillar-body{padding:24px 8px 0}.pillar h3{font-size:25px;margin-bottom:13px}.pillar p{font-size:12px;color:var(--muted);line-height:1.9}.pillar .eyebrow{font-size:8px;margin:0 0 10px;gap:9px}.pillar .eyebrow:before{width:18px}
/* Playable-feeling atlas (editorial tabs) */
.world-section{padding-top:55px;padding-bottom:110px}.world-stage{position:relative;min-height:610px;overflow:hidden;border:1px solid var(--line)}.world-image{position:absolute;inset:0;background:center/cover;transition:opacity .4s}.world-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08141ef2,rgba(8,20,30,.1) 85%),linear-gradient(0deg,#08141ef2,transparent 65%);pointer-events:none}.world-copy{position:relative;z-index:2;padding:70px 65px 160px;width:57%}.world-copy h2{font-size:48px}.world-copy p{color:#c5d0cf;font-size:12px;max-width:355px}.world-tabs{position:absolute;z-index:3;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:#0b1622a6;backdrop-filter:blur(10px)}.world-tab{display:flex;gap:20px;align-items:center;text-align:left;background:transparent;border:0;border-right:1px solid var(--line);color:#adbbbf;padding:24px 32px;position:relative;transition:background .4s}.world-tab:last-child{border-right:0}.world-tab:before{content:'';height:2px;position:absolute;top:-1px;left:0;right:100%;background:var(--gold);transition:right .4s}.world-tab[aria-selected=true]{color:var(--cream);background:#ddbd7e0c}.world-tab[aria-selected=true]:before{right:0}.world-tab b{font-family:var(--display);font-size:24px;color:var(--gold);font-weight:400}.world-tab span{font-size:11px}.world-tab small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:3px}.world-compass{position:absolute;z-index:2;right:60px;top:45px;color:var(--gold);opacity:.6;width:70px;height:70px}
/* Characters */
.characters{overflow:hidden;background:radial-gradient(ellipse at 30% 48%,#25435260,transparent 50%)}.characters-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.character-visual{position:relative;min-height:510px;display:grid;place-items:center}.portrait-ring{position:absolute;width:400px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.portrait-ring:before{content:'';position:absolute;inset:20px;border:1px dashed var(--line);border-radius:50%}.portrait-ring:after{content:'✦';position:absolute;color:var(--gold);top:3px;left:50%;font-size:25px;transform:translate(-50%,-50%);background:var(--ink);padding:0 8px}.character-portrait{position:relative;width:440px;max-width:100%;z-index:1;filter:drop-shadow(0 12px 30px #0005);mask-image:linear-gradient(#000 75%,transparent 99%);-webkit-mask-image:linear-gradient(#000 75%,transparent 99%);transition:opacity .25s,transform .5s}.character-flourish{position:absolute;left:13%;bottom:1%;font-family:var(--display);font-size:90px;color:#ddbd7e0b;white-space:nowrap;line-height:1;pointer-events:none}.character-copy .intro{font-size:12px;color:var(--muted);max-width:430px;margin-bottom:35px}.character-role{color:var(--gold);font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px}.character-name{font-size:36px;margin-bottom:16px}.character-description{color:#bdc9ca;font-size:13px;min-height:86px;max-width:440px}.character-controls{display:flex;gap:12px;margin-top:30px}.character-choice{width:65px;height:65px;position:relative;border:1px solid #ffffff26;padding:4px;background:#20323f;transition:border-color .3s,transform .3s}.character-choice img{width:100%;height:100%;object-fit:cover}.character-choice[aria-pressed=true]{border-color:var(--gold);transform:translateY(-4px)}.character-choice[aria-pressed=true]:after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%) rotate(45deg);width:4px;height:4px;background:var(--gold)}
/* Gallery */
.gallery-section{padding-top:55px}.gallery-heading{display:flex;gap:24px;align-items:center}.gallery-heading p{margin:0;font-size:10px;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:210px 210px;gap:20px}.gallery-item{position:relative;border:0;overflow:hidden;padding:0;background:var(--navy);color:#fff;text-align:left}.gallery-item:first-child{grid-row:1/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.gallery-item:hover img{transform:scale(1.04)}.gallery-item:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07131de0,transparent 65%);pointer-events:none}.gallery-label{position:absolute;left:26px;right:26px;bottom:22px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.gallery-label .icon{width:18px}.gallery-tag{position:absolute;top:19px;left:23px;font-size:8px;letter-spacing:.17em;z-index:2;color:#fff;text-shadow:0 1px 7px #000;background:#0b16225e;padding:4px 7px}.gallery-small-note{margin-top:16px;font-size:9px;letter-spacing:.04em;color:var(--muted)}
/* Campaign stat strip */
.campaign-strip{display:grid;grid-template-columns:1.5fr repeat(3,1fr);align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;gap:35px}.campaign-strip>p{font-family:var(--display);font-size:19px;margin:0;max-width:230px;line-height:1.5}.stat{padding-left:35px;border-left:1px solid var(--line)}.stat strong{font-family:var(--display);font-size:44px;font-weight:400;color:var(--gold);line-height:1.2}.stat span{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:7px}.stat-note{font-size:9px;color:var(--muted);margin:12px 0 0}
/* Signup and forms */
.signup-section{background:radial-gradient(ellipse at 17% 40%,#233d4e6b,transparent 65%);padding-bottom:105px}.signup-box{border:1px solid var(--line);position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px;background:linear-gradient(120deg,#192e3d,#0d1b29)}.signup-box:before{content:'';position:absolute;inset:8px;border:1px solid #ddbd7e0e;pointer-events:none}.signup-copy{position:relative}.signup-copy h2{font-size:48px}.signup-copy>p{color:var(--muted);font-size:12px;max-width:360px}.boarding-line{display:flex;align-items:center;gap:12px;margin:35px 0 0;color:var(--gold);font-size:9px;letter-spacing:.1em}.boarding-line:before{content:'';width:38px;border-top:1px dashed var(--gold)}.signup-star{font-size:125px;position:absolute;bottom:-33px;right:10px;color:#ddbd7e0a;line-height:1;pointer-events:none}.form-panel{position:relative;z-index:1}.field{margin-bottom:20px}.field label,.field legend{display:block;font-size:10px;color:#d8dfd9;margin-bottom:8px}.input,select.input,textarea.input{display:block;width:100%;padding:13px 15px;min-height:50px;background:#08152199;border:1px solid #c4d3d02b;border-radius:0;color:var(--cream);font-size:12px;transition:border-color .3s;outline:none}.input::placeholder{color:#83959d}.input:focus{border-color:var(--gold)}.input[aria-invalid=true]{border-color:#e6a79d}.input option{background:#142636;color:var(--cream)}textarea.input{min-height:150px;resize:vertical}.field-error{font-size:10px;color:#efb3a7;display:block;margin-top:6px;min-height:0}.field-error:empty{display:none}.checkbox-row{display:flex;gap:11px;align-items:flex-start;font-size:9px;line-height:1.85;color:#b6c5c8;margin:20px 0}.checkbox-row input{accent-color:var(--gold);width:15px;height:15px;flex-shrink:0;margin:2px 0 0}.checkbox-row a{text-decoration:underline;text-underline-offset:3px;color:#e6d4ac}.form-panel .button{width:100%;margin-top:4px}.form-note{font-size:9px;color:#91a5ad;line-height:1.8;margin:13px 0 0}.form-status{font-size:12px;color:var(--cream);padding:14px;border:1px solid var(--line);margin:0 0 20px;background:#ddbd7e0b}.form-status:empty{display:none}.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-intro{font-family:var(--display);font-size:29px;margin-bottom:30px}.step-list{list-style:none;padding:0;margin:30px 0 0;counter-reset:steps}.step-list li{position:relative;padding:0 0 25px 45px;color:#b3c3c5;font-size:11px;counter-increment:steps}.step-list li:before{content:'0' counter(steps);position:absolute;top:0;left:0;color:var(--gold);font-size:10px}.step-list li strong{color:var(--cream);display:block;font-size:12px;font-weight:400;margin-bottom:4px}.status-chip{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#d7c89f;border:1px solid var(--line);padding:7px 11px}.status-chip:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #ddbd7e70}
/* FAQ and footer */
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-intro p{color:var(--muted);font-size:12px;max-width:300px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;list-style:none;padding:24px 35px 24px 0;font-size:12px;cursor:pointer;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;top:19px;font-size:22px;color:var(--gold);font-weight:400;transition:transform .3s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:var(--muted);padding:0 35px 22px 0;line-height:1.9;margin:0}.site-footer{border-top:1px solid var(--line);padding:55px 0 25px;background:#08121c}.footer-top{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:80px;padding-bottom:45px}.footer-brand p{font-size:11px;color:var(--muted);max-width:300px;margin-top:22px;line-height:1.9}.footer-label{font-size:9px;letter-spacing:.15em;color:var(--gold);text-transform:uppercase;margin-bottom:20px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.footer-nav a{font-size:11px;color:#bbc7c8}.footer-nav a:hover{color:var(--gold)}.footer-status p{font-size:11px;color:var(--muted);margin:12px 0 0}.footer-bottom{border-top:1px solid #ffffff10;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#82969f;font-size:9px}.footer-bottom a:hover{color:var(--gold)}.back-top{display:flex;align-items:center;gap:8px}.back-top .icon{width:14px;height:14px;transform:rotate(-90deg)}
/* Inner pages */
.inner-hero{padding:185px 0 75px;position:relative;overflow:hidden;isolation:isolate;background:#132737}.inner-hero:before{content:'';position:absolute;z-index:-2;inset:0;background:url('images/sky.webp') center/cover;opacity:.12}.inner-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,var(--ink),transparent)}.breadcrumb{font-size:9px;letter-spacing:.07em;color:#90a6ae;display:flex;gap:12px;margin-bottom:32px}.breadcrumb a:hover{color:var(--gold)}.inner-hero h1{font-size:clamp(43px,5.1vw,71px);max-width:900px}.inner-hero .lead{font-size:13px;color:#bfccce;max-width:630px;line-height:1.95}.inner-hero .eyebrow{margin-bottom:18px}.inner-art{position:absolute;right:-5%;top:20%;width:42%;opacity:.18;z-index:-1}.inner-hero .status-chip{margin-top:12px}.game-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;margin-bottom:95px}.game-feature.reverse{direction:rtl}.game-feature.reverse>*{direction:ltr}.game-feature:last-child{margin-bottom:0}.game-feature img{width:100%;aspect-ratio:1.4;object-fit:cover;border:1px solid var(--line);padding:7px}.game-feature p{font-size:12px;color:var(--muted);line-height:1.95}.game-feature ul{padding:0;list-style:none;font-size:11px;color:#c5d1d1;margin:25px 0 0}.game-feature li{padding:8px 0 8px 22px;border-bottom:1px solid #ffffff0a;position:relative}.game-feature li:before{content:'◇';position:absolute;left:0;color:var(--gold)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact-topics{display:grid;gap:0;margin:25px 0 40px}.topic{border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;color:var(--cream);padding:22px 0;display:flex;align-items:center;gap:18px}.topic .icon{width:23px;height:23px;color:var(--gold)}.topic strong{font-weight:400;display:block;font-size:12px}.topic small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.topic:hover strong{color:var(--gold)}.contact-aside>p{color:var(--muted);font-size:12px}.contact-card{padding:38px;border:1px solid var(--line);background:var(--navy)}.tests-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.tests-visual{position:relative;min-height:320px;margin-top:30px}.tests-visual img{width:100%;max-height:340px;object-fit:contain;animation:island-float 9s ease-in-out infinite}.test-note{border-left:1px solid var(--gold);padding-left:20px;color:#b4c4c7;font-size:11px;max-width:450px;margin-top:30px}.legal-layout{display:grid;grid-template-columns:240px 1fr;gap:75px;align-items:start}.legal-nav{position:sticky;top:110px;border-left:1px solid var(--line);padding-left:22px}.legal-nav a{display:block;font-size:10px;color:var(--muted);margin-bottom:15px}.legal-nav a:hover{color:var(--gold)}.legal-content{max-width:790px}.legal-content section{scroll-margin-top:120px;margin-bottom:45px}.legal-content h2{font-size:26px;margin-bottom:20px}.legal-content p,.legal-content li{font-size:12px;color:#b8c7c9;line-height:1.95}.legal-content a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.legal-content ul{padding-left:20px}.legal-draft{border:1px solid var(--line);background:#ddbd7e0b;padding:18px 22px;margin-bottom:35px;font-size:11px;color:#ddcba3}.legal-meta{display:flex;flex-wrap:wrap;gap:25px;font-size:9px;color:var(--muted);margin-top:25px}.owner-field{color:#e2c58c}.thankyou{padding:60px 0 140px;text-align:center}.thankyou .icon{width:60px;height:60px;color:var(--gold);margin:0 auto 30px}.thankyou p{color:var(--muted);max-width:550px;margin:0 auto 30px;font-size:13px}
/* Lightbox */
.lightbox{border:1px solid var(--line);background:#0b1622;color:var(--cream);padding:0;width:min(1120px,calc(100vw - 48px));max-width:none;max-height:92svh;box-shadow:0 30px 100px #000a}.lightbox::backdrop{background:#02080eea;backdrop-filter:blur(10px)}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-bottom:1px solid var(--line)}.lightbox-head p{font-size:10px;color:var(--gold);margin:0;letter-spacing:.06em}.lightbox-close{background:none;border:0;color:var(--gold);padding:8px}.lightbox-image{width:100%;max-height:69svh;object-fit:contain;background:#07111b}.lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px}.lightbox-footer p{font-size:11px;margin:0;color:#c5d0ce}.lightbox-arrows{display:flex;gap:8px}.lightbox-arrows .round-button{width:36px;height:36px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);max-width:calc(100vw - 36px);background:#203a49;color:var(--cream);border:1px solid var(--gold);padding:16px 25px;z-index:100;opacity:0;pointer-events:none;font-size:12px;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Progressive enhancement: readable without scripts. */
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--delay,0ms)}.js [data-reveal].revealed{opacity:1;transform:none}.js .hero-copy{animation:copy-in 1.1s var(--ease) both}.js .hero-art{animation:art-in 1.6s var(--ease) both}@keyframes copy-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes art-in{from{opacity:0;translate:35px 15px}to{opacity:1;translate:0 0}}
@media(min-width:1650px){.hero-art{right:0;width:65%}.hero-copy{width:48%}.hero{min-height:900px}.hero h1{font-size:87px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.nav-row{gap:25px}.nav-links{gap:20px}.nav-links>a{font-size:10px}.hero{min-height:780px}.hero h1{font-size:64px}.hero-copy{width:55%}.hero-art{right:-13%;width:76%;top:14%}.story-grid,.characters-grid{gap:60px}.signup-box{padding:45px;gap:50px}.intro-band .wrap{gap:30px}.world-copy{padding-left:45px;width:65%}.footer-top{gap:45px}.contact-layout,.tests-layout{gap:65px}.hero-caption{display:none}}
@media(max-width:960px){.nav-links{display:none;position:absolute;left:0;right:0;top:85px;padding:25px 36px 35px;background:#0b1622fc;border-bottom:1px solid var(--line);margin:0;flex-direction:column;align-items:stretch;gap:10px}.nav-links.is-open{display:flex}.nav-links>a{font-size:14px;padding:12px 0}.nav-links>a:after{display:none}.nav-cta{margin-left:auto}.menu-toggle{display:block}.nav-row{height:85px}.mobile-cta{display:block!important;color:var(--gold)!important}.is-scrolled .nav-links{top:76px}.hero{min-height:780px;height:auto}.hero-inner{padding-top:160px;padding-bottom:170px}.hero h1{font-size:59px}.hero-description{max-width:360px}.hero-copy{width:56%}.hero-art{width:85%;right:-25%;height:75%;top:18%}.hero .button-row{gap:10px}.hero .button{padding:16px 17px;font-size:10px}.island-tag{right:4%;bottom:16%;font-size:7px}.island-tag:before{width:40px;left:-50px}.intro-band .wrap{grid-template-columns:repeat(3,1fr);gap:25px}.intro-item{align-items:flex-start;gap:12px}.intro-item strong{font-size:10px}.intro-item span{font-size:8px}.intro-item .icon{width:22px;height:22px}.story-grid{gap:45px}.story-art img{aspect-ratio:.85}.section{padding:85px 0}.section-head{gap:30px}.section-head>p{font-size:11px;max-width:270px}h2{font-size:40px}.pillar-grid{gap:20px}.pillar h3{font-size:23px}.pillar p{font-size:11px}.world-stage{min-height:550px}.world-copy{padding:50px 40px 140px;width:70%}.world-copy h2{font-size:42px}.world-tab{padding:23px 20px;gap:12px}.world-tab span{font-size:10px}.world-tab small{font-size:7px}.characters-grid{gap:35px}.character-visual{min-height:400px}.portrait-ring{width:320px}.character-name{font-size:30px}.character-copy h2{font-size:35px}.gallery-grid{grid-template-rows:180px 180px}.campaign-strip{grid-template-columns:1.3fr repeat(3,1fr);gap:20px}.stat{padding-left:25px}.stat strong{font-size:38px}.campaign-strip>p{font-size:16px}.signup-box{gap:35px;padding:35px}.signup-copy h2{font-size:37px}.faq-layout{gap:60px;grid-template-columns:.8fr 1.2fr}.footer-top{grid-template-columns:1.2fr 1fr;gap:45px}.footer-status{grid-column:1/3;display:flex;align-items:center;gap:25px}.footer-status .footer-label{margin:0}.footer-status p{margin:0}.game-feature{gap:45px}.legal-layout{grid-template-columns:180px 1fr;gap:45px}.contact-layout,.tests-layout{gap:45px}.contact-card{padding:28px}.inner-hero{padding-top:155px}.signup-star{font-size:100px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.section{padding:65px 0}.nav-row{gap:15px;height:78px}.brand-mark{width:33px;height:38px}.brand-name{font-size:14px}.brand-name small{font-size:7px}.nav-cta{font-size:8px;padding:9px 12px;gap:8px}.nav-cta .icon{width:13px}.menu-toggle{padding:8px}.menu-toggle .icon{width:20px;height:20px}.nav-links{top:78px;padding-inline:20px}.hero{height:auto;min-height:970px;display:block}.hero-sky{opacity:.4;background-position:65% 50%}.hero:before{background:linear-gradient(180deg,#0b1622d9 0%,#0b162282 33%,#0b162200 57%,#0b1622e8 91%,#0b1622 100%),linear-gradient(90deg,#0b162245,transparent)}.hero-inner{padding-top:135px;padding-bottom:0}.hero-copy{width:100%;max-width:510px}.hero .eyebrow{font-size:8px;gap:10px;letter-spacing:.14em;margin-bottom:24px}.hero h1{font-size:clamp(42px,11.1vw,65px);max-width:510px;margin-bottom:22px;line-height:1.12}.hero-description{font-size:12px;max-width:410px;line-height:1.9;margin-bottom:25px}.hero .button-row{gap:12px}.hero .button{font-size:10px;min-height:51px;padding:14px 18px}.hero .button.ghost{padding-inline:17px}.hero-platforms{margin-top:21px;font-size:8px;gap:11px}.hero-art{top:470px;width:120%;height:440px;max-width:none;right:-10%;z-index:-2}.hero-orbit{inset:0 15% 10%;opacity:.6}.hero-island{filter:drop-shadow(0 20px 20px #0006)}.hero-bottom{bottom:25px}.hero-index{font-size:8px}.hero-index i{width:45px}.scroll-cue{font-size:7px;gap:10px}.scroll-line{height:28px}.island-tag{bottom:110px;right:20px;font-size:7px}.island-tag span{font-size:6px}.island-tag:before{width:30px;left:-40px}.cloud{bottom:11%;left:15%}.intro-band .wrap{grid-template-columns:1fr;padding-block:23px;gap:19px}.intro-item{align-items:center;gap:16px}.intro-item strong{font-size:11px}.intro-item span{font-size:9px}.intro-item .icon{width:23px;height:23px}.intro-item:first-child{display:none}.story-grid{grid-template-columns:1fr;gap:35px}.story-copy p{font-size:12px;max-width:100%}.story-copy h2{max-width:450px}h2{font-size:37px}.eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:.15em}.story-art{margin:10px 9px 0 0}.story-art img{aspect-ratio:1.32}.story-number{font-size:88px;bottom:-28px;right:-8px}.story-art figcaption{font-size:8px;left:28px;bottom:28px}.chapter-rule{font-size:8px;margin-top:27px}.section-head{display:block;margin-bottom:30px}.section-head>p{max-width:100%;margin-top:18px}.section-head .gold-link{margin-top:20px}.pillar-grid{grid-template-columns:1fr;gap:35px}.pillar-img{aspect-ratio:1.6}.pillar-body{padding-top:20px}.pillar h3{font-size:27px}.pillar p{font-size:12px}.world-section{padding-top:25px;padding-bottom:65px}.world-stage{min-height:640px}.world-stage:after{background:linear-gradient(0deg,#08141ef5,transparent 90%),linear-gradient(90deg,#08141eb0,transparent)}.world-copy{padding:45px 26px 190px;width:100%}.world-copy h2{font-size:37px;max-width:340px}.world-copy p{font-size:12px;max-width:310px}.world-image{background-position:65% center!important}.world-tabs{grid-template-columns:1fr}.world-tab{padding:15px 23px;border-right:0;border-bottom:1px solid var(--line);gap:17px}.world-tab:last-child{border-bottom:0}.world-tab b{font-size:18px}.world-tab span{font-size:10px;display:flex;align-items:center;gap:12px}.world-tab small{font-size:7px;margin:0}.world-compass{width:44px;height:44px;right:22px;top:24px;opacity:.4}.characters-grid{grid-template-columns:1fr;gap:15px}.character-visual{grid-row:2;min-height:390px}.character-copy{grid-row:1}.character-copy h2{font-size:37px}.character-copy .intro{margin-bottom:25px}.character-description{font-size:12px;min-height:75px}.character-controls{margin-top:22px}.character-choice{width:60px;height:60px}.character-portrait{width:370px;max-height:400px;object-fit:contain}.portrait-ring{width:300px}.character-flourish{font-size:68px;left:3%;bottom:0}.gallery-section{padding-top:20px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 170px;gap:12px}.gallery-item:first-child{grid-column:1/3;grid-row:auto}.gallery-label{left:15px;right:15px;bottom:15px;font-size:9px;gap:6px}.gallery-label .icon{width:14px}.gallery-tag{font-size:6px;left:15px;top:12px}.gallery-heading{display:block}.gallery-heading p{font-size:9px;margin-top:12px}.campaign-strip{grid-template-columns:repeat(3,1fr);gap:15px;padding:25px 0}.campaign-strip>p{grid-column:1/4;font-size:19px;max-width:none;margin-bottom:7px}.stat{padding-left:17px}.stat:nth-child(2){padding-left:0;border-left:0}.stat strong{font-size:36px}.stat span{font-size:7px;letter-spacing:.06em}.stat-note{font-size:8px}.signup-box{grid-template-columns:1fr;gap:30px;padding:32px 24px}.signup-copy h2{font-size:35px}.signup-copy>p{font-size:11px;max-width:none}.signup-copy .eyebrow{font-size:7px}.boarding-line{margin-top:20px;font-size:8px}.signup-star{display:none}.field{margin-bottom:18px}.checkbox-row{font-size:9px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-intro p{max-width:none}.faq-list summary{font-size:11px;padding-block:21px}.faq-list details p{font-size:11px}.footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.footer-status{grid-column:auto;display:block}.footer-status .footer-label{margin-bottom:15px}.footer-status p{margin-top:12px}.footer-nav{max-width:330px;gap:12px}.footer-brand p{max-width:340px}.footer-bottom{font-size:8px;align-items:flex-start}.footer-bottom>span{max-width:240px}.inner-hero{padding:130px 0 50px}.inner-hero h1{font-size:42px}.inner-hero .lead{font-size:12px}.breadcrumb{font-size:8px;margin-bottom:25px}.inner-art{width:80%;right:-30%;top:30%}.game-feature,.game-feature.reverse{grid-template-columns:1fr;direction:ltr;gap:30px;margin-bottom:60px}.game-feature img{aspect-ratio:1.4}.game-feature h2{font-size:34px}.contact-layout,.tests-layout{grid-template-columns:1fr;gap:35px}.contact-card{padding:25px 20px}.contact-aside h2{font-size:32px}.contact-topics{margin-bottom:20px}.two-fields{grid-template-columns:1fr;gap:0}.tests-layout .contact-card{grid-row:1}.tests-visual{min-height:230px;margin-top:10px}.tests-visual img{max-height:260px}.legal-layout{grid-template-columns:1fr;gap:30px}.legal-nav{position:static;display:flex;gap:10px 20px;flex-wrap:wrap;padding-left:15px}.legal-nav a{font-size:9px;margin:0}.legal-content h2{font-size:24px}.legal-content p,.legal-content li{font-size:11px}.legal-draft{font-size:10px;padding:15px}.lightbox{width:calc(100vw - 20px)}.lightbox-footer{padding:12px;gap:10px}.lightbox-footer p{font-size:10px}.lightbox-head{padding:10px 12px}.lightbox-image{max-height:67svh}.toast{width:calc(100vw - 36px);font-size:11px}.section.signup-section{padding-bottom:65px}}
@media(max-width:370px){.nav-cta{display:none}.menu-toggle{margin-left:auto}.hero h1{font-size:38px}.hero{min-height:950px}.hero-art{top:475px}.hero .button-row{gap:8px}.hero .button{font-size:9px;padding-inline:13px}.brand-name{font-size:13px}.hero-platforms{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js [data-reveal]{opacity:1;transform:none}.hero-art,.hero-sky{transform:none!important}.hero-particles{display:none}}
/* Forms remain comfortably readable and tappable on phones. */
@media(max-width:700px){.field label,.field legend{font-size:11px}.input,select.input,textarea.input{font-size:14px;min-height:52px}.checkbox-row{font-size:11px;gap:12px}.checkbox-row input{width:19px;height:19px}.form-note{font-size:10px}.field-error{font-size:11px}.nav-cta{min-height:42px}.menu-toggle{min-width:42px;min-height:42px}.legal-content p,.legal-content li{font-size:12px}.footer-nav a{padding-block:5px}}

/* Preserve the panel layout with a real, accessible unavailable state. */
.form-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
.form-fields:disabled { opacity: .65; }
.form-fields:disabled .button { cursor: not-allowed; }
.form-availability { padding: 16px; margin-bottom: 22px; border: 1px solid var(--gold, #c9a56b); background: rgba(201,165,107,.06); line-height: 1.7; }