@font-face{font-family:Lilita;src:url('/assets/LilitaOne-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--ink:#102e38;--cream:#fff6db;--gold:#ffcf5c;--mint:#a1e4c5;--text:#d2e3df;--line:#ffffff22}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit}button{font:inherit}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fda54a;outline-offset:6px}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-90px;left:20px;z-index:5;background:var(--cream);color:var(--ink);padding:12px 20px}.skip:focus{top:10px}.hero-scene{position:relative;overflow:hidden;background:#112f3b}.hero-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102e38fa 8%,#102e38d9 46%,#102e3877 100%),linear-gradient(0deg,#102e38 0%,transparent 45%),url('/assets/courtyard-v2.png') center 45%/cover;opacity:.95;pointer-events:none}.header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px}.brand{display:flex;gap:10px;align-items:center;font:28px Lilita,sans-serif;text-decoration:none;letter-spacing:.7px}.brand img{border-radius:9px}.header nav{display:flex;align-items:center;gap:34px}.header nav a{text-decoration:none;font-size:14px;font-weight:700}.header nav a:hover{color:var(--gold)}.nav-download{border:1px solid #ffffff4a;border-radius:8px;padding:10px 18px}.nav-download span{margin-left:14px}.hero{position:relative;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:40px;padding-block:50px 35px;min-height:745px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;line-height:1.6;margin:0 0 19px;text-transform:uppercase;color:var(--mint)}.tiny-star{color:var(--gold);font-size:17px;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Lilita,'Segoe UI',sans-serif;font-weight:400}h1{font-size:clamp(52px,5.8vw,79px);line-height:1.03;letter-spacing:-1.5px;margin:0 0 28px}h1 span{color:var(--gold)}.intro{max-width:510px;color:var(--text);font-size:18px;line-height:1.8;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;text-decoration:none;font:22px Lilita,sans-serif;padding:18px 25px;border-radius:10px;transition:transform .16s,box-shadow .16s}.button:hover{transform:translateY(-3px)}.gold{color:#3b2a14;background:linear-gradient(#ffe082,#ffc34b);box-shadow:0 5px 0 #af762c,inset 0 2px 0 #fff3bd}.gold:hover{box-shadow:0 7px 0 #af762c,inset 0 2px 0 #fff3bd}.light{background:#d9f2e6;color:var(--ink);box-shadow:0 5px 0 #86b6a6,inset 0 2px 0 #fff}.text-link{text-decoration:none;font-size:14px;font-weight:700;border-bottom:1px solid #829893;padding-bottom:5px;white-space:nowrap}.text-link span{margin-left:12px}.availability{font-size:12px;color:#bed0cb;margin-top:22px}.availability span{color:#638980;margin:0 7px}.hero-facts{display:flex;gap:0;margin-top:39px}.hero-facts div{display:flex;flex-direction:column;padding:0 28px;border-left:1px solid #ffffff29}.hero-facts div:first-child{padding-left:0;border-left:0}.hero-facts strong{font:35px Lilita,sans-serif;line-height:1.3}.hero-facts span{font-size:12px;color:var(--text)}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;padding-block:8px 20px}.game-phone{width:284px;position:relative;margin:0;transform:rotate(4deg);border:6px solid #253d41;border-radius:25px;box-shadow:0 30px 50px #0007,0 0 0 2px #73968788;background:#193342;z-index:1}.game-phone>img{border-radius:18px;width:100%;height:auto}.game-phone figcaption{position:absolute;bottom:-39px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.5px;color:#bdd1c8;transform:rotate(-4deg)}.portal{position:absolute;width:475px;height:475px;border:1px solid #82e7c345;border-radius:50%;box-shadow:0 0 0 30px #67cfbb07,0 0 0 90px #67cfbb04,inset 0 0 90px #43baa530;background:radial-gradient(ellipse,#38a59b33,transparent 70%)}.floating-label{position:absolute;z-index:2;top:-15px;right:12px;background:#ffedbe;color:#493a20;font-size:10px;letter-spacing:1.4px;font-weight:800;padding:9px 17px;transform:rotate(5deg);border-radius:5px;box-shadow:0 4px 0 #856b3b}.floating-label span{margin-right:7px;color:#a86c17}.art-sticker{position:absolute;left:-8px;bottom:100px;z-index:2;display:flex;gap:12px;align-items:center;transform:rotate(-7deg);padding:13px 19px;background:#214b51;border:1px solid #99c7aa;border-radius:12px;box-shadow:0 6px 0 #0b272e,0 14px 28px #0003;font:18px/1.2 Lilita,sans-serif}.art-sticker>span{color:#ff788a;font-size:37px}.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:21px;color:#b1c6c0;font-size:10px;letter-spacing:2px}.hero-bottom a{font-size:24px;text-decoration:none;line-height:1}.section{padding-block:90px}h2{font-size:clamp(38px,4vw,52px);line-height:1.1;letter-spacing:-.5px;margin-bottom:24px}.how{background:#f3eedf;color:var(--ink)}.how .eyebrow{color:#427b69}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:355px;color:#4a6669;line-height:1.8;margin-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:54px}.step-number{font:17px Lilita;color:#4e816d;display:block;border-top:1px solid #193a362c;padding-top:19px;margin-bottom:17px}.steps h3{font-size:27px;margin-bottom:13px}.steps p{color:#4c6567;font-size:15px;line-height:1.85;margin-bottom:0}.coop-note{margin-top:40px;border-top:1px solid #193a3620;display:flex;align-items:center;gap:20px;padding-top:27px}.coop-note>span{color:#af7a1c;font-size:30px}.coop-note p{margin:0;color:#4c6567;font-size:14px}.coop-note strong{color:var(--ink)}.roster{background:radial-gradient(ellipse at 20% 65%,#255447,transparent 48%),#13343c}.roster h2{margin-bottom:0}.roster-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.unit-showcase{position:relative;display:grid;place-items:center;min-height:430px}.unit-showcase canvas{position:relative;z-index:1;max-width:100%;width:340px;height:auto;filter:drop-shadow(0 15px 9px #051b2480)}.unit-halo{position:absolute;width:300px;height:300px;border:1px solid #a6d6aa30;border-radius:50%;box-shadow:0 0 0 25px #8bddab05,0 0 0 60px #8bddab05;background:radial-gradient(#6caf6450,transparent 67%)}.unit-floor{position:absolute;bottom:32px;width:245px;height:34px;border-radius:50%;background:#081e2455;filter:blur(8px)}.unit-role{color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:800}.unit-info h3{font-size:43px;margin:7px 0 12px}.unit-info #unit-copy{font-size:16px;color:var(--text);line-height:1.8;min-height:88px;max-width:495px;margin-bottom:24px}.unit-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.unit-picker button{min-width:0;padding:6px 3px 10px;border:1px solid #8ab09b44;border-radius:9px;background:#1d444b;color:var(--text);cursor:pointer;transition:transform .16s}.unit-picker button:hover{transform:translateY(-4px)}.unit-picker button[aria-pressed=true]{border:2px solid var(--gold);background:#3b5449;box-shadow:0 4px 0 #806437}.unit-picker canvas{display:block;width:100%;height:auto}.unit-picker span{font-size:10px;display:block;white-space:nowrap}.progress-note{font-size:13px;color:#a5c3b9;border-top:1px solid var(--line);padding-top:23px;margin-top:28px;line-height:1.8}.download{background:#1a4b48;position:relative;border-block:1px solid #a0c89a25}.download-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.download-heading h2{margin-bottom:12px}.download-heading p:not(.eyebrow){color:#c6ded5;margin-bottom:0}.service-status{display:flex;gap:8px;align-items:center;font-size:12px;padding:10px 14px;border:1px solid #a0c89a40;border-radius:25px;white-space:nowrap}.service-status>span:first-child{width:7px;height:7px;border-radius:50%;background:#b7c6bf}.service-status[data-state=up]>span:first-child{background:#9ef0b4;box-shadow:0 0 8px #9ef0b455}.service-status[data-state=down]>span:first-child{background:#ffcf5c}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:39px}.download-card{border:1px solid #ffffff21;background:#103733;border-radius:15px;padding:31px}.platform-heading{display:flex;gap:16px;align-items:center;margin-bottom:17px}.platform-heading .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:3px;color:#adcec2}.platform-heading h3{font-size:32px;margin:0}.platform-icon{font-size:34px;color:var(--gold);line-height:1}.windows-icon{color:#b4e4cf}.file-tag{margin-left:auto;font-size:10px;color:#bdd6cb;border:1px solid #aecabd36;padding:3px 9px;border-radius:4px}.download-card>p{color:#c0d6cd;font-size:14px;line-height:1.8;min-height:53px}.download-card .button{display:flex;width:100%;font-size:23px;margin-top:25px}.download-card small{display:block;color:#9fbbb0;font-size:11px;text-align:center;margin-top:21px}.download-footnote{font-size:12px;color:#b2cec1;line-height:1.8;margin:23px 0 0}.download-footnote a{margin-left:8px;text-underline-offset:4px}.faq{background:#f3eedf;color:var(--ink)}.faq .eyebrow{color:#427b69}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-layout>div>p:not(.eyebrow){color:#577271;font-size:15px}.questions details{border-bottom:1px solid #193a3630}.questions details:first-child{border-top:1px solid #193a3630}.questions summary{cursor:pointer;padding:21px 30px 21px 0;list-style:none;position:relative;font-size:16px;font-weight:700}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:0;top:17px;font-size:25px;font-weight:400;color:#548773}.questions details[open] summary:after{content:'−'}.questions details p{font-size:14px;color:#4c6567;line-height:1.85;padding-right:23px;margin-bottom:22px}.footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:32px;font-size:10px;color:#a0b8ad}.footer .brand{color:var(--cream);font-size:23px}.footer p{margin:0;margin-right:auto}.footer>a:not(.brand){text-underline-offset:4px}.footer>span{color:#799f91}
@media(min-width:1450px){.hero{min-height:790px}.game-phone{width:308px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:10px;grid-template-columns:1.1fr .9fr;padding-block:40px 55px;min-height:680px}h1{font-size:59px}.intro{font-size:16px}.game-phone{width:248px}.floating-label{right:-7px;font-size:8px}.art-sticker{left:-8px;bottom:45px;font-size:15px;padding:10px 14px}.portal{width:350px;height:350px}.hero-actions{gap:18px}.button{font-size:20px;padding:17px 20px}.section{padding-block:70px}.roster-layout{gap:25px;grid-template-columns:.8fr 1.2fr}.unit-showcase canvas{width:290px}.unit-showcase{min-height:360px}.unit-floor{bottom:12px}.unit-picker{grid-template-columns:repeat(3,1fr);max-width:360px}.unit-picker button{display:flex;align-items:center;gap:3px;padding:5px 2px}.unit-picker canvas{width:42%}.unit-picker span{font-size:10px}.download-heading{align-items:start;flex-direction:column;gap:20px}.steps{gap:30px}.faq-layout{gap:40px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding-block:19px;gap:12px}.brand{font-size:24px;gap:7px}.brand img{width:32px;height:32px}.header nav{gap:0}.header nav>a:not(.nav-download){display:none}.header nav .nav-download{font-size:11px;padding:8px 11px}.nav-download span{margin-left:6px}.hero{display:flex;flex-direction:column;gap:40px;padding-block:41px 60px;min-height:0;align-items:stretch}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:17px}h1{font-size:clamp(48px,11vw,70px);letter-spacing:-1px;margin-bottom:23px}.intro{font-size:15px;line-height:1.85;max-width:520px}.hero-actions{gap:24px}.button{font-size:21px}.text-link{font-size:12px}.availability{font-size:10px}.hero-facts{margin-top:29px}.hero-facts strong{font-size:29px}.hero-facts span{font-size:10px}.hero-facts div{padding-inline:25px}.hero-art{margin-top:8px;padding-block:16px 18px;width:100%}.game-phone{width:247px;transform:rotate(3deg)}.floating-label{right:3px;top:-10px;font-size:8px}.art-sticker{left:0;bottom:78px;font-size:16px}.portal{width:335px;height:335px}.hero-scene:before{background:linear-gradient(0deg,#102e38 0%,#102e38b0 30%,#102e38ec 70%),url('/assets/courtyard-v2.png') center/cover}.hero-bottom{padding-block:17px;font-size:8px;letter-spacing:1px}.section{padding-block:57px}h2{font-size:40px}.section-heading{display:block}.section-heading>p{margin:22px 0 0;font-size:15px}.steps{grid-template-columns:1fr;gap:29px;margin-top:32px}.step-number{margin-bottom:9px;padding-top:14px;font-size:15px}.steps h3{font-size:27px;margin-bottom:10px}.steps p{font-size:14px}.coop-note{align-items:start;gap:13px;margin-top:29px;padding-top:20px}.coop-note p{font-size:13px}.roster-layout{grid-template-columns:1fr;gap:15px}.unit-showcase{min-height:270px;margin-top:12px}.unit-showcase canvas{width:257px}.unit-halo{width:224px;height:224px;box-shadow:0 0 0 20px #8bddab05}.unit-floor{bottom:0;width:190px}.unit-info h3{font-size:37px}.unit-info #unit-copy{min-height:0;font-size:15px}.unit-picker{grid-template-columns:repeat(3,1fr);max-width:none;gap:9px}.unit-picker button{padding:8px 3px}.unit-picker span{font-size:11px}.progress-note{font-size:12px;margin-bottom:0}.download-heading h2{font-size:40px}.download-heading p:not(.eyebrow){font-size:14px}.download-grid{grid-template-columns:1fr;gap:19px;margin-top:26px}.download-card{padding:23px}.download-card .button{font-size:22px}.download-card>p{min-height:0}.platform-heading .eyebrow{font-size:8px;letter-spacing:1px}.download-footnote{font-size:11px}.download-footnote a{margin-left:0;display:block;margin-top:8px}.faq-layout{grid-template-columns:1fr;gap:22px}.faq-layout h2{margin-bottom:14px}.questions summary{font-size:15px;padding-block:20px}.footer{gap:17px;padding-block:27px}.footer .brand{width:100%}.footer p{width:100%;margin:0}.footer>span{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}