:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}body{color:#eee;background:#111;place-items:center;min-height:100vh;margin:0;display:grid}.app{text-align:center;padding:1rem}.sub{color:#999;margin-top:0}.board{justify-content:center;gap:8px;margin:1.5rem 0 1rem;display:grid}.row{gap:8px;display:flex}.cell{border:2px solid #444;border-radius:8px;place-items:center;width:56px;height:56px;font-size:1.75rem;font-weight:700;display:grid}.cell.green{background:#2e9d4f;border-color:#2e9d4f}.cell.orange{background:#e08a1e;border-color:#e08a1e}.cell.red{background:#c0392b;border-color:#c0392b}.status{min-height:1.5rem;margin-bottom:1rem}.keypad{grid-template-columns:repeat(3,64px);justify-content:center;gap:8px;margin-bottom:1.5rem;display:grid}button{font:inherit;color:inherit;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:.6rem 0;font-size:1.25rem}button:hover:not(:disabled){background:#3a3a3a}button:disabled{opacity:.4;cursor:default}.keypad .enter{background:#2e9d4f;border-color:#2e9d4f;grid-column:span 2}.restart{padding:.5rem 1.25rem;font-size:1rem}.layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.actions{justify-content:center;gap:8px;display:flex}.hint{text-align:center;background:#1a1a1a;border:1px solid #444;border-radius:8px;width:240px;margin-top:1rem;padding:1rem}.hint h2{margin-top:0}.hint-guess{letter-spacing:.25em;margin:.5rem 0;font-size:2rem;font-weight:700}.hint button{padding:.4rem 1rem;font-size:1rem}