auto-save 2026-05-15 20:03 (~4)

web/app/globals.css

@@ -386,9 +386,12 @@
   pointer-events: none;
 }
 .login-page--oasis .login-source-auth-panel {
-  display: block;
-  width: min(370px, calc(100vw - 40px));
-  padding: 18px 20px 20px;
+  display: grid;
+  width: min(720px, calc(100vw - 40px));
+  grid-template-columns: minmax(210px, 270px) minmax(280px, 340px);
+  align-items: center;
+  gap: 20px;
+  padding: 18px;
   pointer-events: auto;
   background: rgba(10, 18, 10, 0.2);
   backdrop-filter: none;
@@ -397,13 +400,13 @@
   margin-bottom: 0;
 }
 .login-source-character-strip {
-  height: 188px;
-  margin-bottom: 14px;
+  height: 300px;
+  margin-bottom: 0;
   overflow: hidden;
   pointer-events: none;
 }
 .login-source-character-strip .login-character-stage {
-  min-height: 188px;
+  min-height: 300px;
   border: 0;
   background: transparent;
   box-shadow: none;
@@ -414,7 +417,10 @@
   display: none;
 }
 .login-source-character-strip .login-characters-container {
-  transform: translateX(-50%) scale(0.48);
+  transform: translateX(-50%) scale(0.62);
+}
+.login-source-form-pane {
+  min-width: 0;
 }
 .login-hero {
   isolation: isolate;
@@ -1148,6 +1154,7 @@
     pointer-events: none;
   }
   .login-page--oasis .login-source-auth-panel {
+    display: block;
     width: min(100%, 350px);
     justify-self: center;
     padding: 16px 18px 20px;

web/app/login/page.tsx

@@ -85,7 +85,7 @@ export default function LoginPage() {
           <div className="login-source-character-strip" aria-hidden="true">
             <AnimatedLoginCharacters mood={mood} eyeOffset={eyeOffset} />
           </div>
-          <form className="w-full" onSubmit={onSubmit}>
+          <form className="login-source-form-pane w-full" onSubmit={onSubmit}>
             <div className="mb-4">
               <div className="login-auth-icon inline-flex h-9 w-9 items-center justify-center rounded-[8px] text-white">
                 <LockKeyhole className="h-5 w-5" />