/* Worldle (/worldle, Tailwind bundle /vars/worldle): site look — white bordered rounded rows, boxed icon buttons, green Guess pill. */
#root{font-family:Nunito,sans-serif;color:#14181f}
#root > .flex > .max-w-lg{padding:0 8px}
#root header{align-items:center;border:0!important;padding:4px 0 6px!important;gap:6px}
#root header h3{margin:0!important;font-size:30px;font-weight:900;letter-spacing:.04em;color:#14181f}
#root header h3 .text-green-600{color:#16a34a}
#root header > button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;margin:0!important;border:1px solid #dbe1ee;border-radius:10px;background:#fff;font-size:18px}
#root header > button:hover{background:#eef1f7}
#root .grid.grid-cols-7{gap:6px}
#root .grid.grid-cols-7 > div{height:40px!important;border:2px solid #dbe1ee!important;border-radius:12px!important;background:#fff!important;font-weight:800;color:#14181f}
#root .grid.grid-cols-7 > div.col-span-7{border-color:#e7ebf3!important}
#root img[alt="country to guess"]{padding:6px}
#root form .flex-col{flex-direction:row!important;gap:8px}
#root form [role=combobox]{border:2px solid #dbe1ee!important;border-radius:12px!important;background:#fff}
#root form [role=combobox]:focus-within{border-color:#16a34a!important}
#root form input{height:44px;padding:0 12px!important;border:0;border-radius:12px;background:transparent;font-weight:700;outline:none}
#root form button[type=submit]{flex:0 0 auto;margin:0!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:#16a34a!important;color:#fff;font-weight:800;text-transform:none}
#root form button[type=submit]:hover{background:#12833c!important}
#react-autowhatever-1{border-radius:12px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,23,42,.12)}
#react-autowhatever-1 li{padding:6px 12px;font-weight:700}
#react-autowhatever-1 li[aria-selected=true]{background:#dcfce7}
#root .Toastify__toast{border-radius:14px;font-family:Nunito,sans-serif;font-weight:700}