.room-connection-status{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:12px 18px;border:2px solid #e2b04b;border-radius:16px;background:#fff4c9;color:#284957;font:800 16px Nunito,'Trebuchet MS',sans-serif;box-shadow:0 4px 0 #a48236,0 8px 24px #15384826}
.room-connection-status[hidden],.room-connection-status button[hidden]{display:none}
.room-connection-status button{flex-shrink:0;border:1px solid #7faeb2;border-radius:10px;background:#fffdf5;color:#176575;padding:8px 12px;font:inherit;cursor:pointer}
.room-connection-status button:focus-visible{outline:3px solid #007f87;outline-offset:3px}
body.reconnecting :is(#guessAnswerContainer,#animationBlock,#sendMessageBtn,#startGameBtn,#validatePostIt){opacity:.5;pointer-events:none}
.player-connection-label{display:block;color:#af4250;font-size:12px;font-weight:900}
@media(max-width:600px){.room-connection-status{width:calc(100vw - 24px);font-size:14px;flex-wrap:wrap;justify-content:center;text-align:center}}