/* /unused-wordle-words: count hero, board filter, A–Z word list, tags. */
.uw-hero { background: linear-gradient(135deg, #538d4e 0%, #3f7a3a 100%); color: #fff; border-radius: 18px; padding: 20px 20px 16px; margin-bottom: 16px; box-shadow: 0 14px 30px -22px rgba(40, 90, 40, .9); }
.uw-big { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.uw-big b { font: 800 clamp(3rem, 11vw, 4.4rem)/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.02em; }
.uw-big span { font-size: 1.05rem; font-weight: 600; max-width: 360px; line-height: 1.35; color: #eaf6e8; }
.uw-tiles { margin: 14px 0 10px; }
.uw-hero .ga-tile { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .22); }
.uw-hero .ga-tile b { color: #fff; }
.uw-hero .ga-tile span { color: #dcefd9; }
.uw-asof { font-size: .86rem; color: #e3f2e0; line-height: 1.5; }

.uw-help { color: #4a5160; font-size: .92rem; margin: -4px 0 12px; }
.uw-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
.uw-label { flex: none; width: 64px; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.uw-label-g { color: #538d4e; }
.uw-label-y { color: #b59f3b; }
.uw-label-x { color: #787c7e; }
.uw-pos { display: flex; gap: 6px; }
.uw-pos input { width: 46px; height: 50px; text-align: center; font: 800 1.4rem/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-transform: uppercase; border: 2px solid #d3d6da; border-radius: 8px; color: #1f2430; background: #fff; }
.uw-pos input:not(:placeholder-shown) { background: #6aaa64; border-color: #6aaa64; color: #fff; }
.uw-pos input:focus { outline: none; box-shadow: 0 0 0 3px rgba(83, 141, 78, .35); }
.uw-text { flex: 1 1 220px; min-height: 44px; padding: 8px 12px; border: 2px solid #d3d6da; border-radius: 10px; font: 600 1rem/1.2 inherit; letter-spacing: .12em; text-transform: uppercase; }
.uw-text::placeholder { letter-spacing: 0; text-transform: none; font-weight: 400; color: #9aa0ac; }
.uw-text:focus { outline: none; border-color: #538d4e; }
.uw-result { min-height: 1.5em; margin-top: 4px; font-weight: 600; color: #2d3748; }
.uw-reset { margin-left: 8px; padding: 4px 12px; border-radius: 999px; border: 1px solid #d3d6da; background: #fff; font: inherit; font-size: .85rem; cursor: pointer; }
.uw-reset:hover { border-color: #538d4e; color: #538d4e; }

.uw-az { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 14px; }
.uw-az a, .uw-az span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 7px; font-weight: 700; font-size: .85rem; text-decoration: none; }
.uw-az a { background: var(--ga-soft); color: #3f7a3a; }
.uw-az a:hover { background: #538d4e; color: #fff; }
.uw-az span { color: #c5c9d1; }
.uw-letter { padding: 10px 0 12px; border-top: 1px solid var(--ga-line); scroll-margin-top: 80px; }
.uw-letter:first-child { border-top: 0; }
.uw-letter h3 { font-size: 1.05rem; color: #1f2430; margin-bottom: 8px; display: flex; align-items: baseline; gap: 8px; }
.uw-letter h3 span { font-size: .78rem; font-weight: 600; color: #8a8fa0; }
.uw-words { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.uw-words li { padding: 5px 9px; border-radius: 7px; background: #f4f6f3; border: 1px solid #e3e8e1; font: 700 .86rem/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .08em; color: #2b3a2a; }

.uw-tag { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #f1f2f6; color: #6b7280; font-size: .74rem; font-weight: 700; white-space: nowrap; }
.uw-tag-repeat { background: #fff4d6; color: #9a7b12; }
.uw-tag-added { background: #e8efff; color: #3d55b8; }

.uw-year { padding: 8px 0; border-top: 1px solid var(--ga-line); }
.uw-year:first-child { border-top: 0; }
.uw-year h3 { font-size: .95rem; color: #1f2430; margin-bottom: 8px; }
.uw-year h3 span { font-size: .78rem; color: #8a8fa0; font-weight: 600; margin-left: 6px; }
.uw-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.uw-chips li { padding: 5px 9px; border-radius: 7px; background: #f3f5ff; border: 1px solid #dfe5fb; font-weight: 700; font-size: .84rem; letter-spacing: .05em; color: #2d3b7a; }
.uw-chips small { font-weight: 500; color: #8a93b8; letter-spacing: 0; margin-left: 2px; }
@media (max-width: 520px) {
    .uw-pos input { width: 40px; height: 46px; font-size: 1.2rem; }
    .uw-label { width: 100%; }
}