*{box-sizing:border-box;margin:0;padding:0}body{background:#800020;font-family:Arial,Helvetica,sans-serif}.title{text-align:center;color:#fff;margin-top:20px;font-size:40px;font-weight:800}.message{text-align:center;color:#e5c700;margin-top:20px;margin-bottom:20px;font-size:24px;font-weight:700}.board{flex-direction:column;align-items:center;gap:6px;margin-top:40px;display:flex}.row{gap:6px;display:flex}.tile{text-transform:uppercase;color:#000;background:#fff;border:2px solid #d3d6da;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex}.tile.correct{color:#fff;background-color:#6aaa64;border-color:#6aaa64}.tile.present{color:#fff;background-color:#e5c700;border-color:#e5c700}.tile.absent{color:#fff;background-color:#3a3a3c;border-color:#3a3a3c}.tile.empty{color:#000;background-color:#fff;border-color:#d3d6da}button.correct{color:#fff;background-color:#538d4e}button.present{color:#fff;background-color:#e5c700}button.absent{color:#fff;background-color:#3a3a3c}.keyboard{flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.keyboard-row{gap:6px;display:flex}.key{cursor:pointer;background:#d3d6da;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:40px;height:50px;padding:0 10px;font-size:14px;font-weight:600;display:flex}.key--wide{min-width:65px}