Modifiche per adattare il piu' possibile alla tipologia APP.

Aggiunto un bordo trasparente alle 2 icone.
In manifest forzata la modalità fullscreen landscape, aiutandosi
anche con documentElement.requestFullscreen().
Le formazioni vengono visualizzate cambiando posto con il punteggio.
inseriti opportuni cambiamenti su style.css.
inserito in css-body overscroll-behavior-y: contain;
per prevenire la ricarica della pagina con swipe-down.
modificato il title direttamente in index.html.

src/style.css

@@ -5,6 +5,7 @@
 }
 
 body {
+  overscroll-behavior-y: contain;
   margin: 0;
   place-items: center;
   min-width: 320px;
@@ -19,7 +20,7 @@ button {
   border-radius: 8px;
   border: 1px solid #fff;
   padding: 0.6em 1.2em;
-  font-size: 1em;
+  font-size: 0.8em;
   font-weight: 500;
   font-family: inherit;
   color: #fff;
@@ -40,7 +41,6 @@ button:focus-visible {
   margin: 0 auto;
   text-align: center;
 }
-
 .campo {
   user-select: none;
   width: 100%;
@@ -59,16 +59,41 @@ button:focus-visible {
   text-align: right;
 }
 .bot {
-  float: left;
-  width: 50%;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
   margin-top: 10px;
+  margin-bottom: 1px;
+  text-align: right;
   background-color: #000;
 }
 .col {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
   float: left;
-  font-size: 60vh;
   width: 50%;
 }
+.punt {
+  font-size: 60vh;
+}
+.form {
+  font-size: 5vh;
+  border-top: #fff dashed 25px;
+  padding-top: 50px;
+  padding-bottom: 50px;
+}
+.formtit {
+  font-size: 5vh;
+  margin-top: 30px;
+  margin-bottom: 20px;
+}
+.formdiv {
+  font-size: 20vh;
+  float: left;
+  width: 32%;
+}
 .home {
   background-color: #00f;
 }