/* Главная: одна центральная ось, пояснение отдельно от запуска. */
.welcome{padding-top:48px;padding-bottom:50px;text-align:center}
.welcome .hero-copy{max-width:880px;margin-inline:auto}
.welcome .hero-copy .eyebrow{margin:0 0 24px}
.welcome .hero-copy h1{font-size:clamp(52px,6.7vw,88px);line-height:1;letter-spacing:-.065em}
.welcome .lead{font-size:18px;line-height:1.6;margin:24px auto 18px;max-width:650px}
.welcome .hero-facts{justify-content:center}
.start-flow{width:100%;max-width:480px;margin:28px auto 0}
.start-flow>#setupToggle{min-width:240px;gap:35px}
.start-flow>.start-note{margin-top:14px;font-size:11px}
.setup-panel{text-align:left;padding:26px}
.setup-panel .setup-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.setup-panel .setup-heading h2{font-size:25px;margin:0;letter-spacing:-.04em}
.setup-close{display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);width:36px;height:36px;flex-shrink:0}
.setup-close:hover{background:var(--soft);color:var(--ink)}
.setup-panel .desk-description{margin-bottom:22px}
.quick-join{max-width:400px;margin:30px auto 0;padding-top:24px;border-top:1px solid var(--line)}
.quick-join h2{font-size:12px;font-weight:400;letter-spacing:0;line-height:1.5;color:var(--muted);margin-bottom:12px}
.quick-join .join-form{grid-template-columns:minmax(0,1fr) auto}
.quick-join .join-form input{font-size:14px;letter-spacing:.12em;text-align:center;border:1px solid var(--line);height:48px;padding:12px}
.quick-join .join-form .btn{height:48px;min-height:48px;width:auto}
.example-section{padding:40px 0 52px;border-top:1px solid var(--line);text-align:center}
.example-section>.eyebrow{color:var(--muted);margin-bottom:12px}
.example-section>h2{font-size:34px;letter-spacing:-.045em}
.example-section .sample-card{display:block;margin:25px auto 0;max-width:620px;text-align:left;padding:26px}
.example-section .sample-question{font-size:27px;margin:22px 0}
.example-section .sample-option{padding:16px;gap:12px}
.example-section .sample-option b{font-size:16px}
.example-section .sample-option small{font-size:11px}
.example-section .sample-caption{text-align:center;font-size:11px;margin-top:18px}
@media(max-width:800px){
 .welcome{padding-top:40px;padding-bottom:40px}
 .welcome .hero-copy h1{font-size:clamp(52px,9.5vw,76px)}
 .welcome .lead{font-size:17px}
 .example-section{padding-top:32px;padding-bottom:40px}
}
@media(max-width:540px){
 .welcome{padding-top:30px;padding-bottom:32px}
 .welcome .hero-copy .eyebrow{font-size:9px;margin-bottom:22px}
 .welcome .hero-copy h1{font-size:clamp(42px,10.8vw,58px)}
 .welcome .lead{font-size:15px;margin:20px auto 16px;max-width:340px}
 .welcome .lead br{display:none}.welcome .lead strong::before{content:" "}
 .welcome .hero-facts{font-size:10px;gap:12px}.welcome .hero-facts span+span{padding-left:12px}
 .start-flow{margin-top:24px}.start-flow>#setupToggle{min-width:220px}
 .start-flow>.start-note{font-size:10px}
 .setup-panel{padding:20px}.setup-panel .setup-heading h2{font-size:22px}
 .quick-join{margin-top:24px;padding-top:20px}
 .quick-join .join-form input{font-size:12px;letter-spacing:.09em}
 .quick-join .join-form .btn{padding:10px 16px}
 .example-section>h2{font-size:29px}
 .example-section .sample-card{padding:20px}
 .example-section .sample-question{font-size:23px}
 .example-section .sample-options{grid-template-columns:1fr}
 .example-section .sample-option{padding:13px}.example-section .sample-caption{font-size:10px;text-align:left}
}

.welcome{padding-top:36px;padding-bottom:34px}
.welcome .hero-copy .eyebrow{margin-bottom:18px}
.welcome .lead{margin:18px auto 14px}
.start-flow{margin-top:22px}
.quick-join{margin-top:24px;padding-top:19px}
.example-section{padding-top:34px}
.example-intro{margin:10px auto 0;color:var(--muted);line-height:1.5;font-size:15px}
.example-section .sample-card{position:relative;margin-top:20px;box-shadow:0 10px 0 -5px var(--soft)}
.example-section .sample-option:first-child{transform:rotate(-.6deg)}
.company-path{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 auto 48px;color:var(--muted);font-size:13px;line-height:1.5;text-align:center}
.company-path span:nth-child(even){color:var(--red)}
@media(max-width:540px){.welcome{padding-top:26px;padding-bottom:28px}.welcome .lead{margin:16px auto 14px}.example-intro{font-size:13px;max-width:280px}.company-path{gap:6px 10px;font-size:11px;margin-bottom:36px}.example-section .sample-option:first-child{transform:none}}

