/* In-game Hint (js/hint.js): button in the game header, strip of revealed letters above the board, dialog */
.wp-hint-btn{display:inline-flex;align-items:center;gap:4px;height:32px;margin:0 4px 0 0;padding:0 11px 0 8px;border:0;border-radius:999px;background:var(--letter-correct,#16a34a);color:#fff;font:inherit;font-weight:800;font-size:14px;line-height:1;cursor:pointer;white-space:nowrap}
.wp-hint-btn:hover{background:var(--wp-win-accent-dark,#12833c)}
.wp-hint-btn[hidden]{display:none}
.wp-hint-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wp-hint-strip .wp-hint-btn{height:30px;margin:0;font-size:13px}

.wp-hint-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;margin:0 auto 6px;font-size:13px;font-weight:800;color:var(--wp-win-muted,#55606f)}
.wp-hint-strip[hidden],.wp-hint-strip__shown[hidden]{display:none}
.wp-hint-strip__shown{display:inline-flex;align-items:center;gap:4px}
.wp-hint-strip__label{margin-right:4px}
.wp-hint-strip .wp-hint-btn:not([hidden]) ~ .wp-hint-strip__shown .wp-hint-strip__label{display:none}
.wp-hint-tile{display:inline-flex;align-items:center;justify-content:center;width:22px;height:24px;border:2px solid var(--cell-empty-border,#dbe1ee);border-radius:6px;background:var(--cell-empty-bg,#fff);font-style:normal;font-weight:900;font-size:13px;color:var(--letter-text,#fff)}
.wp-hint-tile.is-on{border-color:var(--letter-correct,#16a34a);background:var(--letter-correct,#16a34a)}

.wp-hint-pop{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.55)}
.wp-hint-pop.is-open{display:flex}
.wp-hint-pop__card{position:relative;width:100%;max-width:400px;max-height:calc(100vh - 32px);overflow:auto;padding:24px 20px 20px;border-radius:18px;background:var(--wp-win-surface,#fff);color:var(--wp-win-ink,#14181f);text-align:center;box-shadow:0 18px 50px rgba(15,23,42,.25)}
body.dark .wp-hint-pop__card{background:#162238}
.wp-hint-pop__x{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:10px;background:var(--key-bg,#e7ebf3);color:inherit;font-size:22px;line-height:1;cursor:pointer}
.wp-hint-pop__mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--letter-correct,#16a34a);color:#fff;font-size:28px;font-weight:900}
.wp-hint-pop__title{margin:10px 0 6px;font-size:22px;font-weight:900;line-height:1.25;color:inherit}
.wp-hint-pop__text{margin:0 0 14px;font-size:15px;color:var(--wp-win-muted,#55606f)}
.wp-hint-word{display:flex;justify-content:center;gap:5px;margin-bottom:14px}
.wp-hint-word .wp-hint-tile{width:34px;height:38px;font-size:18px}
.wp-hint-msg{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--wp-win-muted,#55606f)}
.wp-hint-msg[hidden]{display:none}
.wp-hint-pop__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.wp-hint-pop__btn{padding:11px 20px;border:0;border-radius:999px;background:var(--letter-correct,#16a34a);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.wp-hint-pop__btn:hover{background:var(--wp-win-accent-dark,#12833c)}
.wp-hint-pop__btn:disabled{opacity:.6;cursor:default}
.wp-hint-pop__btn--ghost{background:var(--key-bg,#e7ebf3);color:inherit}
.wp-hint-pop__btn--ghost:hover{background:var(--cell-filled-border,#b7c0d6)}
@media (max-width:380px){.wp-hint-word .wp-hint-tile{width:28px;height:32px;font-size:15px}}