html,body{margin:0;height:100%;background:#0c1020;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{display:flex;align-items:center;justify-content:center}#jogo{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#nome{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:.01;border:0;padding:0;font-size:16px}#girar{display:none;color:#f2e6c9;font:16px system-ui,sans-serif;text-align:center;padding:24px}@media (orientation: portrait) and (max-width: 600px){#girar{display:block}#jogo{display:none}}#saguao .cor{display:inline-block;width:.8em;height:.8em;margin-right:.4em;border:2px solid #0a0d26;vertical-align:-.05em}.cor-azul{background:#3f76dc}.cor-amarelo{background:#e8bb34}.cor-vermelho{background:#d4443a}.cor-preto{background:#44445a}.cor-branco{background:#d6dbe6}.cor-verde{background:#4fa84a}#saguao{font:16px/1.35 ui-monospace,Menlo,monospace}#saguao button{font-family:inherit}@keyframes cena-entra{0%{opacity:0;scale:.92}}#saguao{background:linear-gradient(180deg,#3247b8,#1a2470 55%,#0c1240);border-radius:8px;box-shadow:0 0 0 2px #0a0d26,inset 0 0 0 3px #f2f4ff,inset 0 0 0 5px #8a96d8,inset 0 0 0 6px #0a0d26,0 10px #00000073,0 24px 50px #00000080;color:#fff;text-shadow:2px 2px 0 #0a0d26}#saguao{position:fixed;z-index:44;left:50%;top:50%;translate:-50% -50%;width:min(600px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;padding:18px 24px 16px;display:flex;flex-direction:column;gap:12px;animation:cena-entra .25s cubic-bezier(.2,.9,.3,1.3)}#saguao .aba{font-size:28px}#saguao p{margin:0;font-size:19px;line-height:1.35}#saguao .duplas{display:grid;grid-template-columns:1fr 1fr;gap:14px}#saguao .dupla,#saguao .roda{display:flex;flex-direction:column;gap:8px}#saguao .dupla>span,#saguao .tamanho>span{font-size:15px;color:#b9c3f0}#saguao .cadeira{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:0;border-radius:6px;font-size:20px;color:#fff;background:#0a0d268c;box-shadow:inset 0 0 0 2px #f2f4ff40;text-shadow:2px 2px 0 #0a0d26;text-align:left}#saguao .cadeira small{font-size:13px;color:#b9c3f0}#saguao .cadeira.minha{background:#ffb21e38;box-shadow:inset 0 0 0 3px #ffb21e}#saguao .cadeira.gente{box-shadow:inset 0 0 0 2px #8fd0ff}#saguao .cadeira.vazia[data-sentar]{cursor:pointer}#saguao .cadeira.vazia[data-sentar]:hover{box-shadow:inset 0 0 0 2px #f2f4ff}#saguao .cadeira.vazia[data-sentar]:after{content:"sentar aqui";font-size:13px;color:#ffe58a}#saguao .cadeira:disabled{cursor:default}#saguao .tamanho{display:flex;align-items:center;gap:8px}#saguao .tamanho button{min-width:42px;padding:6px 10px;border:0;border-radius:6px;font-size:18px;color:#fff;cursor:pointer;background:#0a0d268c;box-shadow:inset 0 0 0 2px #f2f4ff40}#saguao .tamanho button.escolhida{background:#ffb21e38;box-shadow:inset 0 0 0 3px #ffb21e}#saguao .opcoes{display:flex;justify-content:flex-end;gap:18px}#saguao .opcoes button{background:none;border:0;color:#fff;font-size:22px;padding:3px 4px 3px 26px;position:relative;cursor:pointer;text-shadow:2px 2px 0 #0a0d26}#saguao .opcoes button.forte{color:#ffb21e}#saguao .opcoes button:before{content:"▶";position:absolute;left:2px;opacity:0;color:#ffe58a}#saguao .opcoes button:hover:before,#saguao .opcoes button:focus:before{opacity:1}#saguao[hidden]{display:none}
