.room-dialog{max-width:510px;width:calc(100% - 32px);padding:24px;border:4px solid #385231;border-radius:15px;background:#eff1c8;color:#354728;box-shadow:inset 0 2px #fffbd6,0 8px 0 #263d23}.room-dialog::backdrop{background:#233b24b3}.room-dialog h2{margin:5px 0;font-size:25px}.room-dialog p{line-height:1.65}.room-dialog input,.room-dialog select{width:100%;padding:11px 12px;border:2px solid #7f9760;background:#ffffe7;border-radius:7px;color:#283c22;font:inherit;box-sizing:border-box}.room-dialog label{display:grid;gap:5px;margin:12px 0;font-weight:bold}.room-join{display:flex;gap:10px;margin:16px 0}.room-join input{flex:1;min-width:0;text-transform:uppercase}.room-dialog .primary{padding:12px 25px}.room-code{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#d3dfac;padding:16px;border-radius:8px}.room-code strong{font-size:25px;letter-spacing:3px}.room-players{display:grid;gap:10px;margin-top:16px}.room-players div{padding:12px;background:#ffffe1;border:2px solid #a6b77d;border-radius:8px}.local-link{color:#52773a;display:inline-block;margin-top:12px}#room-error{color:#943a28;min-height:1.5em;margin-bottom:0}.room-dialog [hidden]{display:none!important}
@media(max-width:600px){.header-actions .local-label{max-width:105px;font-size:10px}.room-dialog{padding:16px}.header-actions{gap:5px}}
body [hidden]{display:none!important}