/* Aurora homepage. Deliberately scoped: generation/chat/workspace keep their styles. */
#homeView[data-home-design] { --home-ink:#f8f9ff; --home-muted:#bbc9ee; --home-line:#344d80; color:var(--home-ink); background:#020617 url('assets/home/aurora-continuous-20261022.webp') center top / cover no-repeat; isolation:isolate; overflow:clip; min-height:100vh; }
#homeView[data-home-design] .home-static-background { display:none!important; }
#homeView[data-home-design] [data-reveal] { opacity:1; transform:none; filter:none; animation:none; }
#homeView[data-home-design] .header { position:relative; inset:auto; width:min(1280px,calc(100% - 96px)); margin:0 auto; padding:28px 0; display:flex; align-items:center; justify-content:space-between; z-index:20; }
#homeView[data-home-design] .logo { font:800 27px/1.2 Inter,sans-serif; letter-spacing:-1px; text-decoration:none; color:#fff; white-space:nowrap; }
#homeView[data-home-design] .logo .ai { color:#a08cff; }
#homeView[data-home-design] .header-actions { display:flex; align-items:center; gap:26px; }
#homeView[data-home-design] .header-link, #homeView[data-home-design] .home-nav-link { color:#e4ecff; font:500 14px/1.4 Inter,sans-serif; text-decoration:none; display:inline-flex; gap:8px; align-items:center; }
#homeView[data-home-design] .header-link { order:1; text-transform:none; }
#homeView[data-home-design] .home-account { position:relative; order:3; }
#homeView[data-home-design] #gamiaCredits { order:2; }
#homeView[data-home-design] #frontendSignInBtn { border:1px solid #7c9cdb; border-radius:30px; background:#09132d; color:#fff; padding:11px 24px; min-width:120px; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 14px Inter,sans-serif; box-shadow:0 0 16px #4564c04d,inset 0 0 10px #445ab24d; }
#homeView[data-home-design] .hero { position:relative; display:block; width:min(1120px,calc(100% - 48px)); min-height:0; margin:0 auto; padding:12px 0 30px; text-align:center; }
#homeView[data-home-design] .hero-content { display:flex; flex-direction:column; align-items:center; width:100%; max-width:none; padding:0!important; transform:none; }
#homeView[data-home-design] .home-beta { display:inline-flex; align-items:center; gap:12px; width:auto; height:auto; padding:7px 18px; margin:0 0 28px; background:#03132ba3; border:1px solid #284d92; border-radius:99px; color:#e9edff; font:600 10px/1 Inter,sans-serif; letter-spacing:3px; box-shadow:0 0 18px #173fa649; }
#homeView[data-home-design] .home-beta .material-symbols-rounded { color:#b3d3ff; font-size:17px; }
#homeView[data-home-design] .title { color:#fff; font:800 clamp(42px,6.3vw,88px)/1 Inter,sans-serif; letter-spacing:-3px; text-align:center; max-width:1050px; width:auto; margin:0 0 12px; text-shadow:0 3px 25px #0008; background:none; -webkit-text-fill-color:currentColor; }
#homeView[data-home-design] .home-gradient { background:linear-gradient(105deg,#c3ffff 0%,#68eaff 25%,#bcbfff 60%,#efb7ff 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; filter:drop-shadow(0 0 14px #71d5ff42); }
#homeView[data-home-design] .subtitle { font:400 clamp(15px,1.6vw,20px)/1.6 Inter,sans-serif; color:#cee0ff; width:auto; max-width:800px; margin:0 0 28px; text-align:center; }
#homeView[data-home-design] .waitlist-form, #homeView[data-home-design] .home-footer-form { position:relative; display:flex; flex-direction:row; align-items:center; gap:12px; width:min(880px,100%); max-width:880px; min-height:72px; margin:0; padding:8px 9px 8px 26px; border:1px solid #7399df; border-radius:25px; background:#101c398a; box-shadow:0 0 27px #5b60de52,inset 0 0 15px #364c8b64; backdrop-filter:blur(16px); }
#homeView[data-home-design] #mainInput, #homeView[data-home-design] #homeFooterInput { color:#f3f5ff; font:400 16px/1.55 Inter,sans-serif; min-height:30px; width:100%; min-width:0; height:auto; padding:6px 0; resize:none; border:0; outline:none; background:transparent; max-height:160px; box-shadow:none; flex:1; }
#homeView[data-home-design] textarea::placeholder { color:#b9c9ee; opacity:1; }
#homeView[data-home-design] #mainSubmitBtn, #homeView[data-home-design] .home-primary { position:static; transform:none; border:1px solid #c9afff; border-radius:18px; background:linear-gradient(145deg,#b97cff,#7945f4); box-shadow:0 0 20px #a66aff99,inset 0 0 8px #ffffff54; color:white; min-height:44px; min-width:148px; padding:12px 20px; font:650 15px/1.3 Inter,sans-serif; display:inline-flex; justify-content:center; align-items:center; gap:10px; width:auto; white-space:nowrap; flex-shrink:0; }
#homeView[data-home-design] .home-ideas { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:14px 0 20px; }
#homeView[data-home-design] .home-ideas button, #homeView[data-home-design] .home-outline { border:1px solid #36528d; border-radius:30px; background:#07152da6; color:#eef3ff; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:10px 18px; font:500 12px/1.3 Inter,sans-serif; text-decoration:none; }
#homeView[data-home-design] .home-ideas .material-symbols-rounded { color:#a2b9ff; font-size:19px; }
#homeView[data-home-design] .home-ideas button:nth-child(2) .material-symbols-rounded { color:#5ee0bc; }
#homeView[data-home-design] .home-secondary { display:flex; align-items:center; justify-content:center; gap:32px; }
#homeView[data-home-design] .inspire-section { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:4px; margin:0; width:auto; }
#homeView[data-home-design] .inspire-text { color:#b9c9f4; font:400 13px Inter,sans-serif; }
#homeView[data-home-design] #inspireEntryBtn { min-width:0; min-height:44px; padding:8px 6px; color:#e4eaff; text-decoration:underline; text-underline-offset:4px; font:600 13px Inter,sans-serif; border:0; background:transparent; box-shadow:none; }
#homeView[data-home-design] #inspireEntryBtn svg { display:block; width:23px; height:23px; flex-shrink:0; }
#homeView[data-home-design] .home-outline { border-radius:18px; padding:13px 26px; border-color:#8bb6f1; box-shadow:0 0 12px #6898e54a,inset 0 0 12px #6386d53a; }
#homeView[data-home-design] .stats, #homeView[data-home-design] .hero-orbit { display:none!important; }
#homeView[data-home-design] .home-section { width:min(1280px,calc(100% - 96px)); margin:0 auto; position:relative; z-index:1; }
#homeView[data-home-design] .home-games { padding-top:0; }
#homeView[data-home-design] .home-section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; }
#homeView[data-home-design] .home-eyebrow { font:600 10px/1.6 Inter,sans-serif; letter-spacing:4px; color:#c6c8ef; margin:0 0 9px; }
#homeView[data-home-design] h2 { font:800 clamp(27px,3.25vw,46px)/1.13 Inter,sans-serif; letter-spacing:-1.7px; color:white; margin:0 0 9px; }
#homeView[data-home-design] .home-section-heading p:not(.home-eyebrow), #homeView[data-home-design] .home-section-subtitle { font:400 17px/1.6 Inter,sans-serif; margin:0; color:#c7d6f6; }
#homeView[data-home-design] .home-section-heading>a { color:#d5ddff; font:500 13px Inter,sans-serif; display:flex; align-items:center; gap:8px; white-space:nowrap; }
#homeView[data-home-design] .home-game-grid, #homeView[data-home-design] .home-step-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
#homeView[data-home-design] .home-game-card { min-width:0; padding:7px; border:1px solid #365283; border-radius:18px; background:#071329f2; box-shadow:inset 0 0 12px #5065a529,0 9px 30px #0004; overflow:hidden; }
#homeView[data-home-design] .home-card-cover { position:relative; display:block; width:100%; padding:0; border:0; border-radius:11px; overflow:hidden; background:#121e3b; aspect-ratio:1.48; cursor:pointer; }
#homeView[data-home-design] .home-card-cover img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s; }
#homeView[data-home-design] .home-card-cover:hover img { transform:scale(1.035); }
#homeView[data-home-design] .home-cover-label { position:absolute; bottom:10px; right:10px; padding:4px 8px; border:1px solid #aabce34d; border-radius:6px; background:#071329cc; color:#e2eaff; font:500 10px/1.3 Inter,sans-serif; }
#homeView[data-home-design] .home-cover-action { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; }
#homeView[data-home-design] .home-cover-action .material-symbols-rounded { font-size:30px; color:white; background:#0c183dd9; padding:11px; border-radius:50%; border:1px solid #9fbeff; }
#homeView[data-home-design] .home-card-copy { padding:14px 11px 10px; }
#homeView[data-home-design] .home-card-copy h3 { font:750 19px/1.25 Inter,sans-serif; letter-spacing:-.5px; margin:0 0 8px; }
#homeView[data-home-design] .home-game-genre { display:inline-block; font:600 9px/1.3 Inter,sans-serif; letter-spacing:1px; color:#bfc2ff; padding:5px 10px; border:1px solid #635eb1; border-radius:20px; }
#homeView[data-home-design] .home-card-hook { color:#c9d7f8; font:400 12px/1.6 Inter,sans-serif; min-height:20px; margin:9px 0; }
#homeView[data-home-design] .home-card-idea { display:flex; gap:9px; padding:10px; min-height:55px; border:1px solid #2b4679; border-radius:11px; background:#101e3885; font:400 11px/1.5 Inter,sans-serif; color:#d6e0fa; }
#homeView[data-home-design] .home-card-idea .material-symbols-rounded { font-size:20px; flex-shrink:0; }
#homeView[data-home-design] .home-card-idea small { display:block; color:#9faed0; margin-bottom:2px; font-size:10px; }
#homeView[data-home-design] .home-card-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:15px; }
#homeView[data-home-design] .home-card-actions .home-primary { min-width:0; min-height:42px; border-radius:12px; font-size:12px; padding:10px 14px; gap:5px; }
#homeView[data-home-design] .home-card-actions a.home-primary { text-decoration:none; }
#homeView[data-home-design] .home-use-idea { background:none; border:0; padding:6px 0; color:#c5d2f5; font:500 11px/1.4 Inter,sans-serif; text-decoration:underline; text-underline-offset:4px; }
#homeView[data-home-design] .home-catalog-note { font:400 11px/1.5 Inter,sans-serif; color:#aab9d9; margin:14px 3px 0; }
#homeView[data-home-design] .home-how { padding-top:78px; text-align:center; }
#homeView[data-home-design] .home-how>h2 { font-size:clamp(30px,3.9vw,55px); }
#homeView[data-home-design] .home-step-grid { margin-top:30px; text-align:left; }
#homeView[data-home-design] .home-step h3 { display:flex; align-items:center; gap:14px; font:650 16px/1.3 Inter,sans-serif; margin:0 0 18px; }
#homeView[data-home-design] .home-step h3>span { border:1px solid #91b2f7; background:#0c2255b3; border-radius:50%; width:43px; height:43px; display:flex; align-items:center; justify-content:center; box-shadow:0 0 13px #3967f180; font-size:14px; flex-shrink:0; }
#homeView[data-home-design] .home-step-art { position:relative; border:1px solid #6987c5; border-radius:17px; overflow:hidden; aspect-ratio:1.26; background:#08152ecc; }
#homeView[data-home-design] .home-step-art img { width:100%; height:100%; object-fit:cover; }
#homeView[data-home-design] .home-step>p { color:#c8d5f6; font:400 12px/1.6 Inter,sans-serif; margin:15px 2px 0; }
#homeView[data-home-design] .home-step-prompt { padding:30px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:15px; background:#091d3ee6 url('assets/home/aurora-home-20261022.webp') center / cover; }
#homeView[data-home-design] .home-step-prompt>span { color:#d7c3ff; font-size:30px; }
#homeView[data-home-design] .home-step-prompt>p { font:500 15px/1.6 Inter,sans-serif; margin:0; padding:13px; background:#071226bd; border:1px solid #4762a4; border-radius:12px; }
#homeView[data-home-design] .home-step-prompt button { display:flex; align-items:center; gap:9px; color:white; border:1px solid #b89cff; background:#8948eb; border-radius:12px; padding:11px 15px; font:600 12px Inter,sans-serif; box-shadow:0 0 17px #9753f780; }
#homeView[data-home-design] .home-art-label { position:absolute; bottom:12px; left:12px; border:1px solid #6480ba; padding:5px 9px; border-radius:8px; background:#07142fe3; color:#d2ddfa; font:400 10px Inter,sans-serif; }
#homeView[data-home-design] .home-edit-bubble { position:absolute; top:13px; left:13px; right:13px; border:1px solid #9d8be4; border-radius:13px; padding:10px; background:#172b59ee; display:flex; align-items:center; gap:8px; font:400 11px/1.5 Inter,sans-serif; }
#homeView[data-home-design] .home-final { text-align:center; padding:55px 0 55px; }
#homeView[data-home-design] .home-final>h2 { margin-bottom:26px; }
#homeView[data-home-design] .home-footer-form { margin:auto; text-align:left; }
#homeView[data-home-design] .home-footer-form>span { color:#dfc5ff; }
#homeView[data-home-design] .home-final>p { color:#bfcced; font:400 13px/1.5 Inter,sans-serif; margin:15px 0 0; }
#homeView[data-home-design] .home-footer { position:relative; inset:auto; display:flex; align-items:center; justify-content:space-between; padding:26px 0 40px; border-top:1px solid #35436d; width:min(1280px,calc(100% - 96px)); margin:0 auto; background:none; min-height:0; }
#homeView[data-home-design] .home-footer .copyright { font:400 11px Inter,sans-serif; color:#9aaccf; }
#homeView[data-home-design] .footer-links { display:flex; gap:25px; }
#homeView[data-home-design] .footer-links a, #homeView[data-home-design] .footer-links button { background:none; border:0; color:#d7e3ff; font:500 12px Inter,sans-serif; text-transform:none; letter-spacing:0; display:inline-flex; align-items:center; gap:6px; text-decoration:none; padding:6px 0; }
#homeView[data-home-design] .material-symbols-rounded { line-height:1; font-size:20px; vertical-align:middle; }
#homeView[data-home-design] [hidden] { display:none!important; }
#homeView[data-home-design] button { cursor:pointer; }
#homeView[data-home-design] button:disabled { opacity:.6; cursor:wait; }
#homeView[data-home-design] :is(button,a,textarea):focus-visible { outline:2px solid #b6deff; outline-offset:4px; }
#homeView[data-home-design] .home-account-menu { position:absolute; top:calc(100% + 10px); right:0; z-index:99; min-width:170px; padding:8px; border:1px solid #6888c9; border-radius:13px; background:#0b1531; box-shadow:0 10px 25px #0007; }
#homeView[data-home-design] .home-account-menu button { display:block; width:100%; text-align:left; padding:12px; border:0; border-radius:7px; color:#e7ecff; background:none; font:500 13px Inter,sans-serif; }
#homeView[data-home-design] .home-account-menu button:hover { background:#203259; }
#homeView[data-home-design] .home-dialog { padding:0; color:#f3f7ff; border:1px solid #7090cc; border-radius:20px; background:#08142b; width:min(1000px,calc(100% - 32px)); max-height:90dvh; margin:auto; box-shadow:0 0 70px #4b3f9d66; }
#homeView[data-home-design] .home-dialog::backdrop { background:#000a; backdrop-filter:blur(8px); }
#homeView[data-home-design] .home-dialog-bar { padding:15px 22px; display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid #344b77; }
#homeView[data-home-design] .home-dialog h2 { font-size:19px; letter-spacing:-.4px; margin:0; }
#homeView[data-home-design] .home-dialog-bar button { color:white; background:#192b4c; border:1px solid #5b74a2; border-radius:50%; width:40px; height:40px; flex-shrink:0; }
#homeView[data-home-design] #homePreviewBody>img { display:block; width:100%; max-height:65dvh; object-fit:contain; }
#homeView[data-home-design] #homePreviewBody>iframe { display:block; width:100%; height:65dvh; border:0; background:#020617; }
#homeView[data-home-design] #homePreviewBody>p { margin:0; padding:15px 22px; color:#bfcdeb; font:400 13px/1.6 Inter,sans-serif; }
#homeView[data-home-design] .home-privacy { max-width:650px; }
#homeView[data-home-design] .home-privacy-copy { padding:8px 25px 25px; font:400 15px/1.8 Inter,sans-serif; color:#cfdbf6; }
#homeView[data-home-design] .home-privacy-copy a { color:#b8beff; text-decoration:underline; }
#homeView[data-home-design] .home-draft-undo { color:#c4d1ef; font:400 12px Inter,sans-serif; margin:-10px 0 14px; }
#homeView[data-home-design] .home-draft-undo button { background:none; border:0; color:#c2afff; text-decoration:underline; padding:5px; }
#homeView[data-home-design] .home-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
/* Retire the old hero's !important decoration on this homepage only. */
#homeView[data-home-design]::before, #homeView[data-home-design]::after, #homeView[data-home-design] .hero::before, #homeView[data-home-design] .home-beta::after { content:none!important; }
#homeView[data-home-design] .header { padding:10px 0!important; }
#homeView[data-home-design] #mainSubmitBtn { background:linear-gradient(145deg,#b97cff,#7945f4)!important; box-shadow:0 0 20px #a66aff99,inset 0 0 8px #ffffff54!important; }
#homeView[data-home-design] #inspireEntryBtn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-width:148px; padding:12px 20px; border:1px solid rgba(255,255,255,.18)!important; border-radius:16px; background:var(--btn-gradient)!important; color:#fff; text-decoration:none; font-size:15px; box-shadow:var(--btn-shadow)!important; }
#homeView[data-home-design] #inspireEntryBtn:hover { background:var(--btn-hover-gradient)!important; border-color:rgba(255,255,255,.28)!important; box-shadow:var(--btn-glow)!important; }
#homeView[data-home-design] #inspireEntryBtn:is(.droi-catcher-awake,.droi-impact-pulse)::before,
#homeView[data-home-design] #inspireEntryBtn:is(.droi-catcher-awake,.droi-impact-pulse)::after { content:''!important; display:block!important; background:transparent; }
#homeView[data-home-design] #inspireEntryBtn.droi-impact-pulse { animation:droiPulse 1.32s ease-out 1; }
#homeView[data-home-design] .home-cover-action .material-symbols-rounded { width:52px; height:52px; padding:0; display:grid; place-items:center; }
.home-skip-intro { pointer-events:auto!important; position:absolute; z-index:30; top:26px; right:28px; padding:11px 18px; border:1px solid #829cd4; border-radius:24px; background:#0c193ad9; color:#fff; cursor:pointer; font:500 13px Inter,sans-serif; }
@media(max-width:1100px) { #homeView[data-home-design] .home-section, #homeView[data-home-design] .header, #homeView[data-home-design] .home-footer { width:calc(100% - 56px); } #homeView[data-home-design] .header-actions { gap:18px; } #homeView[data-home-design] .home-card-actions { align-items:center; flex-direction:row; } #homeView[data-home-design] .home-step-prompt { padding:20px; } #homeView[data-home-design] .home-step h3 { font-size:14px; gap:9px; } }
@media(max-width:760px) { #homeView[data-home-design] .header { padding:22px 0; } #homeView[data-home-design] .header-actions { gap:16px; } #homeView[data-home-design] .nav-how { display:none; } #homeView[data-home-design] .hero { padding-top:36px; padding-bottom:45px; } #homeView[data-home-design] .title { letter-spacing:-2px; font-size:clamp(38px,6.2vw,48px); } #homeView[data-home-design] .home-game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #homeView[data-home-design] .home-game-card:last-child { grid-column:1/-1; max-width:calc(50% - 10px); justify-self:center; } #homeView[data-home-design] .home-step-grid { grid-template-columns:1fr; gap:28px; } #homeView[data-home-design] .home-step-art { aspect-ratio:1.6; } #homeView[data-home-design] .home-how { padding-top:70px; } #homeView[data-home-design] .home-section-heading { align-items:flex-start; } #homeView[data-home-design] .home-section-heading>a { display:none; } #homeView[data-home-design] .waitlist-form,#homeView[data-home-design] .home-footer-form { min-height:66px; padding-left:18px; border-radius:20px; } #homeView[data-home-design] #mainSubmitBtn,#homeView[data-home-design] .home-footer-form .home-primary { min-width:150px; font-size:13px; padding-inline:14px; } #homeView[data-home-design] .home-final { padding:65px 0; } }
@media(max-width:520px) { #homeView[data-home-design] .header, #homeView[data-home-design] .home-section, #homeView[data-home-design] .home-footer { width:calc(100% - 36px); } #homeView[data-home-design] .header-actions { gap:14px; } #homeView[data-home-design] .header-link { display:none; } #homeView[data-home-design] .logo { font-size:23px; } #homeView[data-home-design] #frontendSignInBtn { min-width:84px; max-width:125px; padding:10px 14px; font-size:12px; } #homeView[data-home-design] .hero { width:calc(100% - 36px); padding:30px 0 50px; } #homeView[data-home-design] .home-beta { margin-bottom:25px; font-size:9px; } #homeView[data-home-design] .title { font-size:38px; line-height:1.08; letter-spacing:-1.9px; } #homeView[data-home-design] .subtitle { margin-bottom:26px; font-size:14px; max-width:320px; } #homeView[data-home-design] .waitlist-form, #homeView[data-home-design] .home-footer-form { flex-wrap:wrap; padding:15px; gap:12px; } #homeView[data-home-design] #mainInput { flex:1 1 100%; padding:0 3px; font-size:15px; } #homeView[data-home-design] #mainSubmitBtn, #homeView[data-home-design] .home-footer-form .home-primary { width:100%; min-height:46px; border-radius:12px; } #homeView[data-home-design] #homeFooterInput { font-size:15px; } #homeView[data-home-design] .home-ideas { gap:7px; margin-bottom:19px; } #homeView[data-home-design] .home-ideas button { padding:10px 11px; font-size:10px; gap:5px; } #homeView[data-home-design] .home-ideas .material-symbols-rounded { font-size:16px; } #homeView[data-home-design] .home-secondary { gap:16px; flex-wrap:wrap; } #homeView[data-home-design] .inspire-text, #homeView[data-home-design] #inspireEntryBtn { font-size:12px; } #homeView[data-home-design] .home-outline { padding:11px 16px; font-size:12px; } #homeView[data-home-design] .home-game-grid { grid-template-columns:1fr; gap:18px; } #homeView[data-home-design] .home-game-card:last-child { grid-column:auto; max-width:none; } #homeView[data-home-design] .home-card-actions { flex-direction:row; align-items:center; } #homeView[data-home-design] .home-card-actions .home-primary { flex:1; } #homeView[data-home-design] .home-card-actions .home-use-idea { padding:12px 7px; } #homeView[data-home-design] .home-card-hook { min-height:0; } #homeView[data-home-design] .home-step-art { aspect-ratio:1.3; } #homeView[data-home-design] .home-step-prompt { padding:25px; } #homeView[data-home-design] .home-section-heading p:not(.home-eyebrow) { font-size:14px; } #homeView[data-home-design] h2 { font-size:30px; letter-spacing:-1px; } #homeView[data-home-design] .home-footer { flex-wrap:wrap; gap:22px; } #homeView[data-home-design] .home-footer .copyright { order:3; flex-basis:100%; } #homeView[data-home-design] #gamiaCredits { position:absolute!important; top:70px; right:0; } }
@media(prefers-reduced-motion:reduce) { #homeView[data-home-design] *, #homeView[data-home-design] *::before, #homeView[data-home-design] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }


#homeView[data-home-design] .home-game-card { display:flex; flex-direction:column; }
#homeView[data-home-design] .home-card-copy { display:flex; flex-direction:column; flex:1; }
#homeView[data-home-design] .home-card-idea>div>span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
#homeView[data-home-design] .home-card-actions { margin-top:auto; padding-top:15px; }

#homeView[data-home-design] .waitlist-form { --prompt-h:60px; min-height:60px!important; }
#homeView[data-home-design] .home-game-genre { align-self:flex-start; }
#homeView[data-home-design] .home-card-actions .home-primary { font-size:11px; padding-inline:10px; }
#homeView[data-home-design] .home-use-idea { font-size:10px; white-space:nowrap; }
#homeView[data-home-design] #inspireEntryBtn { min-height:48px!important; height:auto!important; }
#homeView[data-home-design] .home-games h2 { font-size:clamp(30px,4.4vw,48px); }
#homeView[data-home-design] .home-how>h2 { font-size:clamp(30px,5.8vw,62px); }
#homeView[data-home-design] .home-final>h2 { font-size:clamp(30px,4.8vw,52px); }
#homeView[data-home-design] .waitlist-form, #homeView[data-home-design] .home-footer-form { width:min(880px,78%)!important; }
@media(max-width:760px) { #homeView[data-home-design] .waitlist-form, #homeView[data-home-design] .home-footer-form { width:100%!important; } }

/* Three content chapters share one continuous backdrop. */
#homeView[data-home-design] [data-home-screen] { position:relative; width:100%; min-height:100svh; background:transparent; }
#homeView[data-home-design] .home-page-one { display:flex; flex-direction:column; }
#homeView[data-home-design] .home-page-one .header { flex:0 0 auto; }
#homeView[data-home-design] .home-page-one .hero { flex:1; display:flex; align-items:center; justify-content:center; padding:36px 0 68px; z-index:3; }
#homeView[data-home-design] .home-page-two { display:flex; align-items:center; }
#homeView[data-home-design] .home-page-two .home-games { padding-block:clamp(36px,6svh,72px); }
#homeView[data-home-design] .home-page-three { display:flex; flex-direction:column; justify-content:space-evenly; padding-top:clamp(30px,4svh,52px); }
#homeView[data-home-design] .home-page-three .home-how { padding-top:0; }
#homeView[data-home-design] .home-page-three .home-final { padding:28px 0; }
#homeView[data-home-design] .home-page-three .home-footer { padding:20px 0; }
#homeView[data-home-design] .home-section { z-index:3; }
#homeView[data-home-design] #mainSubmitBtn { align-self:center!important; margin:0!important; }
#homeView[data-home-design] .home-secondary { gap:26px; }
#homeView[data-home-design] .inspire-section { gap:12px; }
#homeView[data-home-design] .home-gradient { opacity:1; }
#homeView[data-home-design] #starlightContainer { display:block!important; visibility:visible!important; opacity:.8!important; position:fixed; inset:0; width:100vw; height:100dvh; z-index:2; pointer-events:none; background:none!important; animation:starViewportDrift 90s ease-in-out infinite alternate!important; }
#homeView[data-home-design] #starlightContainer::before, #homeView[data-home-design] #starlightContainer::after { content:''!important; display:block!important; visibility:visible!important; animation-name:meteorDrift!important; animation-timing-function:linear!important; animation-iteration-count:infinite!important; }
#homeView[data-home-design] #starlightContainer::before { animation-duration:9s!important; animation-delay:-7s!important; }
#homeView[data-home-design] #starlightContainer::after { animation-duration:13s!important; animation-delay:-3s!important; }
#homeView.home-motion-paused #starlightContainer, #homeView.home-motion-paused #starlightContainer::before, #homeView.home-motion-paused #starlightContainer::after, #homeView.home-motion-paused #starlightContainer .starlight { animation-play-state:paused!important; }
@media(max-width:760px) {
 #homeView[data-home-design] { background:#020617; }
 #homeView[data-home-design] .home-static-background { display:block!important; position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; max-width:none!important; object-fit:cover!important; object-position:center!important; opacity:1!important; transform:none!important; animation:none!important; filter:none!important; z-index:0!important; pointer-events:none; }
 #homeView[data-home-design] .home-page-one .hero { padding:34px 0 50px; }
 #homeView[data-home-design] .home-page-two .home-games { padding-block:48px; }
 #homeView[data-home-design] .home-page-three { gap:36px; padding-top:48px; }
 #homeView[data-home-design] .home-page-three .home-final { padding:14px 0; }
 #homeView[data-home-design] #inspireEntryBtn { min-width:132px; padding:11px 15px; font-size:14px; }
 #homeView[data-home-design] .home-secondary { gap:16px; }
 #homeView[data-home-design] .inspire-section { gap:8px; }
}
@media(min-width:761px) and (max-height:900px) {
 #homeView[data-home-design] .home-page-two .home-games { padding-block:24px; }
 #homeView[data-home-design] .home-page-three { padding-top:24px; }
 #homeView[data-home-design] .home-page-three .home-how>h2 { font-size:48px; }
 #homeView[data-home-design] .home-page-three .home-step-grid { margin-top:22px; }
 #homeView[data-home-design] .home-page-three .home-step h3 { margin-bottom:12px; }
 #homeView[data-home-design] .home-page-three .home-step-art { aspect-ratio:1.65; }
 #homeView[data-home-design] .home-page-three .home-step>p { margin-top:10px; }
 #homeView[data-home-design] .home-page-three .home-final { padding:20px 0; }
 #homeView[data-home-design] .home-page-three .home-final>h2 { font-size:44px; margin-bottom:16px; }
 #homeView[data-home-design] .home-page-three .home-footer { padding:14px 0; }
}
@media(max-width:520px) {
 #homeView[data-home-design] .home-secondary { flex-direction:column; gap:12px; }
 #homeView[data-home-design] .inspire-text { white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) { #homeView[data-home-design] #starlightContainer { display:none!important; } }
@media(max-width:1100px) {
 #homeView[data-home-design] .home-step-prompt { padding:16px; gap:10px; }
 #homeView[data-home-design] .home-step-prompt>span { display:none; }
 #homeView[data-home-design] .home-step-prompt>p { font-size:13px; line-height:1.4; padding:10px; }
 #homeView[data-home-design] .home-step-prompt button { min-height:36px; padding:8px 12px; }
}
body.gamia-home-active #historySidebar:not(.open) #sidebarToggle { position:fixed; left:0; right:auto; width:24px; min-width:24px; height:44px; padding:0; border-radius:0 12px 12px 0; }