調整選隊伍頁操作並更新 README

src/App.css

@@ -181,9 +181,9 @@
 .floating-status-bubble {
   position: fixed;
   left: 50%;
-  top: 50%;
+  bottom: 22px;
   z-index: 60;
-  transform: translate(-50%, -50%);
+  transform: translateX(-50%);
   min-width: min(78vw, 320px);
   max-width: min(84vw, 420px);
   padding: 14px 20px;
@@ -200,12 +200,12 @@
 @keyframes status-bubble-in {
   from {
     opacity: 0;
-    transform: translate(-50%, calc(-50% + 10px)) scale(0.96);
+    transform: translateX(-50%) translateY(10px) scale(0.96);
   }
 
   to {
     opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
+    transform: translateX(-50%) translateY(0) scale(1);
   }
 }
 
@@ -230,6 +230,7 @@
 .field {
   display: grid;
   gap: 8px;
+  min-width: 0;
 }
 
 .field span {
@@ -253,6 +254,10 @@
   min-height: 200px;
 }
 
+.field input[type='date'] {
+  min-width: 0;
+}
+
 .button-stack {
   display: grid;
   gap: 12px;
@@ -1356,6 +1361,27 @@
     padding: 9px 12px;
   }
 
+  .selection-toolbar {
+    gap: 12px;
+  }
+
+  .button-stack {
+    grid-template-columns: 1fr;
+  }
+
+  .field input[type='date'] {
+    max-width: 100%;
+    font-size: 16px;
+  }
+
+  .floating-status-bubble {
+    bottom: 12px;
+    min-width: min(88vw, 320px);
+    max-width: 92vw;
+    padding: 12px 16px;
+    font-size: 0.92rem;
+  }
+
   .scoreboard-court {
     gap: 10px;
     padding: 8px;