🌨🐙 Checkpoint

./views/index.html:1954897/56204
./public/styles.css:1954897/90

public/styles.css

@@ -78,10 +78,13 @@ body {
   border-radius: .2em;
   padding: .87em 2em;
 }
-.btn:hover {
+.btn[disabled] {
+  border-color: #6A6A6A;
+}
+.btn:hover:not([disabled]) {
   background: rgba(255,255,255, 0.04)
 }
-.btn:active {
+.btn:active:not([disabled]) {
   background: rgba(255,255,255, 0.12)
 }
 .btn-row { text-align: right; }

views/index.html

@@ -41,22 +41,20 @@
         <div class="container" id="rules" hidden>
             <h1>Reglas</h1>
             <p>
-                Se juega con al menos dos jugadores. Los jugadores deben mantener una
-                conversación y usarla para hacer que los demás jugadores digan la
-                palabra prohibida que tienen en la frente.
+                Se juega con al menos tres jugadores. A cada quien se le asignará una
+                "palabra prohibida". Todos menos este pueden ver la palabra. El juego
+                se trata en mantener y manejar una conversación que los demás digan sus
+                palabras prohibidas sin que tú digas la tuya.
             </p>
             <p>
-                Los jugadores deben escribir una palabra prohibida para la persona a su lado.
+                Los jugadores escribirán una palabra prohibida para la persona a su lado.
                 Esta <em>debe</em> ser un sustantivo, verbo, adjetivo, adverbio o frase común.
                 <strong>No</strong> puede ser un artículo, pronombre, conjunción ni exclamación.
             </p>
-            <h2 class="h3">¿Qué vale, qué no?</h2>
-            <ul>
-                <li>
-                    <strong>Conjugaciones:</strong> por ejemplo, si la palabra prohibida es "ver" y dice "Lo <em>vi</em> en el supermercado", pierde.
-                </li>
-            </ul>
-            <button class="btn" data-open="prev">Entendido</button>
+            <p></p>
+            <div class="btn-row">
+                <button class="btn" data-open="prev">Entendido</button>
+            </div>
         </div>
         <div class="container middle" id="view1" hidden>
             <h1 class="h4 center">Dale el celular a la persona a&nbsp;tu&nbsp;izquierda.</h1>
@@ -71,7 +69,7 @@
                 sustantivo, verbo, adjetivo, adverbio o frase común.
                 No se permiten artículos, pronombres, conjunciones ni exclamaciones.
             </p>
-            <input type="text" placeholder="p. ej., " id="in">
+            <input type="text" placeholder="p. ej., " id="input">
             <div class="flex" id="wordBank">&hellip;</div>
             <div class="btn-row">
                 <button class="btn" data-dispatch="word">Más palabras</button>