/* WP Quordle Advanced */
.wpqa-app{--bg:#f8fafc;--ink:#111827;--muted:#64748b;--line:#e5e7eb;--tile:#e5e7eb;--empty:#f1f5f9;--active:#cbd5e1;--correct:#10b981;--present:#f59e0b;--absent:#94a3b8;--brand:#6366f1;max-width:760px;margin:24px auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
.wpqa-header{display:flex;align-items:center;justify-content:center;gap:12px;background:#0f3f59;color:#fff;padding:16px;border-radius:18px 18px 0 0}
.wpqa-header h2{margin:0;font-size:24px;font-weight:800}
.wpqa-logo{display:grid;grid-template-columns:repeat(2,18px);gap:2px}.wpqa-logo span{width:18px;height:18px}.wpqa-logo span:nth-child(1){background:#94a3b8}.wpqa-logo span:nth-child(2){background:#10b981}.wpqa-logo span:nth-child(3){background:#22c55e}.wpqa-logo span:nth-child(4){background:#facc15}
.wpqa-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;background:#cbd5e1;padding:12px}.wpqa-tab,.wpqa-icon,.wpqa-close,.wpqa-key{border:0;cursor:pointer;font-weight:800}
.wpqa-tab{padding:10px 18px;border-radius:8px;background:transparent;color:#111827}.wpqa-tab.active{background:var(--brand);color:#fff}.wpqa-icon{width:38px;height:38px;border-radius:999px;background:var(--brand);color:#fff;font-size:20px}
.wpqa-status{min-height:28px;margin:10px auto;text-align:center;font-weight:800;color:#334155}
.wpqa-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:10px auto 16px}.wpqa-board{display:grid;grid-template-rows:repeat(9,1fr);gap:6px}
.wpqa-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.wpqa-tile{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--empty);font-size:clamp(18px,4.6vw,30px);font-weight:900;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);transition:transform .18s ease,background .18s ease,color .18s ease}
.wpqa-row.current .wpqa-tile{background:var(--tile)}.wpqa-tile.filled{background:#fff;box-shadow:inset 0 0 0 2px #cbd5e1}.wpqa-tile.correct{background:var(--correct);color:#fff}.wpqa-tile.present{background:var(--present);color:#fff}.wpqa-tile.absent{background:var(--absent);color:#fff}.wpqa-board.solved{filter:saturate(1.1)}.wpqa-board.solved::after{content:"Solved";text-align:center;font-weight:900;color:var(--correct)}
.wpqa-keyboard{background:#bfdbfe;border-radius:12px;padding:10px;display:grid;gap:8px}.wpqa-key-row{display:flex;gap:6px;justify-content:center}.wpqa-key{height:52px;min-width:42px;padding:0 12px;border-radius:6px;background:#fff;color:#0f172a;font-size:18px;box-shadow:0 2px 4px rgba(15,23,42,.18)}.wpqa-key.wide{min-width:64px}.wpqa-key.correct{background:var(--correct);color:#fff}.wpqa-key.present{background:var(--present);color:#fff}.wpqa-key.absent{background:var(--absent);color:#fff}
.wpqa-modal{position:fixed;inset:0;background:rgba(15,23,42,.56);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.wpqa-modal[hidden]{display:none}.wpqa-card{position:relative;background:#fff;max-width:520px;width:100%;border-radius:18px;padding:24px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.wpqa-close{position:absolute;right:14px;top:10px;background:transparent;font-size:32px}.wpqa-card h3{margin-top:0}.wpqa-card code{background:#f1f5f9;padding:2px 6px;border-radius:6px}
@keyframes wpqa-pop{50%{transform:scale(1.08)}}.wpqa-tile.pop{animation:wpqa-pop .16s ease}
@keyframes wpqa-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.wpqa-shake{animation:wpqa-shake .28s ease}
@media(max-width:680px){.wpqa-app{margin:8px}.wpqa-boards{gap:10px}.wpqa-board{gap:4px}.wpqa-row{gap:4px}.wpqa-key{min-width:30px;height:46px;padding:0 8px;font-size:15px}.wpqa-key.wide{min-width:48px}}