role-select UX: tray timing delays, seat/circle state polish, 394 ITs green

- _animationPending set before fetch (not in .then()) — blocks WS turn advance during in-flight request
- _placeCardDelay (3s) + _postTrayDelay (3s) give gamer time to see each step; both zeroed by _testReset()
- .role-confirmed class: full-opacity chair after placeCard completes; server-rendered on reload
- Slot circles disappear in join order (slot 1 first) via count-based logic, not role-label matching
- data-active-slot on card-stack; handleTurnChanged writes it for selectRole() to read
- #id_tray_wrap not rendered during gate phase ({% if room.table_status %})
- Tray slide/arc-in slowed to 1s for diagnostics; wobble kept at 0.45s
- Obsolete test_roles_revealed_simultaneously FT removed; T8 tray FT uses ROLE_SELECT room
- Jasmine macrotask flush pattern: await new Promise(r => setTimeout(r, 0)) after fetch .then()

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/static_src/scss/_tray.scss

@@ -24,6 +24,10 @@ $handle-rect-h:   72px;
 $handle-exposed:  48px;
 $handle-r:         1rem;
 
+#id_tray_wrap.role-select-phase {
+    #id_tray_handle { visibility: hidden; pointer-events: none; }
+}
+
 #id_tray_wrap {
     position: fixed;
     // left set by JS: closed = vw - handleW; open = vw - wrapW
@@ -37,11 +41,11 @@ $handle-r:         1rem;
     display: flex;
     flex-direction: row;
     align-items: stretch;
-    transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: left 1.0s cubic-bezier(0.4, 0, 0.2, 1);
 
     &.tray-dragging { transition: none; }
-    &.wobble        { animation: tray-wobble      0.45s ease; }
-    &.snap          { animation: tray-snap        0.30s ease; }
+    &.wobble        { animation: tray-wobble      .45s ease; }
+    &.snap          { animation: tray-snap        1.0s ease; }
 }
 
 #id_tray_handle {
@@ -134,7 +138,7 @@ $handle-r:         1rem;
     font-weight: 600;
 
     &.arc-in {
-        animation: tray-role-arc-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
+        animation: tray-role-arc-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) forwards;
     }
 }
 
@@ -218,11 +222,11 @@ $handle-r:         1rem;
         right:  $sidebar-w;
         top:    auto;    // JS controls style.top for the Y-axis slide
         bottom: auto;
-        transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+        transition: top 1.0s cubic-bezier(0.4, 0, 0.2, 1);
 
         &.tray-dragging { transition: none; }
         &.wobble        { animation: tray-wobble-landscape 0.45s ease; }
-        &.snap          { animation: tray-snap-landscape   0.30s ease; }
+        &.snap          { animation: tray-snap-landscape   1.0s ease; }
 
     }
 
@@ -304,7 +308,7 @@ $handle-r:         1rem;
     }
 
     .tray-role-card.arc-in {
-        animation: tray-role-arc-in-landscape 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
+        animation: tray-role-arc-in-landscape 1.0s cubic-bezier(0.22, 1, 0.36, 1) forwards;
     }
 
     @keyframes tray-wobble-landscape {