*{box-sizing:border-box}body{margin:0;padding:0}:root{background-color:#fff;color:#212121;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (prefers-color-scheme: dark){:root{background-color:#121213;color:#fff}}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.w-full{width:100%}.w-8{width:32px}.h-8{height:32px}.px-4{padding-left:16px;padding-right:16px}.py-6{padding-top:24px;padding-bottom:24px}.pb-6{padding-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.mb-8{margin-bottom:32px}.mt-4{margin-top:16px}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.gap-2{gap:8px}.gap-6{gap:24px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.text-xl{font-size:20px}.text-lg{font-size:18px}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-base{font-size:16px}.text-3xl{font-size:30px}.font-bold{font-weight:700}.tracking-wide{letter-spacing:.025em}.rounded{border-radius:4px}.rounded-xl{border-radius:12px}.transition-colors{transition:background-color .2s ease}.border{border-width:1px;border-style:solid}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.max-w-xs{max-width:20rem}.max-w-lg{max-width:32rem}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-white{color:#fff}.text-black{color:#000}.text-green-800{color:#166534}.text-green-700{color:#15803d}.text-green-600{color:#16a34a}.text-green-400{color:#4ade80}.text-green-300{color:#86efac}.text-green-200{color:#bbf7d0}.text-red-800{color:#991b1b}.text-red-700{color:#b91c1c}.text-red-300{color:#fca5a5}.text-red-200{color:#fecaca}.text-blue-600{color:#2563eb}.text-blue-400{color:#60a5fa}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f3f4f6}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-blue-500{background-color:#3b82f6}.border-green-200{border-color:#bbf7d0}.border-green-700{border-color:#15803d}.border-red-200{border-color:#fecaca}.border-red-700{border-color:#b91c1c}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--from-color),var(--to-color))}.from-green-50.to-green-100{--from-color: #f0fdf4;--to-color: #dcfce7}.from-red-50.to-red-100{--from-color: #fef2f2;--to-color: #fee2e2}.dark .text-white{color:#fff}.dark .text-gray-400{color:#9ca3af}.dark .text-green-200{color:#bbf7d0}.dark .text-green-300{color:#86efac}.dark .text-green-400{color:#4ade80}.dark .text-red-200{color:#fecaca}.dark .text-red-300{color:#fca5a5}.dark .text-blue-400{color:#60a5fa}.dark .bg-gray-800{background-color:#1f2937}.dark .bg-gray-900{background-color:#111827}.dark .border-green-700{border-color:#15803d}.dark .border-red-700{border-color:#b91c1c}.dark .from-green-900.to-green-800{--from-color: #14532d;--to-color: #166534}.dark .from-red-900.to-red-800{--from-color: #7f1d1d;--to-color: #991b1b}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.dark .hover\:bg-gray-800:hover{background-color:#1f2937}.wordle-grid{display:grid;grid-template-rows:repeat(6,1fr);grid-gap:4px;padding:8px;box-sizing:border-box;width:100%;max-width:320px;margin:0 auto}.wordle-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;justify-content:center}.wordle-tile{width:56px;height:56px;border:2px solid #d3d6da;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;text-transform:uppercase;color:#1a1a1b;background-color:#fff;transition:all .2s ease-in-out;border-radius:3px}.wordle-tile.filled{border-color:#878a8c;color:#1a1a1b}.wordle-tile.correct{background-color:#6aaa64!important;border-color:#6aaa64!important;color:#fff!important}.wordle-tile.present{background-color:#c9b458!important;border-color:#c9b458!important;color:#fff!important}.wordle-tile.absent{background-color:#787c7e!important;border-color:#787c7e!important;color:#fff!important}.colorblind .wordle-tile.correct{background-color:#f5793a!important;border-color:#f5793a!important;color:#fff!important}.colorblind .wordle-tile.present{background-color:#85c0f9!important;border-color:#85c0f9!important;color:#fff!important}.colorblind .wordle-tile.absent{background-color:#787c7e!important;border-color:#787c7e!important;color:#fff!important}.dark .wordle-tile{border-color:#3a3a3c;background-color:#121213;color:#fff}.dark .wordle-tile.filled{border-color:#565758}.wordle-keyboard{width:100%;max-width:420px;margin:0 auto;padding:0 8px}.keyboard-row{display:flex;width:100%;margin:0 auto 6px;touch-action:manipulation;justify-content:center}.keyboard-row .key{font-family:inherit;font-weight:700;border:0;padding:0;margin:0 2px 0 0;height:40px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#d3d6da;color:#1a1a1b;flex:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:10px;min-width:24px;max-width:36px}.keyboard-row .key.wide{flex:1.5;font-size:10px;min-width:48px;max-width:65px}.keyboard-row .key:hover{background-color:#b3b6bb}.keyboard-row .key.correct{background-color:#6aaa64;color:#fff}.keyboard-row .key.present{background-color:#c9b458;color:#fff}.keyboard-row .key.absent{background-color:#3a3a3c!important;color:#fff!important}.colorblind .keyboard-row .key.correct{background-color:#f5793a!important;color:#fff!important}.colorblind .keyboard-row .key.present{background-color:#85c0f9!important;color:#fff!important}.colorblind .keyboard-row .key.absent{background-color:#3a3a3c!important;color:#fff!important}.dark .keyboard-row .key{background-color:#818384;color:#fff}.dark .keyboard-row .key:hover{background-color:#565758}.dark .keyboard-row .key.correct{background-color:#6aaa64!important;color:#fff!important}.dark .keyboard-row .key.present{background-color:#c9b458!important;color:#fff!important}.dark .keyboard-row .key.absent{background-color:#3a3a3c!important;color:#fff!important}.dark.colorblind .keyboard-row .key.correct{background-color:#f5793a!important;color:#fff!important}.dark.colorblind .keyboard-row .key.present{background-color:#85c0f9!important;color:#fff!important}.dark.colorblind .keyboard-row .key.absent{background-color:#3a3a3c!important;color:#fff!important}.header-horizontal{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:16px!important}@media (max-width: 640px){.header-horizontal{gap:10px!important}.header-horizontal button{width:24px!important;height:24px!important;min-width:24px!important}.header-horizontal button .text-sm{font-size:13px!important}.game-title{font-size:17px!important}}@media (max-width: 480px){.header-horizontal{gap:8px!important}.header-horizontal button{width:22px!important;height:22px!important;min-width:22px!important}.header-horizontal button .text-sm{font-size:12px!important}.game-title{font-size:16px!important}}@keyframes shake{0%,to{transform:translate(-50%) translateY(0)}10%,30%,50%,70%,90%{transform:translate(-50%) translateY(0) translate(-8px)}20%,40%,60%,80%{transform:translate(-50%) translateY(0) translate(8px)}}.toast-shake{animation:shake .6s ease-in-out}.game-board-center{display:flex;justify-content:center;margin:0 auto;padding:12px 8px}.congratulations-center{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:50000;text-align:center}.keyboard-center{display:flex;justify-content:center;margin:8px auto 0;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}