.conversation-hub{--card-ink:#38271f;--card-accent:#743744;--card-paper:#f3edda;color:var(--card-ink);background:var(--card-paper);border-radius:20px;padding:clamp(16px,4vw,44px)}.conversation-hub .back{margin-bottom:22px}.conversation-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;margin-bottom:24px;display:flex}.conversation-heading h2{font-size:clamp(24px,4vw,38px);font-weight:850}.conversation-heading p{margin-top:6px}.conversation-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),1fr));gap:14px;display:grid}.tone-teal{--card-color:#87b5b2}.tone-blue{--card-color:#a2b3e2}.tone-rust{--card-color:#db8b69}.tone-pink{--card-color:#e7a0b7}.deck-tile{min-height:186px;color:var(--card-ink);background:var(--card-color);border:2px solid var(--card-ink);border-radius:8px 25px;grid-template-rows:1fr auto auto;place-items:end center;gap:7px;padding:14px 8px;transition:transform .14s;display:grid;box-shadow:0 4px #38271f35}.deck-tile:hover{transform:translateY(-4px)}.deck-tile:focus-visible{outline-offset:3px;outline:3px solid #263c70}.deck-heart:focus-visible{outline-offset:3px;outline:3px solid #263c70}.card-board button:focus-visible{outline-offset:3px;outline:3px solid #263c70}.deck-tile-art{align-self:center;font-size:clamp(42px,6vw,68px);line-height:1}.deck-tile strong{text-align:center;font-size:16px;font-weight:850;line-height:1.18}.deck-tile>span:last-child{text-align:center;font-size:11px}.playing-deck{justify-items:center;gap:24px;display:grid}.deck-header{justify-items:center;gap:10px;display:grid}.deck-header h3{background:#fffaf0;border-radius:999px;padding:9px 18px;font-size:16px;font-weight:800}.deck-progress{gap:5px;display:flex}.deck-progress span{background:#c8bdac;border-radius:4px;width:20px;height:5px}.deck-progress .reached{background:var(--card-accent)}.playing-stack{isolation:isolate;width:min(88%,345px);margin:0 10px 8px 0;position:relative}.playing-stack:before,.playing-stack:after{content:"";z-index:-1;border:2px solid var(--card-ink);background:var(--card-color);border-radius:24px;position:absolute;inset:3px;transform:translate(13px,9px)rotate(3deg)}.playing-stack:before{transform:translate(22px,14px)rotate(6deg)}.playing-card{border:2px solid var(--card-ink);background:var(--card-color);min-height:clamp(260px,58vw,370px);box-shadow:0 4px 10px #38271f28, inset 0 0 0 8px var(--card-color), inset 0 0 0 10px #38271f70;text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px clamp(20px,5vw,40px) 25px;display:flex;position:relative}.deck-heart{border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px}.deck-heart[aria-pressed=true]{color:#8e233d}.playing-art{font-size:42px;line-height:1}.playing-card p{overflow-wrap:anywhere;font-size:clamp(20px,4vw,30px);font-weight:850;line-height:1.45}.playing-card small{background:var(--card-paper);border-radius:9px;padding:5px 10px;font-size:12px}.deck-controls{grid-template-columns:1fr 1fr;gap:12px;width:min(100%,480px);display:grid}.conversation-hub .card-next{color:#fff;background:var(--card-accent);border:2px solid var(--card-accent)}.conversation-hub .card-skip{color:var(--card-accent);border:2px solid var(--card-accent);background:#fffaf0}.playing-deck .fun-copy{align-items:center}.card-board-panel{justify-items:center;gap:15px;display:grid}.card-board-panel h3{font-size:23px;font-weight:800}.card-board{background:#778cc3;border-radius:14px;gap:5px;width:min(100%,370px);padding:8px;display:grid}.board-cell,.drop-token{color:var(--card-ink);background:#fff5dc;border-radius:8px;place-items:center;display:grid}.board-cell{aspect-ratio:1;font-size:clamp(14px,5vw,37px)}.drop-token{min-height:35px;font-weight:800}.card-board button:disabled{opacity:.84}.board-cell.token-1{color:#811e41;background:#ffb1be}.board-cell.token-2{color:#514008;background:#ffdf77}@media (max-width:650px){.fun-tabs{flex-wrap:wrap;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.deck-tile:hover{transform:none}}