#connection-controls { border:0; padding:0; margin:0; min-width:0; }
.phone-screen #connection-controls { display:contents; }
#connection-status { position:relative; z-index:30; padding:9px 16px; padding-bottom:max(9px, env(safe-area-inset-bottom)); background:#fff8e8; color:#654713; border-top:1px solid #cbb994; font:600 14px/1.5 -apple-system,"PingFang TC",sans-serif; text-align:center; }
#connection-status[hidden] { display:none; }
#connection-status[data-state="ready"] { background:#edf6ef; color:#28613b; border-color:#cadfcf; }
#connection-status[data-state="error"] { background:#fff0ed; color:#902d22; }
.brandbar #connection-status { padding:6px 12px; border:0; border-radius:8px; max-width:65%; text-align:right; }
.brandbar:has(#connection-status:not([hidden])) { height:auto; min-height:64px; gap:12px; padding-top:6px; padding-bottom:6px; }
#connection-retry { margin-left:10px; border:1px solid currentColor; padding:6px 12px; min-height:36px; border-radius:8px; color:inherit; background:#fff; font:inherit; cursor:pointer; }
#connection-controls:disabled button { cursor:wait; }
#connection-controls:disabled button.primary { opacity:.6; }
#connection-retry:focus-visible { outline:3px solid #28613b; outline-offset:3px; }
.game-rules { max-width:48ch; margin:8px auto; padding:12px 16px; border:1px solid #d8c8c8; border-radius:12px; background:#fffaf7; color:#594746; font-size:15px; line-height:1.7; text-align:left; }