:root { color-scheme:dark; --night:#100717; --deep:#180b21; --panel:#241027; --panel2:#321738; --ink:#ffedf5; --pink:#f1b1d8; --pink-bright:#fac3e4; --dust:#c9b4ca; --muted:#b69caf; --line:#8c56806d; --rose:#d88bb9; --gold:#eec7a8; --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; --serif:Georgia,'Times New Roman',serif; }
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;color:var(--ink);background:var(--night);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #ffc7e3;outline-offset:4px}::selection{background:#d58ab5;color:#210c23}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:100;top:10px;left:10px;background:#ffd8ed;color:#180a24;padding:12px 16px;border-radius:8px;transform:translateY(-170%)}.skip:focus{transform:translateY(0)}
body:before{content:"";position:fixed;inset:0;z-index:12;pointer-events:none;background:radial-gradient(circle at 50% 0%,transparent 46%,#13081728 100%);opacity:.6}.starfield,.petals{position:absolute;inset:0;pointer-events:none;overflow:hidden;height:1100px;z-index:3}.starfield span{position:absolute;top:var(--y);left:var(--x);color:#f4bada;font-size:18px;opacity:.35;animation:twinkle 4s ease-in-out var(--delay) infinite}.petals span{position:absolute;top:-35px;color:#e69ac3;opacity:.45;font:16px var(--serif);animation:petal 16s linear infinite}.petals span:nth-child(1){left:9%;animation-delay:-4s}.petals span:nth-child(2){left:28%;animation-delay:-13s;font-size:12px}.petals span:nth-child(3){left:61%;animation-delay:-8s;font-size:18px}.petals span:nth-child(4){left:83%;animation-delay:-1s;font-size:14px}.petals span:nth-child(5){left:95%;animation-delay:-12s;font-size:10px}
.site-header{position:relative;z-index:30;height:80px;background:#100717f0;border-bottom:1px solid #98628a46;box-shadow:0 10px 40px #08030b30}.header-inner{height:100%;max-width:1310px;padding:0 27px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.brand img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 9px #e0a0d03a);flex-shrink:0}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font:700 27px/1 var(--serif);letter-spacing:-.7px;color:#fce2f3}.brand-copy small{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#bfa3b9;white-space:nowrap}.brand-copy small span{color:#f1a7d8}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>a{font-size:12px;text-decoration:none;color:#d8c4d5;transition:color .2s;white-space:nowrap}.main-nav>a:hover{color:#ffb9df}.main-nav .nav-special{border:1px solid #9c5d929c;border-radius:999px;padding:11px 16px;color:#fbe1f0;box-shadow:inset 0 1px #efd0e312}.nav-special>span{color:#e9aed1}.nav-special small{margin-left:4px;color:#e9a5c9;font-size:9px;letter-spacing:1px;text-transform:uppercase}.nav-toggle{display:none;background:transparent;border:1px solid #744769;border-radius:9px;color:#f6cfe5;padding:9px;cursor:pointer}.nav-toggle svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.hero{min-height:735px;display:flex;position:relative;isolation:isolate;overflow:hidden;align-items:center;justify-content:center;background:#1b0c23}.hero-sky{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#150918a8,#18091c55 25%,#200d2738 48%,#18091c60 75%,#13091baa),linear-gradient(180deg,#1c0a24aa 0%,#13091b26 38%,#160a1bba 82%,#130817 100%),url(moonlit-garden.webp) center 45% / cover no-repeat;transform:scale(1.018)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 520px 540px at 50% 50%,#2d1036b8 0%,#19091ba9 44%,#12071915 96%)}.hero-orbit{position:absolute;inset:0;z-index:0;pointer-events:none}.orbit-star{position:absolute;color:#f2b7d6;animation:twinkle 5s ease-in-out infinite}.orbit-a{left:32%;top:29%;font-size:26px}.orbit-b{right:26%;top:21%;font-size:30px;animation-delay:1.5s}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:49px 24px 83px;margin:auto}.hero-eyebrow{font-size:11px;letter-spacing:4.6px;color:#ffc5e8;font-weight:750;text-shadow:0 2px 15px #14061a}.hero-eyebrow span{font-size:15px;padding:0 10px}.hero h1{font:700 clamp(60px,7vw,111px)/.99 var(--serif);letter-spacing:-5.2px;margin:34px auto 22px;color:#fff0f6;text-shadow:0 8px 44px #1003159e}.hero h1 em{font-style:normal;color:#f3b5dd;white-space:nowrap}.hero-intro{color:#f7e1ec;font-size:17px;line-height:1.8;max-width:685px;margin:0 auto 10px;text-shadow:0 2px 14px #09040d}.hero-second{color:#ddbfd4;font-size:13px;line-height:1.7;max-width:560px;margin:0 auto}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;text-decoration:none;font-size:13px;font-weight:760;letter-spacing:.1px;padding:16px 24px;border-radius:13px;min-height:51px;transition:transform .23s ease,border-color .23s,background .23s,box-shadow .23s}.button:hover{transform:translateY(-3px)}.button-primary{color:#241027;background:linear-gradient(135deg,#ffcde8,#eda8d0 69%,#cf8ec3);box-shadow:0 13px 40px #9b49803d, inset 0 1px #ffe9f9}.button-primary:hover{box-shadow:0 15px 42px #c65d9d69}.button-ghost{color:#f9d9e9;background:#1d1025b8;border:1px solid #b981a4b2;backdrop-filter:blur(8px)}.button-ghost:hover{border-color:#e8b0d2;background:#351731cc}.hero-footnote{margin-top:31px;color:#e0a9c9;font-size:9px;letter-spacing:3.7px;font-weight:650}.hero-side-note{position:absolute;z-index:1;top:58%;font:italic 18px var(--serif);color:#f6a8d492;transform:rotate(-11deg)}.left-note{left:9%}.right-note{right:7%;transform:rotate(9deg)}.left-note span{display:block;margin-left:30px;font-size:42px}.right-note span{display:block;text-align:center}.hero-fade{position:absolute;inset:auto 0 0;height:95px;background:linear-gradient(transparent,#16091b);pointer-events:none}
.worlds-section{padding:35px 24px 103px;background:radial-gradient(ellipse 52% 23% at 50% 13%,#4b204956,transparent),linear-gradient(180deg,#16091b,#1b0b24 65%,#16081f)}.decor-rule{display:flex;align-items:center;justify-content:center;gap:13px;color:#d991bb;font-size:17px;letter-spacing:5px;opacity:.7;margin:0 auto 49px}.decor-rule i{display:block;width:min(20vw,180px);height:1px;background:linear-gradient(90deg,transparent,#aa689c)}.decor-rule i:last-child{transform:rotate(180deg)}.section-head{text-align:center;max-width:800px;margin:auto}.kicker{font-size:10px;letter-spacing:3.7px;color:#e5a1ce;font-weight:750;margin:0}.section-head h2,.story-copy h2{font:700 clamp(39px,4vw,58px)/1.12 var(--serif);letter-spacing:-1.8px;margin:19px 0 16px}.section-head h2 em,.story-copy h2 em,.pass-section h2 em,.outro h2 em{font-style:normal;color:#f0b2d9}.section-head>p:last-child{color:#cbb6c7;font-size:15px;line-height:1.8;margin:0 auto;max-width:650px}.filters{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:35px auto 27px}.filter{border:1px solid #8c55857d;background:#28152c94;color:#dfc7d8;cursor:pointer;border-radius:100px;padding:11px 17px;font-size:12px;transition:background .2s,color .2s,border-color .2s}.filter:hover{border-color:#e8abd2;color:#ffe5f2}.filter.is-active{background:#ecc0dd;color:#2c132c;border-color:#ffd8ec;font-weight:780;box-shadow:0 6px 22px #ce7dab2a}
.portal-grid{max-width:1190px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portal-card{--accent:#e8a5cc;position:relative;overflow:hidden;min-height:476px;border-radius:19px;border:1px solid #a76b947c;background:linear-gradient(140deg,#3e1b3c 0%,#26112e 55%,#1b0d25 100%);box-shadow:0 20px 40px #0903117a,inset 0 1px #f7cfeb20;display:flex;flex-direction:column;transition:transform .27s ease,box-shadow .27s ease}.portal-card:hover{transform:translateY(-6px);box-shadow:0 27px 60px #08030caa,0 0 24px #d48cba16}.portal-card:after{position:absolute;content:"";inset:auto 0 0;height:5px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65}.portal-card:before{position:absolute;content:"";right:-140px;top:-160px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#e5a5ca22,transparent 68%);pointer-events:none}.games-card{--accent:#c59af0;background:linear-gradient(145deg,#312044,#23132f 55%,#170d22)}.sync-card{--accent:#dfa4cf;background:linear-gradient(145deg,#392441,#271431 55%,#1b1028)}.create-card{--accent:#efbfa9;background:linear-gradient(145deg,#43243b,#28172b 55%,#1b0e25)}.portal-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:21px 26px 0}.card-index{font-size:10px;color:#d9a1c6;letter-spacing:2.2px;font-weight:780}.card-index span{font-size:12px}.card-status{border:1px solid #c18cad70;border-radius:50px;padding:6px 10px;font-size:9px;letter-spacing:1.3px;font-weight:730;color:#eed1e2;background:#25122894}.card-status.coming{color:#f2c9d7;background:#54304466}.card-status.alpha{color:#e6bde6}.portal-visual{height:174px;display:flex;justify-content:center;align-items:center;position:relative;margin:5px 21px 0;isolation:isolate}.portal-visual:before{content:"";position:absolute;width:190px;height:130px;border-radius:50%;background:radial-gradient(circle,#de8cc750,transparent 65%);z-index:-1;filter:blur(3px)}.portal-visual svg{height:142px;width:180px;filter:drop-shadow(0 13px 13px #10051a60);transition:transform .3s}.portal-card:hover .portal-visual svg{transform:translateY(-4px) rotate(-2deg)}.games-visual:before{background:radial-gradient(circle,#9f79d650,transparent 68%)}.sync-visual:before{background:radial-gradient(circle,#e8abd448,transparent 68%)}.create-visual:before{background:radial-gradient(circle,#ffc69a38,transparent 68%)}.card-moon{position:absolute;right:18%;top:9%;width:57px;height:57px;border-radius:50%;box-shadow:-15px 3px 0 -3px #ddafce;opacity:.37;transform:rotate(-22deg)}.game-stars{position:absolute;left:21%;top:24%;color:#edb8f5;font-size:14px;letter-spacing:7px}.portal-copy{position:relative;z-index:2;margin:auto 0 0;padding:8px 31px 30px}.portal-eyebrow{font-size:10px;letter-spacing:2.1px;color:#dfa1c5;font-weight:780;margin:0 0 11px}.portal-copy h3{font:700 47px/1.06 var(--serif);letter-spacing:-1.5px;margin:0 0 14px}.portal-copy h3 em{color:#f2b9dd;font-style:normal}.portal-copy>p:not(.portal-eyebrow){font-size:14px;line-height:1.76;color:#d7c2d3;max-width:475px;margin:0 0 20px;min-height:50px}.card-link{display:inline-flex;align-items:center;gap:13px;color:#f8c9e5;font-size:13px;text-decoration:none;font-weight:800;padding-bottom:5px;border-bottom:1px solid #eba6d18f}.card-link span{font-size:19px;transition:transform .2s}.card-link:hover span{transform:translate(3px,-3px)}.under-cards-note{text-align:center;max-width:620px;margin:31px auto 0;color:#ad8ead;font-size:11px;letter-spacing:.3px;line-height:1.7}
.coming-section{padding:87px 24px 97px;background:radial-gradient(ellipse 50% 48% at 48% 0%,#4c1d4566,transparent 90%),linear-gradient(#16091e,#190b22 85%)}.coming-content{max-width:1170px;margin:auto}.coming-section .section-head h2{font-size:clamp(38px,3.9vw,55px)}.future-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}.future-card{border:1px solid #925d877d;border-radius:17px;background:linear-gradient(147deg,#3c213fbd,#27162fbd 56%,#1b1028);min-height:279px;position:relative;padding:25px 25px 20px;overflow:hidden}.future-card:after{content:"✧";position:absolute;right:25px;top:25px;font-size:18px;color:#cd9bbf9c}.future-icon{width:53px;height:53px;border-radius:13px;display:grid;place-items:center;color:#f3bad8;background:#59305380;border:1px solid #b57ea87d;font:34px var(--serif);margin-bottom:19px}.future-label{color:#d79abf;font-weight:750;font-size:9px;letter-spacing:2px}.future-card h3{font:700 30px var(--serif);letter-spacing:-.6px;margin:8px 0 12px}.future-card p{color:#d6c0d2;font-size:13px;line-height:1.8;margin:0 0 17px}.future-footer{font:italic 14px var(--serif);color:#dfaed0}
.story-section{padding:87px 24px 111px;max-width:1200px;margin:auto;display:grid;grid-template-columns:.86fr 1fr;gap:85px;align-items:center}.story-art{border:1px solid #a66c967c;border-radius:21px;height:405px;position:relative;overflow:hidden;background:radial-gradient(circle at 49% 40%,#6436609a,#321937 51%,#211128 100%);box-shadow:inset 0 0 0 9px #160b214f,0 20px 65px #08030b4d}.story-art:before{content:"";position:absolute;inset:18px;border:1px dashed #be8cab64;border-radius:15px}.story-art:after{content:"";position:absolute;left:15%;right:15%;top:63%;height:1px;background:linear-gradient(90deg,transparent,#f1bedb,transparent);opacity:.5}.story-moon{position:absolute;left:50%;top:25px;transform:translateX(-50%) rotate(-18deg);font:250px var(--serif);color:#e3accd;text-shadow:0 0 70px #d68abd9c;line-height:1}.story-floral{position:absolute;font:64px var(--serif);color:#e7a4c9;opacity:.62}.floral-left{left:15%;top:42%}.floral-right{right:14%;top:13%;font-size:43px}.story-cat{position:absolute;left:50%;top:45%;transform:translateX(-50%);width:115px;height:115px;filter:drop-shadow(0 7px 16px #18061c90)}.story-cat svg{width:100%;height:100%}.story-caption{position:absolute;bottom:49px;left:0;right:0;text-align:center;font:italic 15px var(--serif);color:#ebbcdb;letter-spacing:.5px}.story-copy h2{font-size:clamp(41px,3.9vw,55px)}.story-copy>p:not(.kicker){color:#d3bfd0;font-size:15px;line-height:1.9;margin:18px 0}.story-signature{font:italic 22px var(--serif);color:#f0b7d6;margin-top:20px}.story-signature span{color:#ffc6e6}
.pass-section{text-align:center;max-width:1110px;margin:0 auto 100px;padding:47px 24px 45px;position:relative;border:1px solid #b27aa17d;border-radius:23px;background:radial-gradient(ellipse 70% 80% at 50% 0%,#6636626b,transparent),linear-gradient(135deg,#3a1b3d,#24122c 76%,#1a0c24);box-shadow:0 20px 65px #07030b72;overflow:hidden}.pass-section:after{content:"";position:absolute;inset:11px;border:1px solid #ad719b36;border-radius:15px;pointer-events:none}.pass-constellation{font-size:15px;letter-spacing:13px;color:#e1a8d1;opacity:.6;margin-bottom:22px}.pass-top{display:flex;gap:15px;justify-content:center;align-items:center}.pass-pill{border:1px solid #c58fad80;border-radius:80px;padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:2px;color:#f1bdd9}.pass-icon{color:#e5a5cc;font-size:31px}.pass-section h2{font:700 clamp(42px,5.5vw,75px)/1.1 var(--serif);letter-spacing:-2.5px;margin:17px 0 22px}.pass-section p{color:#e5d0df;font-size:14px;line-height:1.9;max-width:615px;margin:0 auto}.pass-section p strong{color:#f6c1de}.pass-bottom{font:italic 17px var(--serif);color:#e6b5d5;margin-top:24px}.outro{text-align:center;padding:73px 24px 80px;position:relative;background:radial-gradient(ellipse at 50% 20%,#4f235366,transparent 70%),linear-gradient(#190a20,#13081b)}.outro-deco{font-size:18px;color:#e9a6ce;letter-spacing:12px}.outro h2{font:700 clamp(44px,5vw,72px)/1.1 var(--serif);letter-spacing:-1.8px;margin:20px auto 16px}.outro p{color:#d3bbce;font-size:14px;line-height:1.8}.outro .button{margin-top:14px}.jiji-button{display:flex;align-items:center;justify-content:center;gap:8px;margin:36px auto 0;padding:7px 16px 7px 5px;border:1px solid #8a54807a;border-radius:60px;background:#29142c;color:#efb7d8;font-size:12px;font-weight:680;cursor:pointer;transition:background .2s,border-color .2s}.jiji-button:hover{background:#412044;border-color:#d69abd}.jiji-button svg{width:43px;height:37px;object-fit:contain}.jiji-button.boop{animation:boop .35s ease}.outro .jiji-message{font:italic 14px var(--serif);color:#d3a5c4;margin:13px auto 0;min-height:22px}.footer{padding:24px 25px 27px;background:#0e0613;border-top:1px solid #80517855}.footer-main{max-width:1190px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:25px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand img{width:71px;height:71px;object-fit:contain}.footer-brand strong{font:700 23px var(--serif);color:#f5d5e9}.footer-brand p{font-size:12px;color:#ae93a9;margin:7px 0 0}.footer nav{display:flex;gap:24px;flex-wrap:wrap}.footer nav a{font-size:12px;color:#c8aec5;text-decoration:none}.footer nav a:hover{color:#f8b5db}.footer-bottom{max-width:1190px;margin:auto;border-top:1px solid #85557952;padding-top:19px;display:flex;justify-content:space-between;gap:20px;color:#a78ca5;font-size:11px;line-height:1.7}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.9)}50%{opacity:.75;transform:scale(1.28)}}@keyframes petal{0%{transform:translate(-20px,-40px) rotate(0);opacity:0}12%{opacity:.5}85%{opacity:.45}100%{transform:translate(170px,950px) rotate(450deg);opacity:0}}@keyframes boop{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}65%{transform:rotate(7deg)}}
@media (max-width:1000px){.main-nav{gap:18px}.brand-copy strong{font-size:24px}.hero-side-note{display:none}.story-section{gap:45px}.portal-copy h3{font-size:42px}}
@media (max-width:760px){.site-header{height:72px}.header-inner{padding:0 17px}.brand img{width:55px;height:55px}.brand-copy strong{font-size:23px}.brand-copy small{letter-spacing:1px;font-size:7.7px}.nav-toggle{display:block}.main-nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;gap:0;align-items:stretch;background:#1a0b20;border-bottom:1px solid #aa749b88;padding:13px 20px 18px;box-shadow:0 20px 27px #07030db3}.main-nav.open{display:flex}.main-nav>a{padding:13px;font-size:14px}.main-nav .nav-special{margin-top:7px;text-align:center}.hero{min-height:685px}.hero-sky{background-position:48% center}.hero:before{background:radial-gradient(ellipse 280px 420px at 50% 47%,#290e30e8,#17091dc9 70%,#16081736)}.hero-content{padding:65px 22px 76px}.hero-eyebrow{font-size:9px;letter-spacing:2.4px}.hero-eyebrow span{padding:0 4px}.hero h1{font-size:clamp(53px,10vw,80px);letter-spacing:-2.9px;line-height:1.04;margin:27px 0 19px}.hero h1 em{white-space:normal}.hero-intro{font-size:15px;line-height:1.7}.hero-second{font-size:12px}.hero-actions{margin-top:24px}.button{font-size:12px;padding:14px 19px}.hero-footnote{font-size:8px;letter-spacing:2.4px}.worlds-section{padding:27px 18px 70px}.decor-rule{margin-bottom:35px;gap:5px;font-size:14px}.decor-rule i{width:12vw}.section-head h2{font-size:clamp(38px,8vw,53px);letter-spacing:-1.1px}.section-head>p:last-child{font-size:14px}.kicker{font-size:9px;letter-spacing:2.5px}.filters{margin:27px auto 22px;gap:6px}.filter{padding:10px 12px;font-size:11px}.portal-grid{grid-template-columns:1fr;max-width:580px;gap:17px}.portal-card{min-height:443px}.portal-visual{height:158px}.portal-copy{padding:7px 26px 26px}.portal-copy h3{font-size:43px}.portal-copy>p:not(.portal-eyebrow){font-size:13px;min-height:0}.coming-section{padding:65px 18px}.future-grid{grid-template-columns:1fr;max-width:570px;margin:30px auto 0}.future-card{min-height:0}.story-section{padding:65px 19px 70px;grid-template-columns:1fr;gap:40px}.story-art{height:320px;max-width:570px;width:100%;margin:auto}.story-moon{font-size:205px}.story-copy{text-align:center}.story-copy h2{font-size:clamp(39px,7vw,53px)}.story-copy>p:not(.kicker){font-size:14px}.pass-section{margin:0 18px 60px;padding:38px 22px}.pass-section h2{font-size:clamp(39px,8vw,56px)}.pass-constellation{letter-spacing:7px}.pass-section p{font-size:13px}.outro{padding:65px 20px 65px}.outro h2{font-size:clamp(43px,7vw,62px)}.footer-main{flex-direction:column;align-items:flex-start}.footer nav{gap:16px}.footer-bottom{flex-direction:column;text-align:center;gap:6px}}
@media (max-width:460px){.brand-copy strong{font-size:21px}.brand-copy small{font-size:7px;letter-spacing:.6px}.hero{min-height:700px}.hero-content{padding-left:18px;padding-right:18px}.hero h1{font-size:52px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{min-width:250px}.portal-card{min-height:435px}.portal-top{padding:17px 19px 0}.portal-copy{padding:8px 21px 25px}.portal-copy h3{font-size:40px}.story-art{height:288px}.story-moon{font-size:185px}.story-caption{bottom:35px;font-size:13px}.future-card{padding:22px}.outro-deco{letter-spacing:7px}.footer-brand strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}