.app-page{--app-padding:clamp(18px, 3vw, 38px)}.app-hero{background:radial-gradient(at 82% 63%,#7044bc,#0000 52%),linear-gradient(110deg,#28194b 20%,#432774 100%);border-color:#795bb0;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);min-height:428px}.app-hero:before,.app-hero:after{content:none}.app-hero .hero-content{width:100%;padding-right:0}.app-hero h1{max-width:13ch;font-size:clamp(2.4rem,5vw,4.1rem);line-height:1.01}.app-hero .hero-description{text-wrap:pretty;max-width:45ch}.app-hero .hero-actions{flex-wrap:wrap}.app-hero-art{--phone-width:clamp(176px, 17.5vw, 210px);--phone-inset:clamp(38px, 8.5vw, 116px);align-self:stretch;position:relative}.app-phone{top:50%;right:var(--phone-inset);width:var(--phone-width);background:linear-gradient(122deg,#51435e 0%,#1d1728 18%,#161221 73%,#8870a2);border:1px solid #d6c3f8a3;border-radius:26px;padding:8px;position:absolute;transform:translateY(-50%)rotate(8deg);box-shadow:inset 0 0 0 2px #f6e3ff21,0 18px 38px #150820a6}.app-phone-screen{background:#17152f;border-radius:17px;overflow:hidden}.app-phone-screen img{width:100%;height:auto}.app-home-icon{right:calc(var(--phone-inset) + var(--phone-width) - 23px);border:2px solid #e6d4ff;border-radius:25%;width:clamp(62px,8vw,104px);height:auto;position:absolute;bottom:20%;transform:rotate(-10deg);box-shadow:0 14px 31px #140c24a1}.app-section{margin-top:var(--section-space);scroll-margin-top:22px}.app-hero+.app-section{margin-top:var(--intro-space)}.app-section h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(1.65rem,3.3vw,2.7rem);line-height:1.08}.app-section p{color:var(--muted);text-wrap:pretty;font-size:.93rem;line-height:1.6}.app-device-nav{display:none}.app-device-iphone{--device-ink:#cedbff;--device-accent:#384773;--device-header:#2b2d4d}.app-device-android{--device-ink:#9aefc0;--device-accent:#325747;--device-header:#263942}.app-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.app-device{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);scroll-margin-top:22px;overflow:hidden}.app-device-header{padding:17px var(--app-padding);border-bottom:1px solid var(--border);background:linear-gradient(110deg, var(--device-header), #242139 88%);align-items:center;gap:15px;display:flex}.app-device:target .app-device-header{background:linear-gradient(110deg, var(--device-accent), var(--device-header) 88%)}.app-device-mark{background:var(--device-accent);width:52px;height:52px;color:var(--device-ink);border-radius:14px;flex:none;place-items:center;display:grid}.app-device-mark svg{width:33px;height:33px}.app-device-header h3{letter-spacing:-.045em;font-size:clamp(1.55rem,2.8vw,2.05rem);line-height:1.1}.app-device-header p{color:var(--device-ink);margin-top:3px;font-size:.81rem;font-weight:650;line-height:1.25}.app-steps{padding:21px var(--app-padding) 26px;gap:15px;margin:0;list-style:none;display:grid}.app-steps li{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;display:grid}.app-step-number{background:var(--device-header);min-height:28px;color:var(--device-ink);border-radius:8px;place-items:center;font-size:.85rem;font-weight:700;display:grid}.app-steps strong{padding-top:3px;font-size:.96rem;line-height:1.4;display:block}.app-step-heading{align-items:flex-start;gap:8px;display:flex}.app-step-control{background:var(--device-header);width:30px;height:28px;color:var(--device-ink);border-radius:7px;flex:none;place-items:center;display:grid}.app-step-control svg{width:18px;height:18px}.app-steps p{margin-top:3px}.app-games{padding:var(--app-padding);border-radius:var(--radius);background:linear-gradient(116deg,#25203d 14%,#35254e 100%);border:1px solid #54406e;grid-template-columns:minmax(0,.93fr) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,48px);display:grid}.app-games h2{max-width:21ch}.app-games p{max-width:48ch;margin:12px 0 18px}.app-game-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.app-game-gallery li{background:#211b36;border:1px solid #ffffff24;border-radius:12px;overflow:hidden}.app-game-gallery img{aspect-ratio:1.75;object-fit:cover;object-position:top;width:100%;height:auto}.app-game-gallery li:nth-child(2) img{object-position:center 55%}.app-game-gallery span{color:#f6f2ff;padding:7px 10px;font-size:.79rem;font-weight:650;line-height:1.3;display:block}.app-account{padding:clamp(17px, 2.5vw, 29px) var(--app-padding);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);grid-template-columns:clamp(82px,12vw,139px) minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.5vw,30px);display:grid}.app-account img{width:100%;height:auto}.app-account h2{font-size:clamp(1.45rem,2.65vw,2rem)}.app-account p{max-width:62ch;margin-top:7px}.app-faq{grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr)}@media (width<=860px){.app-hero-art{--phone-inset:16%}.app-games{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.app-faq{grid-template-columns:1fr;gap:12px}}@media (width<=680px){.app-hero{background:radial-gradient(at 74% 100%,#7044bc,#0000 65%),#2c1c50;grid-template-columns:minmax(0,1fr);min-height:0}.app-hero .hero-content{padding:22px 17px 0}.app-hero h1{max-width:14ch;font-size:clamp(2.05rem,8.4vw,3.4rem)}.app-hero .hero-description{margin-top:12px}.app-hero .hero-actions{margin-top:15px}.app-hero-art{--phone-inset:17%;--phone-width:clamp(150px, 42vw, 184px);justify-self:center;width:min(90%,340px);height:clamp(210px,58vw,270px);margin-top:10px}.app-phone{border-radius:21px;padding:6px;top:16px;transform:rotate(8deg)}.app-phone-screen{border-radius:14px}.app-home-icon{width:clamp(59px,18vw,77px);bottom:15%}.app-device-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.app-device-nav a{gap:6px}.app-device-nav svg{width:20px;height:20px;color:var(--device-ink);flex:none}.app-device-grid{grid-template-columns:1fr;gap:10px;margin-top:13px}.app-device-header{gap:12px;padding-block:14px}.app-device-mark{border-radius:12px;width:46px;height:46px}.app-device-mark svg{width:29px;height:29px}.app-steps{padding-block:17px 20px}.app-games{grid-template-columns:1fr}.app-games h2{max-width:none}.app-game-gallery img{aspect-ratio:1.65}.app-account{grid-template-columns:minmax(0,1fr) 62px;gap:10px 12px}.app-account img{grid-area:1/2}.app-account>div{display:contents}.app-account h2{grid-area:1/1}.app-account p{grid-column:1/-1;margin-top:0}.app-account .button{grid-column:1/-1;justify-self:start}}@media (width<=365px){.app-account{grid-template-columns:minmax(0,1fr) 52px}.app-hero .hero-actions{gap:6px}}
