.aksharkosh-wordle {
	--wl-ink: #17243b;
	--wl-line: #c7d0dc;
	box-sizing: border-box;
	max-width: 640px;
	margin: 1.5em auto;
	padding: clamp(1.1em, 3vw, 2em);
	border: 1px solid var(--wl-line);
	border-radius: 18px;
	background: var(--dl-page, #fff);
	color: var(--wl-ink);
	font-family: inherit;
	box-shadow: 0 14px 38px rgba(23, 36, 59, 0.08);
}
.aksharkosh-wordle *, .aksharkosh-wordle *::before, .aksharkosh-wordle *::after { box-sizing: border-box; }
.aksharkosh-wordle .wl-heading { display: flex; align-items: end; justify-content: space-between; gap: 1em; border-bottom: 2px solid var(--wl-ink); padding-bottom: 0.8em; }
.aksharkosh-wordle .wl-kicker { margin: 0 0 0.2em; font-size: 0.76em; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--dl-accent, #3b47c4); }
.aksharkosh-wordle h2 { margin: 0; font-family: inherit; font-size: clamp(1.7em, 5vw, 2.4em); line-height: 1.1; color: inherit; }
.aksharkosh-wordle .wl-number { white-space: nowrap; font-size: 0.85em; font-weight: 700; }
.aksharkosh-wordle .wl-how { margin: 1em 0; padding: 0.65em 0.85em; border: 1px solid var(--wl-line); border-radius: 9px; background: rgba(59, 71, 196, 0.035); }
.aksharkosh-wordle .wl-how summary { cursor: pointer; font-weight: 700; color: var(--dl-accent, #3b47c4); }
.aksharkosh-wordle .wl-how p { margin: 0.6em 0 0; font-size: 0.9em; line-height: 1.5; }
.aksharkosh-wordle .wl-board { display: grid; gap: 7px; width: min(100%, 304px); margin: 1.25em auto; }
.aksharkosh-wordle .wl-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.aksharkosh-wordle .wl-tile { position: relative; display: flex; align-items: center; justify-content: center; min-height: 72px; border: 2px solid var(--wl-line); border-radius: 7px; background: #f7f9fc; color: var(--wl-ink); font-family: inherit; font-size: clamp(1.5em, 6vw, 2em); font-weight: 700; line-height: 1; }
.aksharkosh-wordle .wl-tile[class*="wl-"]:not([class="wl-tile"]) { padding-right: 0.35em; border-color: transparent; color: #fff; }
.aksharkosh-wordle .wl-green, .aksharkosh-wordle .wl-blue, .aksharkosh-wordle .wl-yellow, .aksharkosh-wordle .wl-grey { color: #fff; }
.aksharkosh-wordle .wl-green { background: #116149; }
.aksharkosh-wordle .wl-blue { background: #164b9c; }
.aksharkosh-wordle .wl-yellow { background: #765000; }
.aksharkosh-wordle .wl-grey { background: #495364; }
.aksharkosh-wordle .wl-tile.wl-green::after, .aksharkosh-wordle .wl-key.wl-green::after { content: "✓"; }
.aksharkosh-wordle .wl-tile.wl-blue::after, .aksharkosh-wordle .wl-key.wl-blue::after { content: "≈"; }
.aksharkosh-wordle .wl-tile.wl-yellow::after, .aksharkosh-wordle .wl-key.wl-yellow::after { content: "↔"; }
.aksharkosh-wordle .wl-tile.wl-grey::after, .aksharkosh-wordle .wl-key.wl-grey::after { content: "×"; }
.aksharkosh-wordle .wl-tile::after { position: absolute; right: 5px; bottom: 5px; font-size: 0.45em; line-height: 1; }
.aksharkosh-wordle .wl-form { margin-top: 1.3em; }
.aksharkosh-wordle .wl-form label { display: block; margin-bottom: 0.35em; font-weight: 700; }
.aksharkosh-wordle .wl-entry { display: flex; gap: 0.5em; }
.aksharkosh-wordle .wl-entry input { min-width: 0; flex: 1; padding: 0.65em 0.8em; border: 1px solid var(--wl-line); border-radius: 8px; background: #fff; color: var(--wl-ink); font: inherit; font-size: 1.1em; }
.aksharkosh-wordle button { border: 1px solid var(--dl-accent, #3b47c4); border-radius: 999px; padding: 0.55em 1.1em; background: var(--dl-accent, #3b47c4); color: #fff; font: inherit; font-size: 0.95em; font-weight: 700; cursor: pointer; }
.aksharkosh-wordle button:hover { filter: brightness(0.86); }
.aksharkosh-wordle button:focus-visible, .aksharkosh-wordle input:focus-visible, .aksharkosh-wordle summary:focus-visible { outline: 3px solid #a26900; outline-offset: 3px; }
.aksharkosh-wordle .wl-preview { min-height: 1.7em; margin-top: 0.45em; font-size: 0.95em; font-weight: 600; }
.aksharkosh-wordle .wl-preview .wl-choice { margin: 0.3em 0.35em 0 0; padding: 0.2em 0.7em; background: #fff; color: var(--dl-accent, #3b47c4); }
.aksharkosh-wordle .wl-preview .wl-choice[aria-pressed="true"] { background: var(--dl-accent, #3b47c4); color: #fff; }
.aksharkosh-wordle .wl-message { min-height: 1.2em; margin: 0.2em 0; color: #8b290f; font-weight: 600; }
.aksharkosh-wordle .wl-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65em 1em; margin: 1.2em 0; padding-top: 1em; border-top: 1px solid var(--wl-line); font-size: 0.84em; }
.aksharkosh-wordle .wl-legend span { display: flex; align-items: center; gap: 0.55em; }
.aksharkosh-wordle .wl-key { position: relative; display: inline-flex; flex: none; align-items: center; justify-content: center; min-width: 2.7em; height: 2.4em; padding-right: 0.6em; border-radius: 5px; font-size: 0.95em; }
.aksharkosh-wordle .wl-key::after { position: absolute; right: 3px; bottom: 2px; font-size: 0.7em; }
.aksharkosh-wordle .wl-result { padding: 1em; border-radius: 10px; background: #eef3f9; }
.aksharkosh-wordle .wl-result p { margin: 0 0 0.5em; }
.aksharkosh-wordle .wl-result [data-wl-answer] { font-size: 1.15em; font-weight: 700; }
.aksharkosh-wordle .wl-result [data-wl-share-status] { margin-left: 0.65em; font-weight: 600; }
.aksharkosh-wordle .wl-stats { margin-top: 1.2em; padding-top: 0.8em; border-top: 1px solid var(--wl-line); font-size: 0.88em; }
.aksharkosh-wordle .wl-stats h3 { margin: 0 0 0.3em; font: inherit; font-weight: 700; }
.aksharkosh-wordle .wl-stats p { margin: 0.2em 0; }
.aksharkosh-wordle .wl-note { margin: 1.2em 0 0; font-size: 0.8em; opacity: 0.75; }
.aksharkosh-wordle .wl-copy-field { position: absolute; left: -9999px; }
.aksharkosh-wordle [hidden] { display: none !important; }
@media (max-width: 480px) {
	.aksharkosh-wordle .wl-legend { grid-template-columns: 1fr; }
	.aksharkosh-wordle .wl-tile { min-height: 62px; }
}