/* In-game guidance sits outside the re-rendered card surface. */
body.wt-refresh #onlineGameView .wt-room-hud { color:#e8eee2; border:1px solid #6c888164; border-radius:18px; padding:18px 20px; margin:0 auto 20px; max-width:1120px; background:linear-gradient(135deg,#152f3bf5,#172938f5); box-shadow:0 12px 32px #020b1833; }
body.wt-refresh #onlineGameView .wt-room-hud-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:#bbd0d2; font-size:11px; margin-bottom:16px; }
body.wt-refresh #onlineGameView .wt-room-hud-meta span { display:inline-flex; padding:4px 9px; border-radius:6px; background:#0c202e; border:1px solid #44616a88; }
body.wt-refresh #onlineGameView .wt-room-hud-meta span:first-child { color:#f5d999; border-color:#b59b6366; }
body.wt-refresh #onlineGameView .wt-room-stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:0 0 16px; list-style:none; gap:8px; }
body.wt-refresh #onlineGameView .wt-room-stages li { display:flex; gap:8px; align-items:center; color:#92a9b3; font-size:12px; font-weight:650; border-bottom:2px solid #3b515f; padding:0 0 10px; }
body.wt-refresh #onlineGameView .wt-room-stages li > span { display:grid; place-items:center; flex-shrink:0; height:23px; width:23px; border:1px solid #607b85; border-radius:50%; font-size:10px; }
body.wt-refresh #onlineGameView .wt-room-stages .current { color:#ffe2a1; border-color:#e2be79; }
body.wt-refresh #onlineGameView .wt-room-stages .current > span { color:#1c2a2d; border-color:#e2be79; background:#e2be79; }
body.wt-refresh #onlineGameView .wt-room-stages .complete { color:#91d8b7; border-color:#579781; }
body.wt-refresh #onlineGameView .wt-room-guide { display:flex; justify-content:space-between; align-items:center; gap:18px; }
body.wt-refresh #onlineGameView .wt-room-guide strong { color:#f4e2b8; font-size:17px; font-weight:750; }
body.wt-refresh #onlineGameView .wt-room-guide p { font-size:12px; color:#bdd1d4; line-height:1.6; max-width:740px; margin:5px 0 0; }
body.wt-refresh #onlineGameView .wt-room-guide .btn { flex-shrink:0; min-height:40px; border:1px solid #669788; background:#1e443d; color:#bfe9cc; font-size:12px; padding:9px 13px; }
body.wt-refresh #onlineGameView .wt-room-guide .btn:focus-visible { outline:2px solid #f3dca0; outline-offset:3px; }
body.wt-refresh #onlineGameView .wt-room-latest { display:block; color:#b7ebce; background:#1d423e; border:1px solid #6da38b; border-radius:9px; padding:7px 12px; min-height:34px; margin:8px auto 0; font-size:12px; }
body.wt-refresh #onlineGameView .wt-room-latest[hidden] { display:none; }
body.wt-refresh #onlineGameView .message-list { overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#567d7d #132632; overflow-anchor:none; }
body.wt-refresh #onlineGameView .message-item { border-radius:12px; border:1px solid #45667566; background:#112a38; margin-bottom:8px; padding:11px; align-items:flex-start; }
body.wt-refresh #onlineGameView .message-content { min-width:0; line-height:1.5; }
body.wt-refresh #onlineGameView .message-content > span { overflow-wrap:anywhere; font-size:14px; color:#dfebe6; }
body.wt-refresh #onlineGameView .message-content > b { font-size:12px; color:#b0e1ce; }
body.wt-refresh #onlineGameView .message-content > small { color:#9fb7be; font-size:10px; }
body.wt-refresh #onlineGameView .chat-tabs button { min-height:44px; }
body.wt-refresh #onlineGameView .chat-form .text-input { min-height:46px; }
body.wt-refresh #onlineGameView .chat-composer { padding-top:12px; border-top:1px solid #47637366; }
body.wt-refresh #onlineGameView .game-connection-status { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px; border:1px solid #bc9a6777; color:#ffe3b2; background:#3c3327f5; border-radius:12px; margin:0 auto 14px; max-width:1120px; font-size:13px; }
body.wt-refresh #onlineGameView .game-connection-status[hidden] { display:none; }
body.wt-refresh #onlineGameView .game-connection-status button { color:#fff0cf; background:#67543b; border:1px solid #c8a570; border-radius:8px; padding:8px 12px; min-height:36px; font-size:12px; }
@media(max-width:700px) {
  body.wt-refresh #onlineGameView .wt-room-hud { margin-bottom:14px; padding:15px 13px; border-radius:15px; }
  body.wt-refresh #onlineGameView .wt-room-stages { gap:5px; margin-bottom:13px; }
  body.wt-refresh #onlineGameView .wt-room-stages li { display:grid; justify-items:start; gap:7px; font-size:10px; padding-bottom:8px; }
  body.wt-refresh #onlineGameView .wt-room-hud-meta { font-size:10px; gap:5px; margin-bottom:12px; }
  body.wt-refresh #onlineGameView .wt-room-hud-meta span { padding:4px 6px; }
  body.wt-refresh #onlineGameView .wt-room-guide { display:block; }
  body.wt-refresh #onlineGameView .wt-room-guide strong { font-size:16px; }
  body.wt-refresh #onlineGameView .wt-room-guide .btn { display:flex; margin-top:12px; width:100%; justify-content:center; }
  body.wt-refresh #onlineGameView .message-item { padding:9px; gap:8px; }
  body.wt-refresh #onlineGameView .message-item .player-avatar { width:32px; height:32px; flex-basis:32px; }
  body.wt-refresh #onlineGameView .chat-form .text-input { font-size:16px; }
}