/* @cpi 2026-10-13 12:38: billar siempre ampliado, sin mueble ni conmutador de zoom. */
dialog.sidepckt-session{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:48px 8px 32px;box-sizing:border-box;background:#080e0b;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
dialog.sidepckt-session:not([open]){display:none}
dialog.sidepckt-session header{position:absolute;inset:5px 10px auto;display:flex;gap:10px;align-items:center}dialog.sidepckt-session header strong{margin-right:auto;font:700 16px system-ui;color:#efe4be}
dialog.sidepckt-session .sidepckt-play{width:min(96vw,calc((100dvh - 230px)*4/3));position:relative}
dialog.sidepckt-session .metal-monitor{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:4/3;border:1px solid #617b54;border-radius:3px;box-sizing:border-box}
dialog.sidepckt-session .metal-monitor iframe{pointer-events:none}
dialog.sidepckt-session .metal-deck{position:relative;left:auto;top:auto;width:100%;height:94px;box-sizing:border-box;padding:8px 20px;gap:28px}
dialog.sidepckt-session .metal-stick{width:90px;min-width:70px}dialog.sidepckt-session .metal-buttons{max-width:230px;width:55%}dialog.sidepckt-session .metal-buttons span{font-size:11px}
dialog.sidepckt-session .help{position:static;margin:5px;font:12px system-ui;color:#c6c8b9}
dialog.sidepckt-session .sidepckt-turn{margin:4px;color:#e7d594;font:14px system-ui;min-height:18px}
dialog.sidepckt-session .metal-coop{top:48px;left:10px;max-width:310px}dialog.sidepckt-session .metal-continue{bottom:4px;right:8px;font-size:12px}
.social-machine.sidepckt-table{background:transparent;border:0;box-shadow:none;clip-path:polygon(0 0,79% 0,100% 65%,90% 100%,20% 100%,10% 65%)}
.social-machine.sidepckt-table:hover,.social-machine.sidepckt-table:focus-visible{background:#f3cf6038;outline:2px solid #e6d47e}
.sidepckt-preview{width:min(85vw,550px);height:380px;position:relative;color:#f2e2b9;background:#102b20;border:5px solid #624629;border-radius:30px;padding:20px;box-sizing:border-box;text-align:center}
.sidepckt-preview h2{font:700 26px system-ui}.sidepckt-preview .art-screen{position:absolute;inset:40% 10% 20%;background:none}.sidepckt-preview .coin-target{inset:auto 25% 5%!important;width:50%!important;height:18%!important}
@media(max-width:600px){dialog.sidepckt-session .sidepckt-play{width:96vw}dialog.sidepckt-session .metal-deck{height:92px}dialog.sidepckt-session .help{font-size:10px}}
@media(orientation:landscape) and (max-height:550px){dialog.sidepckt-session{padding:38px 4px 24px}dialog.sidepckt-session .sidepckt-play{width:min(96vw,calc((100dvh - 95px)*4/3 + 220px));padding:0 100px;box-sizing:border-box}dialog.sidepckt-session .metal-deck{position:absolute;inset:0;height:100%;pointer-events:none;padding:0}dialog.sidepckt-session .metal-stick,dialog.sidepckt-session .metal-buttons{pointer-events:auto;width:85px;height:90px}dialog.sidepckt-session .metal-buttons{flex-direction:column;height:150px;gap:14px}dialog.sidepckt-session .metal-buttons button{width:60px}dialog.sidepckt-session .help{display:none}}

/* @cpi 2026-10-13 13:54: la pantalla remota no ofrece acciones del navegador sobre el vídeo. */
dialog.sidepckt-session video{pointer-events:none}
dialog.sidepckt-session video::-webkit-media-controls{display:none!important}

/* @cpi 2026-10-13 15:26: nueva ronda sin abandonar el billar ni recargar la ROM. */
dialog.sidepckt-session .sidepckt-restart{position:absolute;top:48px;bottom:auto;left:10px;z-index:60;padding:7px 12px;border:1px solid #917d45;border-radius:5px;background:#25261b;color:#efe4be;font:600 12px system-ui;cursor:pointer}
dialog.sidepckt-session .sidepckt-restart[hidden]{display:none}

/* @cpi 2026-10-13 16:08: invitacion compacta dentro del dialogo de billar, tambien en movil. */
dialog.sidepckt-session>.arcade-turn-invite{left:50%;right:auto;width:min(420px,calc(100% - 24px));transform:translateX(-50%);box-sizing:border-box;overflow-wrap:anywhere}