#kelime-game .kl-board{gap:.4rem;display:grid}#kelime-game .kl-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;display:grid}.kl-tile{aspect-ratio:1;color:#f8fafc;user-select:none;background:#02061780;border:2px solid #334155;border-radius:.6rem;place-items:center;font-size:clamp(1.4rem,7vw,1.9rem);font-weight:800;transition:transform .12s,background-color .25s,border-color .25s;display:grid;position:relative}.kl-tile.kl-mini{flex-shrink:0;width:2rem;height:2rem;font-size:1rem}.kl-tile[data-filled]{border-color:#94a3b8;animation:.12s kl-pop}.kl-tile[data-state=correct]{color:#fff;background:#047857;border-color:#047857}.kl-tile[data-state=present]{color:#0f172a;background:#f59e0b;border-color:#f59e0b}.kl-tile[data-state=absent]{color:#cbd5e1;background:#334155;border-color:#334155}.kl-tile[data-mark]:after{content:attr(data-mark);font-size:.7rem;font-weight:800;line-height:1;position:absolute;top:.1rem;right:.3rem}.kl-tile.kl-mini[data-mark]:after{font-size:.55rem;top:.05rem;right:.15rem}#kelime-game .kl-row.kl-shake{animation:.4s kl-shake}#kelime-game .kl-tile.kl-flip{animation:.45s both kl-flip}#kelime-game .kl-toast{text-align:center;color:#fde68a;min-height:1.5rem;margin-top:.75rem;font-size:.875rem;font-weight:600}#kelime-game .kl-keyboard{gap:.35rem;display:grid}#kelime-game .kl-krow{justify-content:center;gap:.25rem;display:flex}#kelime-game .kl-key{color:#f8fafc;touch-action:manipulation;background:#475569;border-radius:.5rem;flex:1 1 0;place-items:center;min-width:0;max-width:2.6rem;height:3.25rem;font-size:.95rem;font-weight:700;transition:background-color .2s;display:grid;position:relative}#kelime-game .kl-key:hover{filter:brightness(1.12)}#kelime-game .kl-key:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}#kelime-game .kl-key.kl-wide{text-transform:uppercase;letter-spacing:.02em;flex:1.6 1 0;max-width:4.2rem;font-size:.7rem}#kelime-game .kl-key[data-state=correct]{background:#047857}#kelime-game .kl-key[data-state=present]{color:#0f172a;background:#f59e0b}#kelime-game .kl-key[data-state=absent]{color:#64748b;background:#1e293b}#kelime-game .kl-key[data-mark]:after{content:attr(data-mark);font-size:.55rem;position:absolute;top:.1rem;right:.2rem}#kelime-game .kl-bar{color:#fff;background:#334155;border-radius:.3rem;justify-content:flex-end;min-width:1.75rem;padding:.1rem .4rem;font-weight:700;display:inline-flex}#kelime-game .kl-bar[data-current]{background:#047857}@keyframes kl-pop{50%{transform:scale(1.08)}}@keyframes kl-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes kl-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.kl-tile,#kelime-game .kl-row.kl-shake,#kelime-game .kl-tile.kl-flip{transition:none!important;animation:none!important}}#suffix-game .sb-dot{color:#94a3b8;background:#0f172a;border:2px solid #334155;border-radius:9999px;place-items:center;width:2.25rem;height:2.25rem;font-size:.8rem;font-weight:700;display:grid;position:relative}#suffix-game .sb-dot[data-state=current]{color:#e9d5ff;border-color:#c084fc}#suffix-game .sb-dot[data-state=first]{color:#fff;background:#047857;border-color:#047857}#suffix-game .sb-dot[data-state=second]{color:#0f172a;background:#f59e0b;border-color:#f59e0b}#suffix-game .sb-dot[data-state=missed]{color:#fff;background:#9f1239;border-color:#9f1239}#suffix-game .sb-dot[data-mark]:after{content:attr(data-mark);color:#f8fafc;background:#020617;border-radius:9999px;padding:0 .2rem;font-size:.65rem;position:absolute;top:-.45rem;right:-.35rem}#suffix-game .sb-chip{color:#e2e8f0;touch-action:manipulation;background:#1e293b;border:2px solid #475569;border-radius:.75rem;align-items:center;min-height:2.75rem;padding:.35rem .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:700;display:inline-flex}#suffix-game button.sb-chip:hover{border-color:#c084fc}#suffix-game button.sb-chip:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}#suffix-game button.sb-chip:disabled{opacity:.25;cursor:default;border-style:dashed}#suffix-game .sb-chip.sb-root{color:#e0f2fe;background:#0c4a6e;border-color:#0ea5e9}#suffix-game .sb-chip.sb-placed{color:#f3e8ff;background:#3b0764;border-color:#a855f7}#suffix-game #sb-explain[data-result=good]{background:#064e3b26;border-color:#10b98166}#suffix-game #sb-explain[data-result=missed]{background:#4c051933;border-color:#f43f5e66}