.home-page{padding-bottom:64px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding:40px 0;scroll-margin-top:24px}.home-hero.no-cover{max-width:800px;margin-inline:auto}.home-hero-main{min-width:0;container-type:inline-size}.home-hero .create-heading{margin-bottom:24px}.home-eyebrow{margin:0 0 12px;font-size:11px;line-height:1.6;letter-spacing:.3em;color:var(--xb-muted)}.home-hero h1{margin:0;font-family:var(--xb-font-serif);font-size:clamp(28px,4vw,40px);line-height:1.4;font-weight:800;letter-spacing:.02em}.home-examples{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin-top:12px;color:var(--xb-muted-strong);font-size:13px}.home-examples button{min-height:36px;padding:4px 0;border:0;background:none;color:var(--xb-muted-strong);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color var(--xb-duration) var(--xb-ease)}.home-examples button:hover{color:var(--xb-ink)}.home-examples button:focus-visible{outline:2px solid var(--xb-ink);outline-offset:2px}@media(min-width:1024px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;padding:40px 0 32px;align-items:center}.home-hero.no-cover{grid-template-columns:minmax(0,1fr)}.home-hero .question-form textarea{height:88px;min-height:88px;max-height:88px}}@container (max-width: 520px){.home-hero .generation-footer{flex-wrap:wrap}.home-hero .generation-footer .field-hint{flex-basis:100%}}.login-hint{margin:10px 0 0;text-align:center;color:var(--xb-muted-strong);font-size:13px}.login-hint button{padding:0;border:0;background:none;color:var(--xb-ink);font:inherit;text-decoration:underline;cursor:pointer}.question-form button:disabled{cursor:not-allowed}.session-notice{color:var(--xb-danger)}.discovery-section{padding-top:40px;border-top:1px solid var(--xb-line);scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h2{margin:0;font-family:var(--xb-font-serif);font-size:24px;font-weight:600;letter-spacing:.02em}.mv-search{display:flex;align-items:center;gap:9px;width:230px;min-height:42px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);padding:9px 13px;background:var(--xb-surface);color:var(--xb-muted-strong)}.mv-search:focus-within{border-color:var(--xb-ink);box-shadow:0 0 0 1px var(--xb-ink)}.mv-search .site-icon{width:17px;height:17px}.mv-search input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--xb-ink);font-size:16px;outline:none}.mv-search input::placeholder{color:var(--xb-muted)}.source-switch{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:20px}.source-switch button{position:relative;display:flex;align-items:center;gap:6px;min-height:40px;border:0;padding:5px 1px 10px;color:var(--xb-muted-strong);background:none;font:inherit;font-size:16px;cursor:pointer}.source-switch button[aria-pressed=true]{color:var(--xb-ink)}.source-switch button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--xb-ink)}.source-switch button:focus-visible{outline:2px solid var(--xb-ink);outline-offset:2px}.source-switch button>span{color:var(--xb-muted);font-size:12px;font-weight:400}.source-switch button>span:empty{display:none}.type-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.type-filters button{display:flex;align-items:center;gap:6px;min-height:35px;padding:7px 12px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);color:var(--xb-muted-strong);background:var(--xb-surface);font:inherit;font-size:16px;cursor:pointer;transition:color var(--xb-duration),background var(--xb-duration),border-color var(--xb-duration)}.type-filters button .site-icon{width:15px;height:15px}.type-filters button:hover{border-color:var(--xb-ink);color:var(--xb-ink)}.type-filters button[aria-pressed=true]{background:var(--xb-ink);border-color:var(--xb-ink);color:var(--xb-surface)}.type-filters button:focus-visible{outline:2px solid var(--xb-ink);outline-offset:2px}.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.discovery-card{position:relative;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}.discovery-link{display:block;color:inherit;text-decoration:none}.discovery-link:focus-visible{outline:2px solid var(--xb-ink);outline-offset:2px}.discovery-cover{display:block;position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:0;background:var(--xb-surface)}.discovery-cover>img{display:block;width:100%;height:100%;object-fit:cover}.discovery-card h3{margin:10px 0 0;padding-right:36px;font-family:var(--xb-font-serif);font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.discovery-card-views{display:inline-flex;align-items:center;gap:3px;margin-left:8px;white-space:nowrap;vertical-align:middle}.discovery-card-views .site-icon{width:13px;height:13px}.game-details{margin:2px 0 0;color:var(--xb-muted-strong);font-size:12px;line-height:1.5}.discovery-card-actions{position:absolute;right:-8px;bottom:-8px;z-index:1;display:flex}.discovery-card-delete,.discovery-card-share,.discovery-card-feature,.discovery-card-export{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--xb-radius);color:var(--xb-muted-strong);background:transparent;cursor:pointer;transition:color var(--xb-duration)}.discovery-card-delete .site-icon,.discovery-card-share .site-icon,.discovery-card-feature .site-icon,.discovery-card-export .site-icon{width:16px;height:16px}.discovery-card[style*=--actions] .game-details{padding-right:calc(var(--actions) * 40px - 8px)}.discovery-card-feature.is-featured{color:var(--xb-accent)}.discovery-card-feature.is-featured .site-icon{fill:currentColor}.discovery-card-feature:hover:not(:disabled),.discovery-card-feature:focus-visible{color:var(--xb-accent)}.discovery-card-feature:focus-visible{outline:2px solid var(--xb-ink);outline-offset:1px}.discovery-card-feature:disabled{cursor:wait;opacity:.65}.discovery-card-tag{display:inline-block;margin-left:8px;color:var(--xb-muted-strong);font-size:11px;white-space:nowrap}.discovery-card-share:hover,.discovery-card-share:focus-visible{color:var(--xb-ink)}.discovery-card-share:focus-visible{outline:2px solid var(--xb-ink);outline-offset:1px}.discovery-card-delete:hover:not(:disabled),.discovery-card-delete:focus-visible{color:var(--xb-danger)}.discovery-card-delete:focus-visible{outline:2px solid var(--xb-ink);outline-offset:1px}.discovery-card-delete:disabled{cursor:wait;opacity:.65}.catalog-status:not(.sr-only):not(:empty){display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:20px;min-height:120px;padding:22px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);color:var(--xb-muted-strong);background:var(--xb-surface);font-size:13px}.catalog-empty{grid-column:1 / -1;padding:40px 20px;border:1px dashed var(--xb-line);border-radius:var(--xb-radius);text-align:center}.catalog-empty h3{margin-bottom:10px;font-family:var(--xb-font-serif);font-size:18px;font-weight:600}.catalog-empty p{font-size:12px;color:var(--xb-muted-strong)}.catalog-empty>div{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:23px}@media(max-width:1100px){.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}@media(max-width:640px){.home-page{padding-bottom:32px}.home-hero{gap:0;padding:24px 0 32px}.home-examples button{min-height:44px}.home-hero .create-heading{margin-bottom:20px}.home-eyebrow{letter-spacing:.2em}.discovery-section{padding-top:28px}.section-heading{gap:12px;margin-bottom:16px}.section-heading h2{font-size:21px;white-space:nowrap}.mv-search{width:148px;min-height:40px}.source-switch{gap:8px 24px;margin-bottom:16px}.type-filters{gap:6px;margin-bottom:20px}.type-filters button{padding:7px 9px}.type-filters button .site-icon{width:13px;height:13px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.discovery-card-delete,.discovery-card-share{right:-6px;bottom:-6px}.catalog-empty{padding:28px 16px}.catalog-empty h3{font-size:16px}}@media(pointer:coarse){.discovery-card-delete{flex-basis:40px;width:40px;height:40px}.discovery-card-share{width:44px;height:44px}}.home-hero-cover{width:100%;max-width:560px;margin:0;justify-self:center}.home-hero-cover a{display:block;border-radius:var(--xb-radius)}.home-hero-cover a:focus-visible{outline:2px solid var(--xb-ink);outline-offset:2px}.home-hero-cover img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--xb-surface)}.home-hero-cover figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;line-height:1.6;letter-spacing:.05em;color:var(--xb-muted)}.home-hero-count{flex:none;font-variant-numeric:tabular-nums}.home-hero-frame{position:relative}.home-hero-frame img{animation:home-hero-in var(--xb-duration) var(--xb-ease)}.home-hero-step{position:absolute;top:50%;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--xb-line);border-radius:50%;background:color-mix(in srgb,var(--xb-surface) 88%,transparent);color:var(--xb-ink);box-shadow:var(--xb-shadow-card);cursor:pointer;transform:translateY(-50%);transition:background var(--xb-duration) var(--xb-ease),opacity var(--xb-duration) var(--xb-ease)}.home-hero-step[data-hero-step="-1"]{left:12px}.home-hero-step[data-hero-step="1"]{right:12px}.home-hero-step svg{width:20px;height:20px}.home-hero-step:hover:not(:disabled){background:var(--xb-surface)}.home-hero-step:focus-visible{outline:2px solid var(--xb-ink);outline-offset:2px}.home-hero-step:disabled{opacity:.35;cursor:default;box-shadow:none}@keyframes home-hero-in{0%{opacity:.4}}@media(prefers-reduced-motion:reduce){.home-hero-frame img{animation:none}}.home-hero.is-task{max-width:800px;margin-inline:auto}@media(min-width:1024px){.home-hero.is-task{grid-template-columns:minmax(0,1fr)}.home-hero-cover{max-width:none}}@media(max-width:640px){.home-hero-cover{display:none}}.discovery-card-export:hover:not(:disabled),.discovery-card-export:focus-visible{color:var(--xb-ink)}.discovery-card-export:disabled{cursor:progress;opacity:.5}.discovery-card-delete.is-armed{color:var(--xb-danger)}.form-error{margin:12px 0 0;color:var(--xb-danger);font-size:13px}.site-filing{padding:24px 16px;color:var(--xb-muted-strong);text-align:center;font:13px/1.8 var(--xb-font-sans)}.site-filing a{color:inherit;text-decoration:none}.site-filing a:hover{text-decoration:underline}.question-form{padding:24px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);background:var(--xb-surface);box-shadow:none;transition:border-color var(--xb-duration) var(--xb-ease)}.question-form:focus-within{border-color:var(--xb-ink)}.question-label{display:block;margin:0 0 8px;font-family:var(--xb-font-serif);font-size:17px;font-weight:600;line-height:1.5;color:var(--xb-ink)}.question-form textarea{display:block;width:100%;height:112px;min-height:112px;max-height:112px;padding:0 0 12px;border:0;border-radius:0;resize:none;overflow-y:auto;color:var(--xb-ink);background:var(--xb-surface);font-family:var(--xb-font-sans);font-size:18px;line-height:1.8}.question-form textarea::placeholder{color:var(--xb-muted-strong);opacity:1}.question-form textarea:focus-visible{outline:0}.generation-more{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin-top:4px;padding:10px 12px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);color:var(--xb-ink);background:var(--xb-surface);font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:border-color var(--xb-duration) var(--xb-ease)}.generation-more:hover{border-color:var(--xb-ink)}.generation-more:focus-visible{outline:2px solid var(--xb-ink);outline-offset:2px}.generation-more [data-generation-more-summary]{flex:1;min-width:0;overflow:hidden;color:var(--xb-muted-strong);font-size:13px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.generation-more svg{flex:none;width:18px;height:18px;color:var(--xb-muted-strong);transition:transform var(--xb-duration) var(--xb-ease)}.question-form.is-options-open .generation-more svg{transform:rotate(180deg)}.question-form.is-options-open .generation-more{border-color:var(--xb-ink)}.generation-options{margin-top:16px}.question-form:not(.is-options-open) .generation-options{display:none}.question-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:16px 24px;padding-top:0}.generation-choices{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;min-width:0}.type-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}.type-field label{flex-shrink:0;color:var(--xb-muted-strong);font-size:12px;line-height:1.4}.type-field select{appearance:none;-webkit-appearance:none;max-width:100%;min-width:148px;min-height:44px;padding:8px 36px 8px 12px;border:1px solid var(--xb-line);border-radius:var(--xb-radius);color:var(--xb-ink);background-color:var(--xb-surface);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;font:inherit;font-size:14px;cursor:pointer;transition:border-color var(--xb-duration) var(--xb-ease)}.type-field select:hover,.type-field select:focus-visible{border-color:var(--xb-ink)}.type-field select:disabled{color:var(--xb-muted-strong);background-color:var(--xb-bg);cursor:not-allowed}.generation-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--xb-line)}.generation-submit{display:flex;align-items:center;gap:16px;margin-left:auto}.site-page .submit-button{flex:none;min-width:144px;min-height:44px;padding:10px 18px;border:0;border-radius:var(--xb-radius);color:var(--xb-surface);background:var(--xb-ink);transition:opacity var(--xb-duration) var(--xb-ease)}.site-page .submit-button:hover:not(:disabled){opacity:.88;background:var(--xb-ink)}.site-page .submit-button:disabled{opacity:.5}.submit-button .site-icon{width:16px;height:16px}.field-hint{margin:0;color:var(--xb-muted-strong);font-size:12px}.question-form.is-generating{background:var(--xb-bg)}.question-form textarea:disabled{color:var(--xb-muted-strong);-webkit-text-fill-color:var(--xb-muted-strong);background:var(--xb-bg);opacity:1;cursor:not-allowed}.workspace{margin-top:22px;scroll-margin-top:24px}@media(max-width:640px){.question-form{padding:18px 16px 14px}.generation-footer{flex-wrap:wrap}.generation-footer .field-hint{flex-basis:100%}.question-form textarea::placeholder{font-size:14px}.type-field select{width:100%}.site-page .submit-button{min-width:112px;padding-inline:13px;font-size:13px}.field-hint{font-size:11px}}.credit-cost{color:var(--xb-muted-strong, inherit);font-size:12px;margin-left:8px}.home-hero.is-task .home-examples{display:none}@media(pointer:fine){.discovery-card-actions>button{width:32px}.discovery-card[style*=--actions] .game-details{padding-right:calc(var(--actions) * 32px - 8px)}}.home-hero.is-waiting{grid-template-columns:minmax(0,1fr);max-width:none}.home-hero.is-waiting .create-heading,.home-hero.is-waiting .question-form,.home-hero.is-waiting .home-examples,.home-hero.is-waiting .login-hint,.home-hero.is-waiting .home-hero-cover{display:none}.home-hero.is-waiting .workspace{margin-top:0}