.ecms-wordle,
.ecms-wordle * { box-sizing: border-box; }
.ecms-wordle {
	--wordle-ink: #211b1a;
	--wordle-muted: #716a64;
	--wordle-red: #a92730;
	--wordle-green: #4b765e;
	--wordle-gold: #d9bb7a;
	max-width: 900px;
	margin: 0 auto;
	padding: clamp(24px, 5vw, 58px) clamp(16px, 4vw, 42px) 54px;
	color: var(--wordle-ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.55;
}
.ecms-wordle button,
.ecms-wordle a { font-family: inherit; }
.ecms-wordle-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 35px; }
.ecms-wordle-return { color: var(--wordle-ink); font-size: 12px; font-weight: 700; text-decoration: none; }
.ecms-wordle-return:hover { color: var(--wordle-red); }
.ecms-wordle-member { color: var(--wordle-red); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.ecms-wordle-heading { max-width: 630px; margin: 0 auto 28px; text-align: center; }
.ecms-wordle-kicker { margin: 0 0 8px; color: var(--wordle-red); font-size: 10px; font-weight: 800; letter-spacing: .2em; }
.ecms-wordle-heading h1,
.ecms-wordle-locked h2 { margin: 0 0 12px; color: var(--wordle-ink); font: 500 clamp(37px, 6vw, 56px)/1.04 Georgia, "Times New Roman", serif; letter-spacing: -.03em; }
.ecms-wordle-heading > p:last-child { margin: 0; color: var(--wordle-muted); font-size: 13px; }
.ecms-wordle-panel { max-width: 520px; margin: 0 auto; padding: clamp(19px, 4vw, 30px); border: 1px solid #e5ddd2; background: #fffdfa; box-shadow: 0 18px 48px rgba(34,25,20,.07); }
.ecms-wordle-message { min-height: 26px; margin: 0 0 16px; color: #564d46; font-size: 12px; font-weight: 650; text-align: center; }
.ecms-wordle-message.is-error { color: var(--wordle-red); }
.ecms-wordle-board { display: grid; justify-content: center; gap: 6px; margin: 0 auto 20px; }
.ecms-wordle-row { display: grid; grid-template-columns: repeat(5, minmax(42px, 52px)); gap: 6px; }
.ecms-wordle-cell { display: grid; aspect-ratio: 1; place-items: center; border: 1px solid #d9d1c8; color: var(--wordle-ink); background: #fff; font-size: clamp(21px, 5vw, 26px); font-weight: 800; line-height: 1; text-transform: uppercase; }
.ecms-wordle-cell.is-current { border-color: #867a70; animation: ecms-letter-pop .1s ease-out; }
.ecms-wordle-cell.is-correct,
.ecms-wordle-key.is-correct { border-color: var(--wordle-green); color: #fff; background: var(--wordle-green); }
.ecms-wordle-cell.is-present,
.ecms-wordle-key.is-present { border-color: #b48a3f; color: #fff; background: #b48a3f; }
.ecms-wordle-cell.is-absent,
.ecms-wordle-key.is-absent { border-color: #5f5954; color: #fff; background: #5f5954; }
.ecms-wordle-keyboard { display: grid; gap: 7px; width: 100%; max-width: 475px; margin: 0 auto; }
.ecms-wordle-key-row { display: flex; justify-content: center; gap: clamp(3px, .7vw, 6px); }
.ecms-wordle-key { min-width: 0; flex: 1 1 0; height: 46px; padding: 0 4px; border: 1px solid #e5ded6; border-radius: 3px; color: #342d28; background: #eee9e3; cursor: pointer; font-size: 13px; font-weight: 800; transition: filter .15s ease, transform .15s ease; }
.ecms-wordle-key:hover:not(:disabled) { filter: brightness(.95); transform: translateY(-1px); }
.ecms-wordle-key:disabled { cursor: default; }
.ecms-wordle-key-wide { flex: 1.55 1 0; font-size: 10px; }
.ecms-wordle-footer { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 20px; padding-top: 15px; border-top: 1px solid #e9e2d9; color: var(--wordle-muted); font-size: 10px; }
.ecms-wordle-footer a { color: var(--wordle-red); font-weight: 750; text-decoration: none; white-space: nowrap; }
.ecms-wordle-note { max-width: 520px; margin: 14px auto 0; color: #898078; font-size: 10px; text-align: center; }
.ecms-wordle [hidden] { display: none !important; }
.ecms-wordle-locked { max-width: 620px; margin-top: 40px; padding: 46px 34px; border: 1px solid #e5ddd2; background: #fffdfa; text-align: center; }
.ecms-wordle-locked h2 { font-size: clamp(32px, 5vw, 46px); }
.ecms-wordle-locked > p:not(.ecms-wordle-kicker) { margin: 0 auto 22px; color: var(--wordle-muted); font-size: 13px; }
.ecms-wordle-locked .ecms-wordle-return { display: inline-flex; gap: 10px; align-items: center; padding: 11px 17px; color: #fff; background: var(--wordle-red); }
.ecms-wordle.is-unavailable .ecms-wordle-message { min-height: 90px; display: grid; place-items: center; padding: 20px; border: 1px dashed #d9d1c8; background: #f8f5f0; }
@keyframes ecms-letter-pop { from { transform: scale(.88); } to { transform: scale(1); } }
@media (max-width: 480px) {
	.ecms-wordle-top { align-items: flex-start; flex-direction: column; gap: 8px; margin-bottom: 27px; }
	.ecms-wordle-panel { padding: 18px 12px; }
	.ecms-wordle-row { grid-template-columns: repeat(5, minmax(39px, 47px)); gap: 5px; }
	.ecms-wordle-key { height: 43px; font-size: 11px; }
	.ecms-wordle-key-wide { font-size: 8px; }
	.ecms-wordle-footer { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
	.ecms-wordle-key { transition: none; }
	.ecms-wordle-cell.is-current { animation: none; }
}