/* WortSpielen.de — Contexto auf Deutsch (kontext.js): das Wort über seine Bedeutung finden. Aus dem Contexto von Wordle-Unlimited.net (wu.css .cx) */
.cx{max-width:620px;min-height:0;--cx-g:#2e9e5b;--cx-y:#e3a33a;--cx-r:#e05d5d}
.cx-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:4px auto 8px}
.cx-btn{border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:800;cursor:pointer;background:var(--c);color:#fff;white-space:nowrap}
.cx-btn.cx-ghost{background:var(--kbg);color:var(--kfg)}
.cx-btn.cx-small{padding:7px 13px;font-size:14px}
.cx-btn:disabled{opacity:.45;cursor:default}
.cx-day{text-align:center;font-weight:700;color:var(--mut);font-size:14px}
.cx-stat{text-align:center;font-weight:800;font-size:15px;margin:2px 0 8px;min-height:20px}
.cx-form{display:flex;gap:8px}
.cx-inp{flex:1;min-width:0;font:inherit;font-size:18px;padding:11px 14px;border-radius:12px;border:2px solid var(--tb);background:var(--gbg);color:var(--gfg)}
.cx-inp:focus{outline:none;border-color:var(--c)}
.cx-msg{min-height:34px;display:flex;align-items:center;justify-content:center;font-weight:800;text-align:center;margin:4px 0}
.cx-msg.ok,.cx-msg.mid,.cx-msg.far,.cx-msg.bad,.cx-msg.old{padding:3px 14px;border-radius:999px;width:max-content;max-width:100%;margin:4px auto}
.cx-msg.ok{background:#e1f3e8;color:#1f6f43}.cx-msg.mid{background:#fbeed6;color:#8a5a0e}.cx-msg.far{background:#fbe3e3;color:#9b2c2c}
.cx-msg.bad{background:#1d2433;color:#fff}.cx-msg.old{background:var(--kbg);color:var(--kfg)}
.cx-last{margin:0 0 6px}
.cx-last .cx-row{box-shadow:0 0 0 2px var(--gfg)}
.cx-tools{display:flex;gap:8px;justify-content:center;margin:4px 0 10px}
.cx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.cx-row{position:relative;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;background:var(--kbg);overflow:hidden;font-size:16px}
.cx-fill{position:absolute;left:0;top:0;bottom:0;border-radius:10px 0 0 10px;opacity:.9}
.cx-row.g .cx-fill{background:var(--cx-g)}.cx-row.y .cx-fill{background:var(--cx-y)}.cx-row.r .cx-fill{background:var(--cx-r)}
.cx-w,.cx-r,.cx-tipmark{position:relative}
.cx-w{flex:1;font-weight:800;letter-spacing:.01em;color:var(--kfg);text-shadow:0 0 3px var(--kbg),0 0 6px var(--kbg)}
.cx-r{font-weight:900;font-variant-numeric:tabular-nums;color:var(--kfg);text-shadow:0 0 3px var(--kbg),0 0 6px var(--kbg)}
.cx-tipmark{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--mut);background:var(--gbg);border-radius:6px;padding:1px 6px}
.cx-list .cx-row.cur{box-shadow:0 0 0 2px var(--gfg)}
.cx-help{text-align:center;color:var(--mut);font-size:14px;margin:12px 0 0}
.cx-end{margin:6px auto 14px;text-align:center;border:2px solid var(--line);border-radius:14px;padding:12px}
.cx-end h3{margin:0 0 4px;font-size:20px}
.cx-ans{font-size:30px;font-weight:900;letter-spacing:.06em;margin:2px 0 6px;color:var(--c)}
.cx-sum{margin:0 0 4px;font-weight:700}
.cx-note{color:var(--mut);font-size:14px}
.cx-row2{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.cx-closest{text-align:left;margin-top:14px}
.cx-closest h4{text-align:center;margin:0 0 8px;font-size:16px}
@media (max-width:420px){.cx-row{min-height:36px;font-size:15px}.cx-ans{font-size:26px}}
html.pdd-dark .cx-msg.ok{background:#1f3b2b;color:#9fe0b6}html.pdd-dark .cx-msg.mid{background:#3d3018;color:#f3cf8a}html.pdd-dark .cx-msg.far{background:#3d2020;color:#f4a9a9}html.pdd-dark .cx-msg.bad{background:#e8ebf0;color:#1d2433}
