-#error {
- display: block;
- background: hsl(48.2,100%,90%);
- visibility: visible;
- opacity: 1;
- transition: visibility 250ms, opacity 250ms;
-}
-#error.hidden {
- display: block;
- visibility: hidden;
- opacity: 0;
- transition: none;
-}
+.hints { margin-left: auto; margin-right: 0; }
+.hints .hint { display: inline-block; width: 1.8ex; text-align: center; margin: 0 0.2ex; cursor: default; }
+.hints .hint.b { background-color: hsl(312,100%,96%) }
+.hints .hint.p { background-color: hsl(120,100%,96%) }
+.hints .hint.m { background-color: hsl(240,100%,96%) }
+.hints .hint.i { background-color: hsl( 40,100%,96%) }