.attention-card{padding:20px;margin-bottom:16px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px}.attention-card h3{font-size:19px}.attention-card p{font-size:14px;margin-bottom:0}.attention-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.attention-game button{margin:0}.attention-target{display:grid;justify-items:center;gap:8px;padding:16px;border:1px solid var(--app-border);border-radius:12px}.attention-symbol{display:block;width:100%;max-width:64px;margin:auto}.attention-symbol svg{display:block;width:100%}.attention-target .attention-symbol{width:64px}.attention-target small{color:var(--app-muted)}.attention-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:6px;margin:20px 0;max-width:560px}.attention-grid button{padding:3px;min-width:0;min-height:46px;aspect-ratio:1;border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px}.attention-grid button:disabled{opacity:1}.attention-grid .attention-correct{outline:3px solid var(--app-accent)}.attention-grid .attention-wrong{outline:2px solid #dc7d73}.attention-game [hidden]{display:none!important}.attention-game details p{font-size:12px}.attention-actions button:last-child{background:var(--app-accent);color:var(--app-accent-ink)}