/* Adaptación del tablero; la paleta, encabezado, formularios y paneles se heredan del juego adjunto. */
[hidden]{display:none!important}main{max-width:none;width:100%;margin:auto;padding:24px}#notice{position:sticky;top:8px;z-index:10;background:#efd08b;color:#163a2d;padding:12px;border-radius:9px}.hang-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 300px;gap:18px;align-items:start}.hang-layout>.panel{padding:20px;min-width:0}.board{text-align:center}.board-meta,.roomline,.inline-form{display:flex;align-items:center;justify-content:space-between;gap:10px}.inline-form input{min-width:0}#clock{font-size:1.8rem;color:var(--gold);font-variant-numeric:tabular-nums}#gallows{width:190px;height:165px;background:#f8f1dc;border-radius:14px;color:#163a2d}#gallows path,#gallows circle{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round}#bodyParts>*{visibility:hidden}#bodyParts>.visible{visibility:visible}#phrase{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:20px 0;font-size:clamp(1.1rem,3vw,1.7rem);font-weight:800}.word{white-space:nowrap;letter-spacing:.16em}#keyboard{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}#keyboard button{width:44px;padding:6px}#keyboard .used{background:#395247}#players{list-style:none;padding:0}#players li{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid #ffffff20}#players li.active{background:#285647;border-radius:9px;outline:2px solid var(--gold)}#players .player-avatar{width:40px;height:40px;object-fit:contain}#players small{display:block;color:var(--muted)}#avatarPreview{width:80px;height:80px;display:block;margin:8px auto}#messages{height:360px;overflow:auto;overflow-wrap:anywhere;background:#06251f;border-radius:10px;padding:12px}#messages p{margin:0 0 12px}#messages b{color:var(--gold)}#emojiCategory{width:auto;min-width:0;flex:1}#emojis{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}#emojis button{padding:3px;min-width:36px;font-size:1.2rem}#result{color:var(--gold);font-weight:700}dialog{max-width:600px;background:#123e32;color:var(--ink);border:2px solid var(--gold);border-radius:16px;padding:24px}dialog::backdrop{background:#000a}#ranking p{border-bottom:1px solid #ffffff30;padding:8px}.roomline h1{font-size:1.6rem}#solveForm{text-align:left}.chat-panel h2{margin-top:0}
@media(max-width:1100px){.hang-layout{grid-template-columns:190px minmax(0,1fr)}.chat-panel{grid-column:1/-1}#messages{height:200px}}
@media(max-width:760px){main{padding:12px}.hang-layout{display:flex;flex-direction:column}.hang-layout>.panel{width:100%;padding:16px}.hang-layout>.board{order:-1}.roomline{align-items:flex-start;flex-direction:column}.inline-form{flex-wrap:wrap}.inline-form input{flex-basis:100%}#gallows{width:150px;height:130px}#players{display:flex;flex-wrap:wrap;gap:8px}#players li{flex:1 1 135px}.setup{padding:20px}#phrase{gap:10px}#keyboard button{width:40px;min-height:44px}.topbar{padding:12px}.header-actions{flex-wrap:wrap}.brand strong{font-size:.95rem}}

footer{text-align:center;padding:20px 12px;color:var(--muted);border-top:0;font-size:.9rem}

/* v1.0.1: selector visual y avisos fuera del flujo del documento. */
#avatarPreview{width:44px;height:44px;margin:0;flex-shrink:0}.avatar-current{justify-content:flex-start}.avatar-dialog{max-height:90dvh;overflow:auto}.message-dialog{width:min(540px,94vw)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#messageInput{width:100%}#messageText{overflow-wrap:anywhere;white-space:pre-wrap}

.final-table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}.final-table caption{padding:8px;color:var(--gold)}.final-table th,.final-table td{padding:10px 6px;border-bottom:1px solid #ffffff30}.final-table td:nth-child(2){overflow-wrap:anywhere}.final-table th:last-child,.final-table td:last-child{text-align:right}

/* v1.0.4: lobby centrado; partida a todo el ancho; selector dentro del chat. */
#entry.setup{width:100%;max-width:1180px;margin-inline:auto}#game{width:100%;max-width:none}
#chatForm{position:relative;margin-top:12px}.chat-compose{display:flex;gap:6px;align-items:center}.chat-compose input{min-width:0;flex:1;width:0}.chat-compose button{padding:8px;flex-shrink:0}
.emoji-panel{position:absolute;bottom:calc(100% + 10px);left:0;right:0;z-index:5;background:#1b4438;border:1px solid var(--gold);border-radius:12px;padding:9px;box-shadow:0 8px 24px #0005;max-height:min(340px,55dvh);overflow:auto}.emoji-tabs{display:flex;gap:4px;padding-bottom:7px;border-bottom:1px solid #ffffff20;margin-bottom:6px}.emoji-tabs button{flex:1;min-width:0;padding:4px;font-size:1.2rem}.emoji-tabs button[aria-pressed="true"]{background:#3c7368;box-shadow:inset 0 -2px var(--gold)}#emojiTitle{font-size:.8rem;color:var(--gold)}#emojis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:6px}#emojis button{min-width:0;padding:3px;min-height:38px;font-size:1.35rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1101px){.hang-layout{grid-template-columns:230px minmax(0,1fr) clamp(300px,26vw,440px)}}

/* v1.0.5: solo dos filas de emoticones; categorías siempre accesibles. */
#emojis{grid-auto-rows:44px;max-height:92px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start}#emojis button{height:44px;min-height:44px;line-height:1;padding:3px}