.home-preview{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);align-items:center;gap:clamp(32px,7vw,100px);max-width:960px;margin:24px auto 72px;padding:48px 0 0;display:grid}.home-preview-copy h2{letter-spacing:-1px;text-wrap:balance;max-width:300px;margin:0 0 24px;font-size:clamp(28px,3vw,38px);line-height:1.15}.preview-game-options{gap:8px;display:grid}.preview-game-options>button{min-height:54px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;font-size:15px;font-weight:650;display:flex}.preview-game-options>button>svg{opacity:0;margin-left:auto}.preview-game-options>button[aria-pressed=true]{background:var(--paper);border-color:#b4c4af;box-shadow:0 3px #e2e7dc}.preview-game-options>button[aria-pressed=true]>svg{opacity:1}.preview-game-options>button:hover{border-color:#b4c4af}.preview-mode-icon{border-radius:10px;flex:0 0 36px;place-items:center;height:36px;display:grid}.preview-mode-trivia{background:#ffe0d4}.preview-mode-verse{background:#fff3b9}.preview-mode-order{background:#d9efe1}.preview-mode-matching{background:#e8e1f6}.preview-play{margin-top:20px}.preview-puzzle{--preview-accent:#ffac93;background:var(--paper);border:1.5px solid var(--ink);border-top:7px solid var(--preview-accent);border-radius:22px 22px 14px 14px;min-width:0;padding:24px;animation:.18s ease-out preview-appear;box-shadow:0 6px #dce4d5}.preview-puzzle-verse{--preview-accent:var(--gold)}.preview-puzzle-order{--preview-accent:#b6d9c4}.preview-puzzle-matching{--preview-accent:#cfc0ea}.preview-try{color:var(--muted);margin-bottom:18px;font-size:12px;font-weight:650;display:inline-block}.preview-puzzle :is(h2,h3){letter-spacing:-.6px;text-wrap:balance;margin:0 0 24px;font-size:clamp(22px,2.4vw,28px);line-height:1.3}.preview-reference{color:var(--muted);margin:-12px 0 20px;font-size:12px}.preview-answers{gap:10px;display:grid}.preview-answers button,.preview-pairs button{width:100%;min-height:58px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fbfcf7;border:1px solid #b4c4af;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:15px;display:flex;box-shadow:0 3px #e2e7dc}.preview-answers button>svg{margin-left:auto}.preview-answers .is-correct,.preview-pairs .is-correct{background:var(--mint);border-color:#87b99b}.preview-answers .is-wrong{background:#fff1e9;border-color:#cc9475}.preview-answers .is-picked,.preview-pairs .is-picked{border-color:var(--accent);background:#edf3e7}.preview-answers button[aria-pressed=true]{animation:.18s ease-out preview-pick}.preview-letter{color:#3d674b;background:#e7efdf;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:12px;font-weight:700;display:grid}.preview-pairs{grid-template-columns:1fr 1fr;gap:14px;display:grid}.preview-pairs>div{align-content:start;gap:12px;display:grid}.preview-pairs button{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:76px}.preview-pairs button>span{color:var(--muted);font-size:12px}.preview-puzzle-footer{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:18px;display:flex}.preview-puzzle-footer>span{align-items:center;gap:6px;font-size:14px;font-weight:650;display:flex}.preview-correct{color:#245d3b}.preview-puzzle-footer .text-button{min-height:44px;padding:8px 0 8px 8px}.home-preview button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@keyframes preview-appear{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes preview-pick{50%{transform:translateY(-2px)}}@media (width<=650px){.home-preview{grid-template-columns:minmax(0,1fr);gap:22px;margin:12px auto 48px;padding-top:32px}.home-preview-copy h2{max-width:none;margin-bottom:18px;font-size:28px}.preview-game-options{grid-template-columns:1fr 1fr;gap:8px}.preview-game-options>button{gap:7px;padding:7px;font-size:12px}.preview-game-options>button>svg{display:none}.preview-mode-icon{flex-basis:30px;height:32px}.preview-play{margin-top:12px}.preview-puzzle{padding:20px 16px 12px}}@media (prefers-reduced-motion:reduce){.preview-puzzle,.preview-answers button[aria-pressed=true]{animation:none}}[data-motion=reduced] .preview-puzzle,[data-motion=reduced] .preview-answers button[aria-pressed=true]{animation:none}.preview-puzzle{position:relative}.preview-character{pointer-events:none;width:76px;position:absolute;top:14px;right:16px}.preview-character>.story-character{width:100%;height:auto}.preview-puzzle :is(h2,h3){padding-right:82px}@media (width<=650px){.preview-character{width:62px;top:12px;right:12px}.preview-puzzle :is(h2,h3){padding-right:68px}}