/* Настольная игра: карточки, бумага и видимый пробный раунд. */
.home{background-color:var(--paper);background-image:radial-gradient(#b49d7c22 .7px,transparent .7px);background-size:7px 7px}
.welcome{position:relative;padding-top:42px;padding-bottom:38px}
.welcome .hero-copy h1{font-size:clamp(56px,6.4vw,86px);line-height:.98}
.welcome .hero-copy .eyebrow{display:inline-flex;padding:8px 13px;background:var(--soft);border-radius:5px;transform:rotate(-1deg);margin-bottom:22px}
.welcome .hero-facts{margin-top:20px}
.start-flow>#setupToggle{box-shadow:0 4px 0 var(--red-dark);border-radius:8px;min-width:260px}
.start-flow>#setupToggle:hover{transform:translateY(-1px)}
.quick-join{border:0;margin-top:22px;padding-top:0}.quick-join .join-form input{background:var(--card)}
.example-section{text-align:left;padding-top:38px;padding-bottom:58px}
.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.demo-heading .eyebrow{color:var(--red);margin-bottom:12px}.demo-heading h2{font-size:clamp(29px,3.2vw,43px);letter-spacing:-.045em;line-height:1.08}
.demo-heading>p{font-size:14px;line-height:1.6;color:var(--muted);padding-bottom:3px}
.demo-table{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:34px;background:#e9ddc9;border:1px solid #daceb9;border-radius:20px}
.question-card{position:relative;isolation:isolate;background:var(--card);border:1px solid #c7b99f;border-radius:12px;padding:25px 28px;transform:rotate(-2deg);box-shadow:4px 5px 0 #d0c1a7;min-height:280px;display:flex;flex-direction:column}
.demo-card-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.question-card>p{font-size:clamp(26px,3.2vw,43px);font-weight:600;letter-spacing:-.045em;line-height:1.25;margin:27px 0 30px;position:relative;z-index:1}
.demo-blank{display:inline-block;color:var(--red);border-bottom:2px solid var(--red);font-size:.8em;transform:rotate(-3deg);margin-right:5px}
.question-mark{position:absolute;right:25px;top:42px;font-size:165px;font-weight:700;color:#eee2cf;z-index:-1;transform:rotate(15deg);line-height:1}
.question-bottom{border-top:1px dashed var(--line);padding-top:15px;font-size:11px;line-height:1.5;color:var(--muted);margin-top:auto}
.demo-instruction{font-size:12px;margin-bottom:13px;color:var(--muted)}
.demo-answers{display:grid;gap:10px}.demo-answer{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--card);color:var(--ink);border:1px solid #cebea4;border-radius:10px;padding:15px 18px;box-shadow:0 3px 0 #d4c5ae;transition:transform .18s,background .18s,border-color .18s}
.demo-answer:nth-child(2){transform:rotate(.7deg)}.demo-answer:hover:not(:disabled){transform:translateX(-5px) rotate(-.5deg);border-color:var(--red)}
.answer-letter{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;font-size:11px;color:var(--muted);flex-shrink:0}
.answer-copy b{font-size:20px;font-weight:600;letter-spacing:-.03em}.answer-copy small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.answer-mark{margin-left:auto;font-size:21px;color:var(--muted)}
.demo-answer:disabled{opacity:1;cursor:default}.demo-answer.is-truth{background:var(--lime);border-color:#a8b99b;transform:rotate(0)}.demo-answer.is-truth .answer-mark{color:var(--green)}.demo-answer.is-chosen{outline:2px solid var(--ink);outline-offset:2px}
.demo-result{margin-top:19px;min-height:48px;font-size:12px;line-height:1.55;color:var(--muted)}.demo-result strong{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}.demo-result.is-revealed{animation:demo-reveal .25s ease-out}
.demo-reset{background:none;border:0;border-bottom:1px solid var(--muted);color:var(--ink);padding:0 0 3px;margin-top:10px;font-size:12px}
.demo-answer:focus-visible,.demo-reset:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.how{gap:18px}.how-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}.how-card h3{margin-top:22px}.company-path{margin-bottom:38px}
@keyframes demo-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:800px){.demo-table{gap:26px;padding:25px}.question-card{padding:22px;min-height:270px}.demo-heading>p{max-width:240px}.demo-heading>p br{display:none}.answer-copy b{font-size:18px}.demo-answer{padding:13px}.how-card{padding:18px}}
@media(max-width:600px){.welcome{padding-top:28px;padding-bottom:30px}.welcome .hero-copy h1{font-size:clamp(46px,11.5vw,65px)}.demo-heading{display:block;margin-bottom:23px}.demo-heading>p{margin-top:13px;max-width:none;font-size:13px}.demo-heading h2{font-size:30px}.example-section{padding-top:28px;padding-bottom:36px}.demo-table{grid-template-columns:1fr;gap:25px;padding:22px 17px;border-radius:15px}.question-card{min-height:225px;padding:21px;transform:rotate(-1.5deg)}.question-card>p{font-size:31px;margin:23px 0}.question-mark{font-size:130px}.question-bottom{font-size:10px}.demo-instruction{font-size:11px}.demo-answer{padding:14px}.demo-result{min-height:40px}.how-card{display:block;padding:23px}.how-card h3{margin:14px 0 10px}.how-card p{font-size:14px}.how{gap:12px}.company-path{font-size:10px}}
@media(prefers-reduced-motion:reduce){.demo-answer,.demo-result.is-revealed{transition:none;animation:none}}

.rounds-row input[type="number"]{width:82px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;text-align:center}.rounds-hint{font-size:11px;color:var(--muted);margin:8px 0 18px}.rounds-row input:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* Одинаковая высота ссылок; стрелка не смещает базовую линию текста. */
.home-bar .header-links>a{display:inline-flex;align-items:center;gap:20px;min-height:32px;font-size:13px;line-height:20px}.home-bar .header-links .rules-link span{margin-left:0;font-size:23px;line-height:20px}
@media(max-width:540px){.home-bar .header-links>a{font-size:10px;gap:10px}}

.answer-copy b{text-transform:uppercase}