.play-page{background:#05090f;overflow-x:hidden}
.play-shell{max-width:1800px;margin:0 auto;position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 77% 7%,#40205c35,transparent 35%),#05090f}
.play-page .main-nav a{display:inline-block;position:relative}
.play-page .main-nav a[aria-current="page"]{color:#fff}
.play-page .main-nav a[aria-current="page"]:after{content:"";position:absolute;left:calc(50% - 3px);bottom:0;width:6px;height:6px;border-radius:50%;background:#cd8aff;box-shadow:0 0 16px #c169ff}
.play-page .main-nav a:hover{color:#fff}
.play-container{width:min(100% - 2*clamp(26px,5vw,88px),1440px);margin-inline:auto}
.play-hero{position:relative;isolation:isolate;min-height:690px;display:flex;align-items:center;padding:45px clamp(26px,5vw,88px) 90px;overflow:hidden;border-bottom:1px solid #c699ff25}
.play-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,#9044d925,transparent 44%),linear-gradient(90deg,#05090f 0%,#05090ff0 30%,#05090f6d 60%,#05090f14 100%)}
.play-hero-art{position:absolute;z-index:-2;inset:0;pointer-events:none;background:url('assets/play-portal-v1.webp') center top/cover no-repeat;opacity:.94;mask-image:linear-gradient(180deg,#000 0%,#000 71%,transparent 98%)}
.play-hero-copy{position:relative;z-index:1;width:min(780px,65%);padding:10px 0 0}
.play-kicker,.play-label{text-transform:uppercase;letter-spacing:.22em;font-size:12px;line-height:1.5;font-weight:650}
.play-kicker{display:flex;align-items:center;gap:13px;margin:0 0 30px;color:#e7d1ff}
.play-kicker-mark{display:block;width:7px;height:7px;border-radius:50%;background:#cf89ff;box-shadow:0 0 18px #b95eff}
.play-hero h1{font-size:clamp(58px,5.6vw,91px);line-height:1.06;letter-spacing:-.052em;text-wrap:balance;text-shadow:0 4px 32px #02050aca;margin:0}
.play-hero h1 span{color:#d3a7ff;display:block}
.play-hero-lead{max-width:610px;color:#dce0f1;font-size:clamp(18px,1.55vw,22px);line-height:1.65;margin:30px 0 0;text-shadow:0 2px 15px #01050adc}
.play-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:38px}
.play-hero-actions .primary-button,.play-contact .primary-button{font-size:16px;padding:19px 29px}
.play-hero-actions .text-link{font-size:15px}
.play-hero-meta{display:flex;flex-wrap:wrap;margin-top:62px;color:#d9c8ee;font-size:12px;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 8px #000,0 0 20px #000}
.play-hero-meta span+span:before{content:"/";color:#9173ae;margin:0 16px}
.play-hero-index{position:absolute;right:clamp(26px,5vw,88px);bottom:38px;display:flex;align-items:center;gap:16px;color:#cfb6e7;font-size:10px;letter-spacing:.2em}
.play-index-line{width:58px;height:1px;background:#c79ef066}
@media(min-width:1801px){
  .play-shell{background:linear-gradient(90deg,#05090f,transparent 8%,transparent 92%,#05090f),radial-gradient(ellipse at 77% 7%,#40205c35,transparent 35%),#05090f}
  .play-hero:before{background:linear-gradient(90deg,#05090f,transparent 8%,transparent 92%,#05090f),radial-gradient(ellipse at 75% 45%,#9044d925,transparent 44%),linear-gradient(90deg,#05090f 0%,#05090ff0 30%,#05090f6d 60%,#05090f14 100%)}
}
.play-label{color:#c699ff;margin:0 0 24px}
.play-services{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(45px,7vw,110px);padding-block:125px 50px;scroll-margin-top:28px}
.play-services-intro h2{font-size:clamp(42px,4.2vw,66px);line-height:1.12;letter-spacing:-.048em;margin:0;font-weight:750;text-wrap:balance}
.play-services-intro h2 em{font-style:normal;color:#d3a7ff}
.play-services-intro>p:last-child{color:#cfc9df;font-size:18px;line-height:1.75;max-width:570px;margin:28px 0 0}
.play-service-list{border-top:1px solid #c699ff3d}
.play-service{display:grid;grid-template-columns:36px minmax(0,1fr);gap:20px;padding:28px 0 30px;border-bottom:1px solid #c699ff2a}
.play-service-number{color:#c699ff;font-size:12px;letter-spacing:.1em;padding-top:6px}
.play-service h3{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:0;font-weight:650}
.play-service p{color:#cfc9df;font-size:16px;line-height:1.7;margin:12px 0 0}
.play-services+.play-games{padding-top:65px}
.play-games{padding-block:130px 45px;scroll-margin-top:28px}
.play-games-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.58fr);gap:30px 100px;align-items:end;padding-bottom:85px}
.play-games-intro h2,.play-catalogue h2,.play-contact h2{font-size:clamp(44px,4.4vw,70px);line-height:1.12;letter-spacing:-.048em;margin:0;font-weight:750;text-wrap:balance}
.play-games-intro h2 em,.play-catalogue h2 em,.play-contact h2 em{font-style:normal;color:#d3a7ff}
.play-games-intro>p{color:#cfc9df;font-size:18px;line-height:1.75;max-width:520px;margin:0 0 5px}
.play-game{--game-accent:#b5e98a;--game-glow:#8dbd6b;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-areas:"copy gallery";align-items:center;gap:clamp(50px,7vw,110px);padding:90px 0 110px;border-top:1px solid #d6acff34;scroll-margin-top:40px}
.play-game:nth-of-type(even){grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"gallery copy"}
.play-carve{--game-accent:#ff9cda;--game-glow:#dc65d6}
.play-spin{--game-accent:#87dbf0;--game-glow:#58bad3}
.play-arrow{--game-accent:#ffda68;--game-glow:#65bcf0}
.play-jewelry{--game-accent:#baf478;--game-glow:#71d691}
.play-game-copy{grid-area:copy;max-width:550px}
.play-game-title{display:flex;align-items:center;gap:22px}
.play-game-title img{display:block;width:82px;height:82px;flex:none;object-fit:cover;border-radius:19px;border:1px solid #ffffff40;box-shadow:0 12px 30px #0008}
.play-game-type{margin:0 0 6px;text-transform:uppercase;color:var(--game-accent);font-size:11px;font-weight:700;letter-spacing:.2em}
.play-game h3{font-size:clamp(38px,3.6vw,58px);letter-spacing:-.045em;line-height:1.1;margin:0;font-weight:760}
.play-game-description{font-size:18px;line-height:1.72;color:#d6d3e5;margin:31px 0 0;max-width:510px}
.play-game-points{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:27px 0 32px}
.play-game-points li{padding:9px 12px;border:1px solid color-mix(in srgb,var(--game-accent) 42%,transparent);border-radius:99px;color:#e6e4ee;background:color-mix(in srgb,var(--game-accent) 8%,transparent);font-size:12px;line-height:1.3}
.play-store-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:248px;padding:12px 13px 12px 0;border-top:1px solid color-mix(in srgb,var(--game-accent) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--game-accent) 55%,transparent);font-size:15px;font-weight:650;transition:color .25s,padding .25s}
.play-store-link span{font-size:23px;color:var(--game-accent);transition:transform .25s}
.play-store-link:hover,.play-store-link:focus-visible{color:var(--game-accent);padding-left:8px}
.play-store-link:hover span,.play-store-link:focus-visible span{transform:translate(3px,-3px)}
.play-gallery{grid-area:gallery;position:relative;height:470px;min-width:0;isolation:isolate}
.play-gallery:before{content:"";position:absolute;z-index:-2;inset:5% 6%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--game-glow) 30%,transparent),transparent 65%);filter:blur(34px)}
.play-gallery:after{content:"";position:absolute;z-index:-1;inset:6% 3% 9%;border:1px solid color-mix(in srgb,var(--game-accent) 14%,transparent);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--game-accent) 9%,transparent),#0e111c 70%)}
.play-shot{position:absolute;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--game-accent) 58%,transparent);border-radius:14px;background:#0c101a;box-shadow:0 22px 54px #000b,0 0 24px color-mix(in srgb,var(--game-accent) 18%,transparent);transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s}
.play-shot img{display:block;width:100%;height:100%;object-fit:cover}
.play-gallery-landscape .play-shot-main{z-index:1;top:13%;left:4%;width:88%;aspect-ratio:1052/592;transform:rotate(-2deg)}
.play-gallery-landscape .play-shot-second{z-index:2;bottom:5%;right:1%;width:51%;aspect-ratio:1052/592;transform:rotate(3deg)}
.play-gallery-landscape:hover .play-shot-main{transform:translateY(-5px) rotate(-2deg)}
.play-gallery-landscape:hover .play-shot-second{transform:translateY(-7px) rotate(3deg)}
.play-gallery-portrait .play-shot-main{z-index:2;top:2%;left:17%;height:91%;aspect-ratio:334/592;transform:rotate(-4deg)}
.play-gallery-portrait .play-shot-second{z-index:1;bottom:3%;right:14%;height:82%;aspect-ratio:334/592;transform:rotate(5deg)}
.play-jewelry .play-shot{aspect-ratio:3/5}
.play-gallery-portrait:hover .play-shot-main{transform:translateY(-5px) rotate(-4deg)}
.play-gallery-portrait:hover .play-shot-second{transform:translateY(-7px) rotate(5deg)}
.play-gallery-caption{position:absolute;z-index:3;left:7%;bottom:1%;font-size:10px;letter-spacing:.18em;color:#d7d1e4;text-shadow:0 2px 8px #000,0 0 8px #000}
.play-catalogue{position:relative;isolation:isolate;overflow:hidden;margin:40px clamp(15px,2vw,32px) 0;border:1px solid #be8bfc39;border-radius:20px;background:radial-gradient(ellipse at 75% 12%,#6d2f794f,transparent 49%),linear-gradient(130deg,#181521,#0d1019 67%)}
.play-catalogue:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.32;pointer-events:none;background-image:linear-gradient(#e7b0ff18 1px,transparent 1px),linear-gradient(90deg,#e7b0ff18 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 50%,#000)}
.play-catalogue-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.68fr);align-items:center;gap:80px;padding-block:105px}
.play-catalogue h2{font-size:clamp(43px,4.2vw,66px)}
.play-catalogue-inner p:last-child{color:#d3c9df;max-width:610px;font-size:18px;line-height:1.7;margin:25px 0 0}
.play-catalogue-link{display:flex;justify-content:space-between;align-items:end;gap:20px;min-height:205px;padding:27px;border:1px solid #c492ff77;border-radius:17px;background:radial-gradient(ellipse at 100% 100%,#ab5de339,transparent 63%),linear-gradient(140deg,#241c2e,#15131f 70%);box-shadow:0 25px 60px #0007,inset 0 1px #fff2;transition:transform .35s,border-color .35s,box-shadow .35s}
.play-catalogue-link span:first-child{font-size:clamp(24px,2.5vw,36px);line-height:1.18;letter-spacing:-.035em;font-weight:700;max-width:300px}
.play-catalogue-link span:last-child{display:grid;place-items:center;width:47px;height:47px;flex:none;border:1px solid #d6b5ff8c;border-radius:50%;font-size:24px;transition:transform .35s,background .35s}
.play-catalogue-link:hover,.play-catalogue-link:focus-visible{transform:translateY(-5px);border-color:#ddbaff;box-shadow:0 30px 72px #0009,0 0 35px #bc72f627}
.play-catalogue-link:hover span:last-child,.play-catalogue-link:focus-visible span:last-child{transform:rotate(35deg);background:#bc72f632}
.play-contact{display:flex;align-items:end;justify-content:space-between;gap:45px;padding-block:145px 115px}
.play-contact h2{font-size:clamp(42px,4.2vw,66px)}
.play-contact p:last-child{font-size:18px;line-height:1.7;color:#cec9dd;max-width:560px;margin:23px 0 0}
.play-contact .primary-button{flex:none}
.play-page .site-footer{padding:0 clamp(26px,5vw,88px) 30px;background:none}
.play-footer-top{display:flex;justify-content:space-between;gap:24px;color:#b8c9df;font-size:14px}
.play-footer-top a{display:inline-flex;align-items:center;gap:10px;min-height:44px;transition:color .2s}
.play-footer-top a:hover{color:#fff}
.play-page .footer-bottom{margin-top:28px}
@media(max-width:1100px){
  .play-hero{min-height:640px}
  .play-hero h1{font-size:clamp(54px,6.2vw,78px)}
  .play-games-intro{gap:45px}
  .play-game,.play-game:nth-of-type(even){gap:45px}
  .play-gallery{height:400px}
  .play-gallery-portrait .play-shot-main{height:88%}
  .play-gallery-portrait .play-shot-second{height:78%}
  .play-catalogue-inner{gap:50px}
}
@media(max-width:900px){
  .play-hero{min-height:680px;padding:40px 34px 70px}
  .play-hero-copy{width:72%}
  .play-hero h1{font-size:clamp(49px,7vw,66px)}
  .play-hero-lead{font-size:18px}
  .play-services{grid-template-columns:1fr;gap:40px;padding-block:92px 35px}
  .play-services-intro{max-width:690px}
  .play-services+.play-games{padding-top:60px}
  .play-games{padding-top:92px}
  .play-games-intro{grid-template-columns:1fr;gap:24px;padding-bottom:55px}
  .play-game,.play-game:nth-of-type(even){grid-template-columns:1fr;grid-template-areas:"copy" "gallery";gap:35px;padding-block:65px 82px}
  .play-game-copy{max-width:690px}
  .play-gallery{height:480px}
  .play-catalogue-inner{grid-template-columns:1fr;gap:45px;padding-block:75px}
  .play-catalogue-link{min-height:170px;max-width:550px}
  .play-contact{align-items:start;flex-direction:column;gap:34px;padding-block:105px 90px}
}
@media(max-width:640px){
  .play-container{width:calc(100% - 40px)}
  .play-hero{min-height:760px;align-items:start;padding:54px 20px 66px}
  .play-hero:before{background:linear-gradient(180deg,#05090f 0%,#05090ff0 36%,#05090f3b 71%,#05090f 100%)}
  .play-hero-art{inset:245px 0 0;background-image:url('assets/play-portal-v1-mobile.webp');background-size:auto 650px;background-position:right -150px top;opacity:.9;mask-image:linear-gradient(180deg,transparent 0%,#000 17%,#000 70%,transparent 98%)}
  .play-hero-copy{width:100%;padding:0}
  .play-kicker{font-size:10px;letter-spacing:.13em;margin-bottom:23px}
  .play-hero h1{font-size:clamp(37px,9.4vw,51px);line-height:1.09;letter-spacing:-.055em}
  .play-hero-lead{font-size:16px;line-height:1.62;max-width:370px;margin-top:22px}
  .play-hero-actions{gap:9px 20px;margin-top:26px}
  .play-hero-actions .primary-button{font-size:14px;padding:16px 20px}
  .play-hero-actions .text-link{font-size:13px}
  .play-hero-meta{font-size:10px;letter-spacing:.1em;margin-top:35px}
  .play-hero-meta span+span:before{margin:0 10px}
  .play-hero-index{right:20px;bottom:28px;font-size:9px}
  .play-services{gap:32px;padding-block:75px 20px}
  .play-services-intro h2{font-size:clamp(35px,9vw,49px)}
  .play-services-intro>p:last-child,.play-service p{font-size:15px;line-height:1.7}
  .play-service{grid-template-columns:26px minmax(0,1fr);gap:12px;padding:24px 0}
  .play-service h3{font-size:22px}
  .play-services+.play-games{padding-top:55px}
  .play-games{padding-top:75px}
  .play-label{font-size:10px;letter-spacing:.19em;margin-bottom:18px}
  .play-games-intro{padding-bottom:42px}
  .play-games-intro h2,.play-catalogue h2,.play-contact h2{font-size:clamp(35px,9vw,49px)}
  .play-games-intro>p,.play-catalogue-inner p:last-child,.play-contact p:last-child{font-size:15px;line-height:1.7}
  .play-game,.play-game:nth-of-type(even){gap:27px;padding-block:47px 68px}
  .play-game-title{gap:15px}
  .play-game-title img{width:66px;height:66px;border-radius:14px}
  .play-game-type{font-size:9px;letter-spacing:.15em}
  .play-game h3{font-size:clamp(30px,8.3vw,43px)}
  .play-game-description{font-size:15px;line-height:1.68;margin-top:22px}
  .play-game-points{margin:22px 0 26px;gap:7px}
  .play-game-points li{font-size:11px;padding:7px 9px}
  .play-store-link{font-size:13px;min-width:225px}
  .play-gallery{height:315px}
  .play-gallery-landscape .play-shot-main{top:14%;left:3%;width:93%}
  .play-gallery-landscape .play-shot-second{bottom:6%;right:0;width:56%}
  .play-gallery-portrait .play-shot-main{top:2%;left:15%;height:88%}
  .play-gallery-portrait .play-shot-second{right:12%;bottom:4%;height:78%}
  .play-gallery-caption{font-size:8px;bottom:0}
  .play-catalogue{margin:10px 10px 0;border-radius:15px}
  .play-catalogue-inner{padding-block:60px;gap:30px}
  .play-catalogue-link{padding:21px;min-height:145px}
  .play-catalogue-link span:first-child{font-size:25px}
  .play-contact{padding-block:85px 70px}
  .play-contact .primary-button{font-size:14px;padding:16px 20px}
  .play-page .site-footer{padding:0 20px 22px}
  .play-footer-top{flex-direction:column;gap:5px;font-size:13px}
}
@media(max-width:350px){
  .play-hero{min-height:785px}
  .play-hero-actions{align-items:start;flex-direction:column;gap:10px}
  .play-hero-meta span+span:before{margin:0 6px}
  .play-gallery{height:265px}
}
@media(prefers-reduced-motion:reduce){
  .play-store-link,.play-store-link span,.play-shot,.play-catalogue-link,.play-catalogue-link span:last-child{transition:none}
  .play-store-link:hover,.play-store-link:focus-visible{padding-left:0}
  .play-gallery:hover .play-shot-main,.play-gallery:hover .play-shot-second,.play-catalogue-link:hover,.play-catalogue-link:focus-visible{transform:none}
}
@media(prefers-contrast:more){.play-hero-lead,.play-services-intro>p:last-child,.play-service p,.play-games-intro>p,.play-game-description,.play-catalogue-inner p:last-child,.play-contact p:last-child{color:#fff}}
.play-reveal-ready [data-reveal]{opacity:0;transform:translate3d(0,25px,0)}
.play-reveal-ready [data-reveal].is-visible{opacity:1;transform:none;transition:opacity .72s ease,transform .72s cubic-bezier(.18,.72,.24,1)}
@media(prefers-reduced-motion:reduce){.play-reveal-ready [data-reveal]{opacity:1;transform:none;transition:none}}