#connectionStatus[hidden], #seatRecovery[hidden] { display: none; }
#connectionStatus { position: fixed; z-index: 120; top: max(12px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); width: min(540px, calc(100% - 24px)); box-sizing: border-box; display: flex; align-items: center; gap: 12px; padding: 14px 18px; border: 1px solid #cba864; border-radius: 12px; background: #f3e7cfff; color: #352719; box-shadow: 0 6px 28px #0005; font-size:calc(14px * var(--text-scale, 1)); }
#connectionStatus span { flex: 1; }
#connectionStatus button, #seatRecovery button { cursor: pointer; border: 1px solid #b99b63; border-radius: 8px; padding: 10px 12px; background: #ead9b6; color: #352719; font: 600 calc(15px * var(--text-scale, 1))/1.35 system-ui, sans-serif; text-shadow: none; letter-spacing: normal; }
#seatRecovery { position: fixed; z-index: 110; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(460px, calc(100% - 28px)); max-height: 75dvh; overflow: auto; box-sizing: border-box; padding: 24px; background: #f3e7cf; color: #352719; border: 2px solid #cba864; border-radius: 16px; box-shadow: 0 12px 80px #0009; }
#seatRecovery strong { font: bold calc(24px * var(--text-scale, 1)) Georgia, serif; }
#seatRecovery p { font-size:calc(14px * var(--text-scale, 1)); line-height: 1.5; }
.recovery-seats { display: grid; gap: 10px; margin: 16px 0; }
.recovery-seats button { display: flex; align-items: center; gap: 12px; text-align: left; min-height: 64px; }
.recovery-seats button:hover { background: #ddc28e !important; }