.charades-page{max-width:900px;padding:2rem var(--layout-gutter);flex-direction:column;gap:2rem;margin:0 auto;display:flex}.charades-controls{flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.charades-field-label{text-transform:uppercase;letter-spacing:.12em;color:var(--brand-subtle-text);margin:0 0 .25rem;font-size:.8rem;font-weight:700}.category-row,.difficulty-row{flex-wrap:wrap;gap:.5rem;display:flex}.category-btn,.difficulty-btn{border:1px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-surface);min-width:90px;color:var(--brand-heading);cursor:pointer;font:inherit;flex:110px;padding:.75rem .9rem;font-size:.88rem;font-weight:600;transition:transform .15s,background-color .15s,border-color .15s,box-shadow .15s}.category-btn:hover,.difficulty-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.category-btn.active,.difficulty-btn.active{background:var(--brand-accent-muted);border-color:var(--brand-accent);color:var(--brand-heading);box-shadow:0 0 0 2px #3498db26}.charades-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;padding-top:.3rem;display:flex}.btn{font:inherit;border-radius:var(--radius-md);border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-heading);cursor:pointer;padding:.75rem 1.25rem;transition:transform .15s,background-color .15s,box-shadow .15s}.btn:hover,.btn:focus-visible{box-shadow:var(--brand-hover-shadow);transform:translateY(-2px)}.btn--accent{background:var(--brand-accent);color:var(--brand-accent-contrast-text);border-color:var(--brand-accent)}.btn--secondary{background:var(--brand-surface);color:var(--brand-heading);border-color:var(--brand-border)}.btn>span,.btn>svg{margin-right:.4rem}.charades-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;display:flex}.charades-emoji{margin:0;font-size:2.4rem;line-height:1}.charades-label{letter-spacing:.1em;text-transform:uppercase;color:var(--brand-subtle-text);margin:0;font-size:.85rem;font-weight:700}.charades-word{color:var(--brand-heading);word-break:break-word;min-height:3.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.25;transition:transform .15s}.charades-word.pop{animation:.3s charades-pop}@keyframes charades-pop{0%{opacity:.4;transform:scale(.9)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.charades-timer{border-radius:var(--radius-md);background:var(--brand-accent-muted);border:1px solid var(--brand-border);align-items:baseline;gap:.35rem;padding:.6rem 1.5rem;display:flex}.charades-timer-value{color:var(--brand-accent-strong);font-variant-numeric:tabular-nums;text-align:center;min-width:3ch;font-size:2.2rem;font-weight:800;line-height:1}.charades-timer-unit{color:var(--brand-subtle-text);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.charades-timer.pulse{animation:.8s infinite charades-pulse}@keyframes charades-pulse{0%,to{background:var(--brand-accent-muted)}50%{background:#e74c3c33}}.charades-hint{color:var(--brand-subtle-text);margin:0;font-size:.9rem;font-style:italic}@media (width<=680px){.charades-page{padding:1rem var(--layout-gutter);gap:1.25rem}.charades-controls{padding:1.25rem}.charades-card{padding:1.75rem 1.25rem}.category-row{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.category-btn{flex:none;min-width:0;padding:.65rem .5rem;font-size:.82rem}.difficulty-row{flex-direction:row}.difficulty-btn{flex:1 1 0;min-width:0}.charades-actions{flex-direction:column}.charades-actions .btn{width:100%}}