/* Approved public homepage and FAQ. The account screen and its runtime stay intact. */
#screen-account .acct-eyebrow{margin-top:24px;margin-bottom:22px}
#screen-account .acct-hero-text>h1{margin:0;line-height:1.05}
#screen-account .acct-marketing.acct-hero{gap:32px;align-items:center;padding-bottom:32px}
.hero-gameplay{width:min(100%,340px);justify-self:center;display:flex;flex-direction:column;align-items:center;min-width:0;position:relative;z-index:3}
.hero-video-frame{width:100%;position:relative;border:2px solid var(--nyon-ink);border-radius:24px;overflow:hidden;background:var(--nyon-cream);box-shadow:0 6px 0 #302b3b18;aspect-ratio:3/4}
.hero-video-frame video{display:block;width:100%;height:100%;object-fit:contain}
#screen-account .hero-gameplay .acct-demo-cta{width:100%;justify-content:center;margin:22px 0 0;min-height:54px}
.featured-ekraf{display:flex;align-items:center;gap:20px;background:#f1f5ed;border:1.5px solid #a7b9a7;border-radius:20px;padding:16px 22px;margin:20px 0;text-decoration:none;color:var(--nyon-ink)}
.featured-ekraf img{width:132px;height:auto;border-radius:10px;flex:none}.featured-ekraf div{display:grid;gap:3px}.featured-ekraf small{font-size:10px;font-weight:900;letter-spacing:1px;color:#386b60}.featured-ekraf strong{font-size:18px;line-height:1.4}.featured-ekraf span{font-size:13px;font-weight:850;color:#386b60;text-decoration:underline;text-underline-offset:3px}
.cover-reel{position:relative;min-width:0;margin:24px 0 32px}.cover-reel-window{overflow-x:auto;scrollbar-width:none;border-radius:18px;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}.cover-reel-window::-webkit-scrollbar{display:none}.cover-reel-track{display:flex;width:max-content;animation:cover-drift 180s linear infinite}.cover-reel-group{display:flex;gap:14px;padding-right:14px}.cover-reel-group img{width:160px;height:160px;object-fit:contain;border-radius:20px;border:1.5px solid #302b3b25;background:#fffaf0}@keyframes cover-drift{to{transform:translateX(-50%)}}
#screen-account .acct-onboarding{display:flex;flex-direction:column;justify-content:center}.access-intro{display:flex;align-items:center;justify-content:space-between;gap:12px}.access-intro img{object-fit:contain;width:110px;height:110px}.claim-link{text-align:center;display:block;margin-top:18px;font-size:14px;font-weight:850;color:var(--nyon-ink);text-underline-offset:4px}.acct-onboarding .acct-onboarding-copy{margin:18px 0 24px}.acct-auth-heading p{line-height:1.5}.acct-utility-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%}.acct-utility-actions>*{white-space:nowrap!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:8px 5px!important;font-size:13px!important;display:flex!important;justify-content:center;align-items:center}
.faq-section{margin:48px 0 28px;scroll-margin-top:18px}.faq-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.faq-heading img{width:100px;height:100px;object-fit:contain}.faq-eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:900;color:var(--nyon-success);margin:0 0 7px}.faq-heading h2{font-size:clamp(26px,4vw,36px);line-height:1.2;font-weight:900;margin:0 0 8px}.faq-heading p:last-child{color:var(--nyon-muted);margin:0;font-size:16px}.faq-list{background:#fffdf9;border:2px solid var(--nyon-ink);border-radius:22px;overflow:hidden;box-shadow:0 5px 0 #302b3b18}.faq-list details+details{border-top:1px solid #ded8d4}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;list-style:none;cursor:pointer;font-size:17px;line-height:1.5;font-weight:850}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:24px;color:var(--nyon-success);flex:none}.faq-list details[open]{background:#f0f5ee}.faq-list details[open] summary:after{content:'−'}.faq-answer{padding:0 24px 23px;font-size:16px;line-height:1.7;color:var(--nyon-muted);max-width:900px}.faq-answer p{margin:0 0 12px}.faq-answer p:last-child{margin:0}.faq-answer strong{color:var(--nyon-ink)}.faq-answer a{color:var(--nyon-success);font-weight:900;text-underline-offset:4px}.faq-more{display:block;margin:24px auto;background:white;border:2px solid var(--nyon-ink);border-radius:14px;min-height:48px;padding:10px 22px;font:850 15px Nunito,sans-serif;color:var(--nyon-ink);cursor:pointer;text-align:center;text-decoration:none;width:fit-content}.faq-extra h3{margin:28px 0 14px;font-size:20px}.faq-support{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--nyon-butter);border:2px solid var(--nyon-ink);border-radius:20px;padding:26px;margin-top:28px}.faq-support h3{font-size:20px;margin:0}.faq-support a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:14px;background:var(--nyon-ink);color:white;font-weight:900;text-decoration:none;white-space:nowrap}.faq-section :is(a,button,summary):focus-visible{outline:3px solid var(--nyon-success);outline-offset:4px}.faq-full-page{max-width:880px;margin:28px auto!important}.faq-back{display:inline-block;margin:0 0 30px;color:var(--nyon-success);font-weight:850}.faq-full-page .faq-extra{margin-top:32px}
.faq-page{display:block;min-height:100vh;overflow:auto;background:var(--nyon-cream);color:var(--nyon-ink);font-family:var(--nyon-font-ui)}.faq-shell{width:min(960px,100%);margin:auto;padding:24px 20px 64px}
@media(min-width:900px){#screen-account .acct-marketing.acct-hero{grid-template-columns:minmax(0,1fr) minmax(280px,340px);min-height:0;padding-top:36px;padding-bottom:36px}}
@media(max-width:899px){.hero-gameplay{width:min(100%,300px)}}
@media(max-width:600px){#screen-account .acct-eyebrow{margin-top:24px;margin-bottom:20px}.access-intro img{width:88px;height:88px}.featured-ekraf{padding:13px;gap:12px;border-radius:16px}.featured-ekraf img{width:94px}.featured-ekraf small{font-size:9px;letter-spacing:.45px}.featured-ekraf strong{font-size:14px}.featured-ekraf span{font-size:12px}.cover-reel{margin:20px 0 26px}.cover-reel-group img{width:132px;height:132px;border-radius:16px}.cover-reel-group{gap:10px;padding-right:10px}.faq-section{margin-top:34px}.faq-heading{gap:10px;align-items:flex-start}.faq-heading img{width:60px;height:74px}.faq-heading h2{font-size:25px}.faq-heading p:last-child{font-size:14px}.faq-list summary{padding:18px 16px;font-size:16px}.faq-answer{padding:0 16px 20px;font-size:15px}.faq-support{gap:12px;padding:20px 16px}.faq-support h3{font-size:18px}.faq-support a{padding:10px 16px}}
@media(prefers-reduced-motion:reduce){.cover-reel-track{animation:none}}
