#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 16px;border-radius:6px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:9999}#toast.show{opacity:1}#wordle-game{display:flex;flex-direction:column;align-items:center;margin-top:20px;gap:16px}#grid{display:flex;flex-direction:column;align-items:center;perspective:800px;margin-top:10px}#grid .row{display:grid;grid-template-columns:repeat(var(--wordle-cols, 5),minmax(40px,1fr));gap:6px;margin-bottom:6px;justify-content:center}.wordle-layout{display:flex;flex-direction:row;gap:20px;width:100%;justify-content:center;align-items:flex-start;margin-top:20px}.wordle-left,.wordle-right{flex:1;max-width:500px}#keyboard{max-height:80vh;overflow-y:auto;padding-right:10px}@media (max-width: 768px){.wordle-layout{flex-direction:column;align-items:center}.wordle-right{width:100%;max-width:500px}#keyboard{max-height:none}}.cell{position:relative;width:50px;height:50px;transform-style:preserve-3d;background:#f3f4f6;border:2px solid #d1d5db;color:#111827;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:1.8rem;line-height:1}.cell .front,.cell .back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:1.6rem;border-radius:4px}.cell .back{transform:rotateX(180deg)}.cell.flip{animation:flip .6s forwards}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(180deg)}}.cell.correct{background-color:#4caf50!important;border-color:#4caf50!important;color:#fff!important}.cell.present{background-color:#ffc107!important;border-color:#e0a800!important;color:#000!important}.cell.absent{background-color:#9e9e9e!important;border-color:#7e7e7e!important;color:#fff!important}#keyboard{margin-top:10px;display:flex;flex-direction:column;gap:6px}#keyboard .kb-row{display:flex;justify-content:center;gap:6px}#keyboard .key{width:44px;height:44px;padding:0;font-size:20px;background:#1e293b;color:#fff;border:none;border-radius:50%;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center}#keyboard .key-backspace,#keyboard .key-enter{width:auto;min-width:60px;padding:0 10px;border-radius:999px}#keyboard .key.correct{background:#16a34a!important}#keyboard .key.present{background:#eab308!important}#keyboard .key.absent{background:#475569!important}.vowel-popup{position:absolute;width:220px;height:220px;background:#0f172af5;border-radius:50%;display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:999;box-shadow:0 0 20px #0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vowel-center{position:absolute;width:65px;height:65px;background:#334155;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;z-index:1000;cursor:pointer;-webkit-user-select:none;user-select:none}.vowel-option-layer1{position:absolute;transform:rotate(var(--angle)) translate(85px) rotate(calc(-1 * var(--angle)));background:#1f2937;color:#fff;border:none;padding:8px 12px;border-radius:999px;font-size:20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,opacity .15s ease}.vowel-option-layer1:hover{filter:brightness(1.05)}.vowel-option-layer2{position:absolute;transform:rotate(var(--angle)) translate(115px) rotate(calc(-1 * var(--angle)));background:#020617;color:#fff;border:none;padding:8px 12px;border-radius:999px;font-size:20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.vowel-option-layer2:hover{filter:brightness(1.05)}.vowel-submit{font-weight:700;background:#16a34a!important;color:#000!important;border-radius:50%;width:42px;height:42px;padding:0!important;display:flex;align-items:center;justify-content:center}.vowel-submit:hover{background:#15803d!important}.vowel-option-disabled{opacity:.35;pointer-events:none}:root{--vowel-a: #fbbf24;--vowel-i: #93c5fd;--vowel-u: #86efac;--vowel-e: #c4b5fd;--vowel-o: #fed7aa}.vowel-option.vowel-a{background:var(--vowel-a);color:#111827}.vowel-option.vowel-i{background:var(--vowel-i);color:#111827}.vowel-option.vowel-u{background:var(--vowel-u);color:#064e3b}.vowel-option.vowel-e{background:var(--vowel-e);color:#111827}.vowel-option.vowel-o{background:var(--vowel-o);color:#7c2d12}.vowel-option.vowel-default{background:#1f2937}#wordle-msg{min-height:0;padding:0;margin:0;opacity:0;font-size:1.2rem;font-weight:600;color:#fff;text-align:center;transition:opacity .2s ease}#wordle-msg:empty{display:none}#wordle-msg:not(:empty){opacity:1}.game-finished{margin-top:1rem;padding:1rem;border-radius:12px;background:#1e293b;border:1px solid #334155;display:flex;flex-direction:column;gap:1rem;text-align:center;color:#fff}.game-finished .answer{font-size:1.8rem;font-weight:700;letter-spacing:.1rem}.game-finished .actions{display:flex;justify-content:center;gap:1rem}.game-finished button{padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;cursor:pointer;border:none;background:#4f46e5;color:#fff}.clue-banner{margin:0 auto;padding:.5rem 1rem;background:#f59e0b;color:#111;border-radius:8px;font-size:1.1rem;width:fit-content}#hint-animated{display:inline-block}.hint-underline{border-bottom:2px solid #b45309;padding-bottom:1px;animation:wiggle 1.2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(1deg)}}.menu{display:flex;flex-direction:column;align-items:center;gap:16px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:100%;max-width:480px}