Ouverture de l'authentification dans une modal

styles.css

@@ -1152,6 +1152,34 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after {
   font-size: 0.9rem;
 }
 
+.auth-modal-card {
+  width: min(980px, 100%);
+  padding: 1.1rem;
+  border-radius: 28px;
+  border: 1px solid var(--panel-border);
+  background: rgba(14, 16, 21, 0.96);
+}
+
+.auth-modal-copy {
+  margin-bottom: 1rem;
+  color: var(--muted);
+}
+
+.auth-modal-frame-shell {
+  overflow: hidden;
+  border-radius: 22px;
+  border: 1px solid var(--panel-border);
+  background: rgba(10, 12, 17, 0.85);
+}
+
+.auth-modal-frame {
+  display: block;
+  width: 100%;
+  height: min(78dvh, 760px);
+  border: 0;
+  background: #141414;
+}
+
 .hero-rules h1 {
   margin: 0;
   font-size: clamp(2.25rem, 4.8vw, 3.8rem);
@@ -1493,6 +1521,14 @@ body[data-page="cube"] .zone-button.cube-hold-ready::after {
     text-align: left;
   }
 
+  .auth-modal-card {
+    padding: 1rem;
+  }
+
+  .auth-modal-frame {
+    height: min(70dvh, 680px);
+  }
+
   .setup-form {
     grid-template-columns: 1fr;
   }