.pregameDice{padding:12px;margin-top:10px;border:1px solid #9f8c5b;border-radius:10px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}.pregameDice p{margin:0;width:100%}.tableChat{position:fixed;right:12px;bottom:12px;z-index:25;width:min(340px,calc(100vw - 24px));max-height:40vh;background:#18251df0;border:1px solid #987e49;border-radius:10px;padding:9px;box-shadow:0 8px 30px #0008}.chatLog{height:110px;overflow-y:auto;font-size:12px;overflow-wrap:anywhere}.chatLog p{margin:5px 0}.chatMine{color:#e3d19d}.chatForm{display:flex;gap:5px}.chatForm input{min-width:0;flex:1}.chatForm button{flex-shrink:0}@media(max-width:700px){.tableChat{bottom:4px;right:4px;width:200px;max-height:140px;padding:5px}.chatLog{height:48px}.chatHeading{font-size:11px}.chatForm input,.chatForm button{min-height:28px;padding:3px;font-size:11px}}
/* Real player-controlled D20 pregame, intentionally outside lobby navigation. */
.pregameScreen[hidden]{display:none!important}
.pregameScreen{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,9,12,.9);overflow-y:auto}
.pregameCard{width:min(550px,100%);max-height:94dvh;overflow:auto;background:linear-gradient(160deg,#263527,#111d1d);border:2px solid #bc9954;border-radius:16px;padding:clamp(16px,4vw,30px);box-shadow:0 20px 70px #000c;text-align:center;color:#f4e8cf}
.pregameCard h2{margin:5px 0 14px;font-size:clamp(22px,4vw,32px)}
.diceContent{display:grid;gap:14px;justify-items:center}
.diceContent p{margin:0;line-height:1.5}
.diceSeats{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.diceSeat{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #978050;border-radius:12px;padding:12px;min-width:0}
.diceSeat small{overflow-wrap:anywhere}.diceFace{display:grid;place-items:center;width:76px;height:76px;border:2px solid #e1bd67;border-radius:16px;background:#10241c;color:#ffde87;font-size:35px;box-shadow:inset 0 0 18px #000a}
.diceSeat span{font-size:11px;opacity:.8}.diceActions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.diceContent button{min-height:46px;padding:10px 18px;font-size:15px}.diceContent .diceLeave{background:transparent;border:0;text-decoration:underline;font-size:12px;opacity:.8}
.diceTie{color:#ffcf88}.diceMessage{color:#ff9f8f;min-height:1.25rem;margin:8px 0 0}
@media(max-width:500px){.pregameScreen{align-items:center;padding:8px}.pregameCard{padding:15px}.diceFace{width:62px;height:62px;font-size:28px}.diceContent button{width:100%}.diceActions{width:100%}}