@media (max-width: 375px) {
    h1.title { font-size: 2rem; }
    .btn { padding: 0.8rem; font-size: 0.875rem; }
    .chain-item { font-size: 1.2rem; letter-spacing: 2px; }
    #word-input { font-size: 1rem; }
}

@media (min-width: 768px) {
    body { align-items: center; }
    .screen { height: 90vh; border-radius: var(--radius); border: 1px solid var(--border); background: var(--bg-base); box-shadow: 0 20px 40px rgba(0,0,0,0.5); }
}

@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; }
}