.play-page{background:linear-gradient(#070c17,#090f1c 55%,#070b14);overflow:clip}.play-hero{isolation:isolate;border-bottom:1px solid #d9b36a29;align-items:center;min-height:min(850px,92vh);padding:150px max(50vw - 590px,7vw) 110px;display:grid;position:relative}.play-hero-art,.play-hero-shade{width:100%;height:100%;position:absolute;inset:0}.play-hero-art{z-index:-2;object-fit:cover;object-position:58% 44%}.play-hero-shade{z-index:-1;background:linear-gradient(90deg,#050912f7 0%,#050912d1 33%,#0509122e 75%,#05091259 100%),linear-gradient(#04081173 0%,#0408110f 30%,#0000 72%,#080d18 100%)}.play-hero-copy{z-index:1;max-width:660px;animation:.8s cubic-bezier(.2,.7,.1,1) both play-arrive;position:relative}.play-kicker{color:var(--gold-2);letter-spacing:.2em;margin:0 0 1.25rem;font-size:.72rem;font-weight:800;line-height:1.5}.play-kicker span{background:#86d6ff;border-radius:50%;width:7px;height:7px;margin-right:.55rem;display:inline-block;box-shadow:0 0 16px #61c9ff}.play-hero h1{letter-spacing:-.035em;text-shadow:0 10px 44px #0000008c;margin:0 0 1.3rem;font-size:clamp(4.5rem,9.8vw,8.5rem);line-height:.95}.play-hero h1 em,.play-world h2 em,.play-stories h2 em,.play-follow h2 em{color:var(--gold-2);font-weight:500}.play-lede{color:#eee8dc;text-shadow:0 2px 18px #000c;max-width:510px;font-size:clamp(1.1rem,2vw,1.38rem);line-height:1.55}.play-actions{flex-wrap:wrap;gap:12px;margin:2rem 0 1rem;display:flex}.play-button{color:#f9f3e7;border:1px solid #f1d59a94;border-radius:999px;justify-content:center;align-items:center;gap:.8rem;min-height:54px;padding:0 1.4rem;font-weight:750;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.play-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 34px #5ec8ff38}.play-button-gold{color:#171108;background:linear-gradient(135deg,#f6dea6,#d9b36a 56%,#a9803b);border-color:#0000}.play-button-gold:hover{color:#171108}.play-button-glass{backdrop-filter:blur(10px);background:#060b1585}.play-availability{color:#c6c1b7;margin:.85rem 0 0;font-size:.83rem}.play-hero-mark{color:#f6dea6cc;letter-spacing:.2em;align-items:center;gap:12px;font-size:.65rem;font-weight:800;display:flex;position:absolute;bottom:42px;right:max(50vw - 590px,7vw)}.play-hero-mark img{filter:drop-shadow(0 0 15px #d9b36a73);width:45px;height:auto}.play-loop{border-bottom:1px solid #d9b36a29;grid-template-columns:repeat(3,1fr);gap:0;width:min(1180px,100% - 48px);margin:0 auto;padding:70px 0 76px;display:grid}.play-loop article{border-left:1px solid #d9b36a38;padding:14px 36px 6px}.play-loop article:first-child{border-left:0;padding-left:0}.play-loop article span{color:#82d5ff;letter-spacing:.18em;font-size:.68rem;font-weight:800}.play-loop h2{margin:.8rem 0 .5rem;font-size:clamp(1.35rem,2.4vw,1.8rem)}.play-loop p,.play-world p,.play-stories-top>p,.play-follow p{color:var(--text-2)}.play-world{grid-template-columns:1fr .82fr;align-items:center;gap:8vw;width:min(1120px,100% - 48px);margin:0 auto;padding:100px 0;display:grid}.play-world h2,.play-stories h2,.play-follow h2{margin-bottom:1rem;font-size:clamp(2.5rem,5.8vw,5rem);line-height:1.08}.play-world-copy{max-width:540px}.play-world-copy>p:not(.play-kicker){max-width:480px;font-size:1.06rem}.play-text-link{color:var(--gold-2);gap:.75rem;margin-top:.5rem;font-weight:800;text-decoration:none;display:inline-flex}.play-world-shot{background:linear-gradient(140deg,#f1d59a99,#5ec8ff29 45%,#f1d59a40);border-radius:34px;width:min(310px,82%);margin:0 auto;padding:11px;position:relative;box-shadow:0 32px 90px #00000080,0 0 56px #5ec8ff14}.play-world-shot img{border:1px solid #ffffff24;border-radius:25px;width:100%}.play-world-shot figcaption{color:#a7a295;letter-spacing:.07em;text-align:center;margin-top:.65rem;font-size:.7rem}.play-beta{background:radial-gradient(at 50% 0,#1b406947,#0000 60%),linear-gradient(135deg,#0b1525,#0a101d 55%,#111628);border-block:1px solid #5ec8ff26;padding:88px max(50vw - 560px,6vw) 84px;scroll-margin-top:100px}.play-beta-heading{text-align:center;max-width:650px;margin:0 auto 45px}.play-beta-heading h2{margin-bottom:.5rem;font-size:clamp(2.8rem,5vw,4.6rem)}.play-beta-heading>p:last-child{color:var(--text-2);font-size:1.05rem}.play-steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1120px;margin:0 auto;padding:0;list-style:none;display:grid}.play-steps li{background:linear-gradient(150deg,#142137de,#080e1ac2);border:1px solid #d9b36a3d;border-radius:18px;gap:20px;min-height:238px;padding:28px 25px;display:flex;box-shadow:inset 0 1px #ffffff09}.play-steps li>b{color:#80d3ff;font:700 1rem var(--display);letter-spacing:.08em}.play-steps h3{margin:0 0 .65rem;font-size:1.25rem}.play-steps p{color:var(--text-2);font-size:.92rem;line-height:1.6}.play-steps a{color:var(--gold-2);font-size:.88rem;font-weight:750;text-decoration:none}.play-steps a:hover,.play-text-link:hover,.play-hero a:hover{text-underline-offset:4px;text-decoration:underline}.play-faq{grid-template-columns:.72fr 1.28fr;align-items:start;gap:0 34px;max-width:900px;margin:64px auto 0;display:grid}.play-faq-heading{grid-row:1/span 3;padding:18px 0}.play-faq-heading .play-kicker{margin-bottom:.6rem}.play-faq-heading h3{font-size:clamp(1.7rem,3vw,2.3rem)}.play-faq details{border-top:1px solid #d9b36a38}.play-faq details:last-child{border-bottom:1px solid #d9b36a38}.play-faq summary{color:#f1eadc;cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:13px 2px;font-weight:750;list-style:none;display:flex}.play-faq summary::-webkit-details-marker{display:none}.play-faq summary:after{content:"+";color:var(--gold-2);flex:none;font-size:1.3rem;font-weight:400;transition:transform .2s}.play-faq details[open] summary:after{transform:rotate(45deg)}.play-faq details p{max-width:620px;color:var(--text-2);margin:0;padding:0 30px 19px 2px;font-size:.92rem;line-height:1.65}.play-faq summary:focus-visible,.play-steps a:focus-visible,.play-button:focus-visible{outline-offset:4px;outline:3px solid #8edaff}.play-beta-note{color:#a7a295;text-align:center;max-width:1120px;margin:24px auto 0;font-size:.82rem}.play-stories{width:min(1120px,100% - 48px);margin:0 auto;padding:105px 0}.play-stories-top{justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px;display:flex}.play-stories-top>p{max-width:440px}.play-story-cards{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.play-story-card{isolation:isolate;min-height:360px;color:var(--text);background-color:#0b1220;border:1px solid #d9b36a38;border-radius:22px;flex-direction:column;padding:33px;text-decoration:none;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.play-story-card:hover{color:#fff;border-color:#d9b36a8c;transform:translateY(-4px)}.play-story-card:before{content:"";z-index:-1;opacity:.8;position:absolute;inset:0}.play-story-animation:before{background:linear-gradient(90deg,#070b13fa,#070b13c9 62%,#070b1340),url(/img/origin-film-poster.jpg) 50%/cover}.play-story-game:before{background:linear-gradient(90deg,#070b13f5,#070b13c2 66%,#070b1338),url(/img/sanctuary-v2.webp) 65%/cover}.play-story-icon{width:54px;height:54px;color:var(--gold-2);background:#060a1380;border:1px solid #f1d59a5c;border-radius:50%;place-items:center;margin-bottom:28px;font-size:1.35rem;display:grid}.play-story-card .play-kicker{margin-bottom:.65rem}.play-story-card h3{margin-bottom:.8rem;font-size:clamp(1.7rem,3vw,2.5rem)}.play-story-card p{color:#c8c2b8;max-width:540px;line-height:1.65}.play-card-link{color:var(--gold-2);justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;font-weight:800;display:flex}.play-follow{background:linear-gradient(110deg,#101d31e0,#070c16f0);border-top:1px solid #d9b36a26;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;padding:82px max(50vw - 560px,6vw) 90px;display:grid}.play-follow>div:first-child{max-width:460px}.play-follow h2{font-size:clamp(2.4rem,4.5vw,4rem)}.play-socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.play-social{min-height:124px;color:var(--text);background:#080e199e;border:1px solid #d9b36a36;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px 48px 18px 20px;text-decoration:none;transition:border-color .25s,transform .25s,background .25s;display:flex;position:relative}.play-social:hover{color:#fff;background:#0f1a2cd9;border-color:#5ec8ff94;transform:translateY(-2px)}.play-social-label{color:#8edaff;letter-spacing:.18em;font-size:.62rem;font-weight:850}.play-social strong{font-family:var(--display);margin:.25rem 0;font-size:1.2rem}.play-social small{color:#a7a295;font-size:.76rem}.play-social>b{color:var(--gold-2);position:absolute;top:19px;right:18px}.play-support{grid-column:1/-1;min-height:96px}@media (width<=760px){.play-hero{align-items:end;min-height:92svh;padding:125px 25px 120px}.play-hero-art{object-position:62% center}.play-hero-shade{background:linear-gradient(#05091266,#05091230 22%,#050912e3 68%,#050912fc 98%),linear-gradient(90deg,#0509124d,#0000)}.play-hero h1{font-size:clamp(4rem,16vw,6.8rem)}.play-lede{max-width:390px}.play-hero-mark{font-size:.55rem;bottom:22px;right:22px}.play-hero-mark img{width:35px}.play-loop{grid-template-columns:1fr;width:min(100% - 42px,520px);padding:42px 0}.play-loop article,.play-loop article:first-child{border-bottom:1px solid #d9b36a26;border-left:0;padding:19px 0 18px}.play-loop article:last-child{border-bottom:0}.play-loop h2{margin:.4rem 0}.play-loop p{margin-bottom:0}.play-world{grid-template-columns:1fr;gap:36px;width:min(100% - 42px,540px);padding:70px 0}.play-world-shot{width:min(290px,75%)}.play-beta{padding:68px 21px 62px}.play-beta-heading{margin-bottom:32px}.play-beta-heading h2{font-size:clamp(2.35rem,10vw,3.5rem)}.play-steps{grid-template-columns:1fr;max-width:500px}.play-steps li{min-height:unset;padding:24px 22px}.play-faq{grid-template-columns:1fr;gap:8px;margin-top:45px}.play-faq-heading{grid-row:auto;padding:0 0 10px}.play-faq details p{padding-right:4px}.play-stories{width:min(100% - 42px,540px);padding:72px 0}.play-stories-top{margin-bottom:27px;display:block}.play-stories-top>p{margin-top:1rem}.play-story-cards{grid-template-columns:1fr}.play-story-card{min-height:330px;padding:26px}.play-follow{grid-template-columns:1fr;gap:25px;padding:66px 21px 72px}.play-socials{grid-template-columns:1fr}.play-support{grid-column:auto}}@media (width<=390px){.play-hero{padding-inline:20px}.play-actions{flex-direction:column;align-items:stretch;max-width:310px}.play-button{width:100%}.play-social{padding-left:16px}.play-hero h1{font-size:clamp(3.6rem,17vw,4.8rem)}.play-beta{padding-inline:18px}.play-steps li{gap:15px;padding:21px 17px}}@keyframes play-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.play-hero-copy{animation:none}.play-faq summary:after{transition:none}}
