@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400 500;font-display:swap;src:url("/images/landing/cormorant-garamond-latin.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url("/images/landing/cormorant-garamond-italic-latin.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url("/images/landing/dm-sans-latin.woff2") format("woff2")}
:root{--paper:#f6f4ed;--ink:#203e34;--muted:#5f6962;--line:#c9cdc3;--terra:#aa4d31;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0}
button,input{font:inherit}
button,a,input,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-underline-offset:5px}
button{color:inherit;cursor:pointer}
button:disabled{cursor:default;opacity:.6}
:where(button,a,input,summary,[tabindex]):focus-visible{outline:3px solid var(--terra);outline-offset:5px}
[hidden]{display:none!important}
h1,h2,h3,p,figure{margin:0}
img{display:block;max-width:100%}
svg{flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.page-width{width:calc(100% - 120px);max-width:1416px;margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:14px 20px;background:var(--ink);color:var(--paper);transform:translateY(-160%);border-radius:6px}
.skip-link:focus{transform:translateY(0)}
.site-header{min-height:88px;display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:center;min-height:44px;font-family:var(--serif);font-size:36px;line-height:1;letter-spacing:.14em;font-weight:500;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.site-nav{display:flex;align-items:center;gap:44px;border-left:1px solid var(--line);padding-left:44px}
.site-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;font-size:19px;font-weight:500}
.site-nav a:hover{text-decoration:underline}
.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 24px;border:1px solid transparent;border-radius:6px;font-family:var(--sans);font-size:18px;line-height:1.4;font-weight:500;text-decoration:none;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
.button .arrow{width:24px;height:24px;transition:transform 160ms ease}
.button:hover:not(:disabled) .arrow{transform:translateX(3px)}
.button-outline{border-color:var(--ink);background:transparent;min-height:48px;padding:10px 23px}
.button-outline:hover{background:#e7eadf}
.header-action{margin-left:auto;white-space:nowrap}
.button-primary{background:var(--ink);color:var(--paper);width:100%}
.button-primary:hover:not(:disabled){background:#305344}
.button-warm{background:var(--terra);color:#fff}
.button-warm:hover{background:#963e26}
.hero{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:48px;padding-block:44px 48px;align-items:center}
.hero-copy{min-width:0}
h1{font-family:var(--serif);font-size:clamp(66px,6.15vw,94px);line-height:1.02;letter-spacing:-.045em;font-weight:400}
h1 em{display:block;font-size:.92em;line-height:1.12;font-weight:400;letter-spacing:-.04em}
.hero-description{font-size:22px;line-height:1.5;margin-top:27px;letter-spacing:-.015em;max-width:580px}
.game-facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 13px;font-size:16px;line-height:1.5;margin:22px 0 0}
.game-facts li+li::before{content:"·";margin-right:13px}
.account{margin-top:28px;scroll-margin-top:28px;max-width:560px}
.account label{display:block;font-size:17px;font-weight:500;line-height:1.4;margin-bottom:8px}
.account input{width:100%;min-height:56px;border:1px solid #a6aea5;border-radius:6px;background:transparent;color:var(--ink);padding:12px 17px;font-size:18px;line-height:1.5;box-shadow:none}
.account input::placeholder{color:#73776f;opacity:1}
.account input:disabled{opacity:.65}
.account .button-primary{margin-top:12px}
.email-help{font-size:16px;line-height:1.5;margin-top:16px}
.email-privacy{font-size:14px;line-height:1.6;margin-top:3px;color:var(--muted)}
.auth-alternatives{display:flex;align-items:center;gap:0 12px;flex-wrap:wrap;margin-top:3px;font-size:14px}
.auth-alternatives .text-button{margin-top:0;font-size:14px}
.auth-alternatives>span{color:var(--muted)}
.passkey-help{font-size:13px;line-height:1.5;color:var(--muted);max-width:420px}
#password-form{margin-top:18px}
#password-form input+label{margin-top:14px}
.hero-scene{min-width:0;align-self:stretch;display:flex;flex-direction:column}
.hero-scene>img{width:100%;height:auto;aspect-ratio:1.12;object-fit:cover;object-position:center top;flex:1;min-height:550px;border-radius:12px}
.hero-scene figcaption{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.4;text-align:right;padding-top:12px}
.preview-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--terra);font-size:18px;font-weight:500;margin-top:15px}
.preview-link svg{width:22px;height:22px}
.auth-status:empty{display:none}
.auth-status{font-size:15px;line-height:1.6;color:var(--terra);margin-top:12px}
.auth-status.is-success{color:var(--ink)}
.auth-notice{font-size:15px;line-height:1.55;margin-bottom:20px;padding-left:15px;border-left:2px solid var(--terra);color:var(--ink)}
.auth-state{padding-block:2px}
.state-title{font-family:var(--serif);font-size:42px;font-weight:400;line-height:1.1;letter-spacing:-.025em;margin-bottom:15px}
.auth-state>p:not(.email-privacy):not(.cooldown-note){font-size:17px;line-height:1.6}
.auth-state strong{font-weight:500;overflow-wrap:anywhere}
.auth-state .button-primary{margin-top:20px}
.text-button{border:0;background:none;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;font-family:var(--sans);font-size:16px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;margin-top:5px;text-align:left}
.text-button:hover{color:var(--terra)}
.cooldown-note{font-size:14px;color:var(--muted);line-height:1.5;margin-top:12px;min-height:21px}
.game-preview{border-top:1px solid var(--line);padding-block:44px 52px;scroll-margin-top:24px}
.game-preview h2,.questions h2,.invitation h2{font-family:var(--serif);font-size:clamp(46px,4.7vw,72px);line-height:1.02;letter-spacing:-.035em;font-weight:400}
.section-intro{font-size:20px;line-height:1.6;margin-top:14px}
.preview-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-block:30px 28px;border-bottom:1px solid var(--line)}
.preview-tabs button{display:flex;align-items:center;gap:18px;min-height:67px;position:relative;background:none;border:0;border-bottom:3px solid transparent;padding:8px 3px 17px;margin-bottom:-1px;color:var(--muted);font-family:var(--serif);font-size:28px;line-height:1.2;text-align:left}
.preview-tabs button[aria-selected="true"]{border-bottom-color:var(--ink);color:var(--ink)}
.preview-tabs button:hover{color:var(--ink)}
.preview-number{font-size:24px;color:var(--terra)}
.tab-short{display:none}
.preview-frame{position:relative;overflow:hidden;border:1px solid #d9dcd2;border-radius:12px;background:#e8eadf;aspect-ratio:1440/900}
.preview-frame picture,.preview-frame img{display:block;width:100%;height:100%}
.preview-frame img{object-fit:contain}
.preview-frame.is-loading::after{content:"Loading preview…";position:absolute;inset:0;display:grid;place-content:center;background:var(--paper);color:var(--muted);font-size:16px}
.preview-error{position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:var(--paper);color:var(--muted)}
.preview-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding-top:17px;font-size:17px;line-height:1.6}
.preview-caption>div{max-width:1040px}
.preview-caption .preview-note{font-size:14px;color:var(--muted);margin-top:3px}
.enlarge-preview{flex-shrink:0;margin-top:0;padding-top:0;text-decoration:none}
.enlarge-preview svg{width:22px;height:22px}
.enlarge-preview:hover{text-decoration:underline}
.questions{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:64px;border-top:1px solid var(--line);padding-block:70px 80px;align-items:start;scroll-margin-top:32px}
.questions h2{font-size:clamp(48px,4.6vw,70px)}
.questions-intro>p{font-size:20px;line-height:1.6;margin-top:26px;max-width:none}
.question-list details{border-bottom:1px solid var(--line);scroll-margin-top:32px}
.question-list summary{position:relative;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;cursor:pointer;font-size:21px;font-weight:500;line-height:1.45;padding-block:20px}
.question-list summary::-webkit-details-marker{display:none}
.question-list summary svg{width:24px;height:24px}
.question-list details[open] .plus-line{display:none}
.question-list details p{font-size:17px;line-height:1.7;padding:0 38px 23px 0}
.question-list details p+p{padding-top:0}
.invitation{background:var(--ink);color:var(--paper)}
.invitation-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:64px 70px}
.invitation h2{font-size:clamp(52px,5.2vw,80px)}
.invitation-action>p{font-size:22px;line-height:1.5}
.invitation .button{margin-top:24px;width:100%;font-size:19px;min-height:60px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:120px;padding-block:30px}
.site-footer .wordmark{font-size:29px}
.data-link{display:flex;align-items:center;min-height:44px;font-size:16px}
.site-footer>p{font-family:var(--serif);font-style:italic;font-size:23px;line-height:1.2;white-space:nowrap}
.preview-dialog{position:fixed;max-width:1600px;width:calc(100% - 48px);max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);overscroll-behavior:contain}
.preview-dialog::backdrop{background:#10242be6;backdrop-filter:blur(5px)}
.preview-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;background:var(--paper);border-bottom:1px solid var(--line)}
.preview-dialog h2{font-family:var(--sans);font-size:18px;font-weight:500}
.close-preview{display:grid;place-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent}
.close-preview svg{width:20px;height:20px}
.preview-dialog-body img{width:100%;height:auto}
.preview-dialog>p{padding:16px 20px;font-size:14px;line-height:1.5;color:var(--muted)}
body.preview-open{overflow:hidden}
@media(min-width:1200px){
 .site-header>.wordmark{font-size:38px}.hero{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)}.hero h1{font-size:clamp(76px,6.4vw,98px)}.hero h1 em{font-size:.98em}.hero-description{font-size:24px}.game-facts{font-size:18px}.account label{font-size:19px}.account input{font-size:20px}.account .button-primary{font-size:20px;min-height:58px;margin-top:18px}.email-help{font-size:18px}.email-privacy{font-size:16px}.auth-alternatives,.auth-alternatives .text-button{font-size:16px}.hero-scene figcaption{font-size:24px}
 .questions h2{font-size:clamp(64px,6.2vw,95px)}.questions-intro>p{font-size:24px}.question-list summary{font-size:24px}.question-list details p{font-size:19px}.invitation h2{font-size:clamp(70px,6.2vw,95px)}.invitation-action>p{font-size:25px}
}
@media(max-width:1199px){
 .page-width{width:calc(100% - 72px)}.site-header{gap:28px}.wordmark{font-size:29px}.site-nav{padding-left:28px;gap:26px}.site-nav a{font-size:16px}.header-action{font-size:16px}
 .hero{gap:32px;padding-block:36px 42px}.hero h1{font-size:6.05vw}.hero-description{font-size:19px}.game-facts{font-size:14px;gap:8px}.game-facts li+li::before{margin-right:8px}.hero-scene>img{min-height:550px}.hero-scene figcaption{font-size:19px}
 .preview-tabs{gap:20px}.preview-tabs button{gap:12px;font-size:24px}.preview-number{font-size:21px}.questions{gap:40px}.question-list summary{font-size:19px}.questions-intro>p{font-size:18px}.invitation-inner{gap:40px}.invitation-action>p{font-size:19px}
}
@media(max-width:899px){
 .page-width{width:calc(100% - 48px)}.site-header{min-height:78px;gap:22px}.wordmark{font-size:26px}.site-nav{gap:22px;padding-left:22px}.site-nav a{font-size:15px}.header-action{font-size:15px;padding-inline:16px}
 .hero{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding-block:34px 38px}.hero-copy{display:contents}.hero-intro{order:0}.hero-scene{order:1}.account{order:2;margin:0;max-width:none}.preview-link{order:3;align-self:flex-start;margin-top:-12px}.hero h1{font-size:clamp(62px,9vw,80px)}.hero h1 em{font-size:.92em}.hero-description{max-width:620px;font-size:20px;margin-top:21px}.game-facts{font-size:15px;margin-top:17px}.hero-scene>img{min-height:0;height:320px;aspect-ratio:auto;flex:none;object-position:center 53%}.hero-scene figcaption{font-size:19px}
 .game-preview{padding-block:36px 42px}.game-preview h2{font-size:56px}.section-intro{font-size:18px}.preview-tabs{margin-block:24px}.preview-tabs button{font-size:23px;gap:10px}.preview-number{font-size:18px}.preview-caption{gap:20px;font-size:16px}.enlarge-preview{font-size:14px}.questions{grid-template-columns:1fr;gap:28px;padding-block:42px 52px}.questions h2{font-size:54px}.questions h2 br{display:none}.questions-intro>p{margin-top:15px;max-width:none}.question-list summary{font-size:20px}.invitation-inner{grid-template-columns:1fr;gap:24px;padding-block:42px 48px}.invitation h2{font-size:61px}.invitation-action{max-width:460px}.invitation .button{margin-top:18px}.site-footer{gap:20px}.site-footer .wordmark{font-size:23px}.site-footer>p{font-size:20px}.data-link{font-size:14px}
}
@media(max-width:639px){
 .page-width{width:calc(100% - 40px)}.site-header{min-height:68px;gap:10px}.wordmark{font-size:23px;letter-spacing:.1em}.site-nav{display:none}.header-action{font-size:13px;min-height:44px;padding:9px 12px;gap:8px}.header-action .arrow{width:19px;height:19px}
 .hero{gap:20px;padding-block:25px 28px}.hero h1{font-size:clamp(43px,11.8vw,70px);line-height:1.02}.hero-description{font-size:16px;line-height:1.6;margin-top:17px}.game-facts{font-size:12px;gap:8px;margin-top:14px}.hero-scene>img{height:210px;border-radius:10px;object-position:center 62%}.hero-scene figcaption{display:none}.account label{font-size:15px}.account input{min-height:52px;font-size:17px;padding:11px 15px}.button{min-height:52px;font-size:16px}.account .button-primary{margin-top:10px}.email-help{font-size:14px;margin-top:12px}.email-privacy{font-size:13px}.auth-alternatives{font-size:12px;gap:0 9px;margin-top:1px}.auth-alternatives .text-button{font-size:13px}.preview-link{margin-top:-8px;font-size:16px}.state-title{font-size:36px}.auth-state>p:not(.email-privacy):not(.cooldown-note){font-size:16px}
 .game-preview{padding-block:28px 35px}.game-preview h2{font-size:40px;max-width:360px}.section-intro{font-size:16px;line-height:1.65;margin-top:13px}.preview-tabs{gap:12px;margin-block:19px}.preview-tabs button{font-family:var(--sans);font-size:14px;gap:0;min-height:52px;justify-content:center;padding:8px 0 12px}.preview-number{display:none}.tab-long{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.tab-short{display:inline}.preview-frame{aspect-ratio:390/650;border-radius:10px}.preview-caption{display:block;font-size:15px;padding-top:14px}.preview-caption .preview-note{font-size:12px;margin-top:6px}.enlarge-preview{margin-top:8px;font-size:14px}.questions{padding-block:32px 40px;gap:18px}.questions h2{font-size:43px}.questions-intro>p{font-size:16px;line-height:1.6}.question-list summary{font-size:17px;gap:18px;min-height:70px;padding-block:18px}.question-list summary svg{width:21px;height:21px}.question-list details p{font-size:15px;padding-right:12px;padding-bottom:20px}.invitation-inner{padding-block:35px 40px;gap:22px}.invitation h2{font-size:48px}.invitation-action>p{font-size:17px}.invitation .button{font-size:17px;min-height:54px}.site-footer{flex-wrap:wrap;justify-content:space-between;gap:8px 18px;padding-block:20px}.site-footer .wordmark{font-size:22px}.site-footer>p{font-size:19px}.data-link{order:3;flex-basis:100%;font-size:14px}.preview-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.preview-dialog-header{padding:10px 14px}.preview-dialog h2{font-size:16px}.preview-dialog-body img{max-width:100%;width:100%}.preview-dialog>p{font-size:13px;padding:14px}
}
@media(max-width:359px){.page-width{width:calc(100% - 32px)}.wordmark{font-size:20px}.header-action{font-size:12px;padding-inline:10px}.hero h1{font-size:42px}.hero-description{font-size:15px}.game-facts{font-size:11px}.auth-alternatives{gap:0 7px}.auth-alternatives .text-button{font-size:12px}.site-footer .wordmark{font-size:20px}.site-footer>p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}