.grid{gap:.75rem;width:min(520px,100%);margin:1rem auto 0;display:grid}.row{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.cell{background:#0f131d;border:1px solid #1f2737;border-radius:10px;padding:.5rem}.cell input{text-align:center;color:#fff;background:0 0;border:none;outline:none;width:100%;height:56px;font-size:28px}.color{justify-content:center;gap:6px;margin-top:6px;display:flex}.dot{opacity:.7;background:#1a2030;border:1px solid #2c3750;border-radius:50%;width:14px;height:14px}.dot.yellow{background:#b59f3b;border-color:#b59f3b}.dot.green{background:#538d4e;border-color:#538d4e}.dot.active{opacity:1;box-shadow:0 0 0 2px #ffffff1f}.cell.yellow{outline:2px solid #b59f3b40}.cell.green{outline:2px solid #538d4e40}.hint{color:#94a3b8;margin:.5rem 0 1rem}.wordle{text-align:center;max-width:960px;margin:0 auto}.wordle h1{margin:1rem 0 .75rem}.row{justify-content:center;gap:.5rem;margin:.5rem 0;display:flex}.row-tight{gap:.4rem}.box{text-align:center;letter-spacing:1px;color:#fff;background:#0f131d;border:1px solid #1f2737;border-radius:10px;outline:none;width:56px;height:56px;font-size:28px}.box.green{box-shadow:0 0 0 2px #538d4e40}.box.yellow{box-shadow:0 0 0 2px #b59f3b40}.box.gray{box-shadow:0 0 0 2px #2c375040}.long{width:min(520px,90vw);height:48px;font-size:18px}.results{text-align:left;margin-top:1rem}.results h2{margin-bottom:.25rem;font-size:1.1rem}.list{word-wrap:anywhere;line-height:1.6}.btn{color:#e6e8ee;cursor:pointer;background:#111625;border:1px solid #1f2737;border-radius:10px;padding:.55rem .9rem;transition:transform .12s,background .12s,color .12s,opacity .12s}.btn:hover{color:#fff;background:#171d2b;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}:root[data-theme=light] .cell,:root[data-theme=light] .box{color:#0b0d12;background:#fff;border-color:#cfd7e6}:root[data-theme=light] .dot{background:#e7ecf6;border-color:#cfd7e6}:root[data-theme=light] .hint,:root[data-theme=light] .results h2{color:#4b5563}:root[data-theme=light] .btn{color:#0b0d12;background:#fff;border-color:#cfd7e6}:root[data-theme=light] .btn:hover{color:#0b0d12;background:#f3f6fb}