feat: implement global pull-to-refresh functionality and refine UI typography and layout scaling for improved mobile UX.

src/features/player/player-login-screen.tsx

@@ -151,7 +151,7 @@ export function PlayerLoginScreen(): React.ReactElement {
 
   return (
     <div className="relative flex min-h-dvh flex-col bg-white">
-      <div className="relative h-[45vh] min-h-[200px] shrink-0 overflow-hidden bg-red-600 sm:min-h-[320px]">
+      <div className="relative h-[45vh] min-h-[200px] shrink-0 overflow-hidden bg-red-600">
         <div className="pointer-events-none absolute inset-0">
           <Image src="/entry/image1.png" alt="" fill className="object-cover object-center" priority />
         </div>
@@ -202,7 +202,7 @@ export function PlayerLoginScreen(): React.ReactElement {
                 placeholder={t("login.captchaPlaceholder")}
                 maxLength={32}
                 disabled={loading}
-                className="min-w-0 flex-1 sm:max-w-[12rem]"
+                className="min-w-0 flex-1"
               />
               <button
                 type="button"