#online-dialog{width:min(460px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:26px;border:3px solid #9a713b;border-radius:22px;background:#fff7df;color:#284a2f;box-shadow:0 15px 70px #142b2570}
#online-dialog::backdrop{background:#163723b8}#online-dialog h2{padding-right:28px;margin-top:0}#online-dialog p{line-height:1.5}#online-dialog label{display:block;font-weight:bold;margin:16px 0 6px}#online-dialog input{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:2px solid #b49b6c;border-radius:10px;background:#fffdf4;color:#23432d}#online-dialog button{min-height:44px;margin-top:12px;cursor:pointer}#online-join,#online-start{width:100%;background:#eab663;color:#3c2f18;font-weight:800}#online-members{padding:0;list-style:none;line-height:2.2}#online-status{font-size:14px;min-height:22px}#online-leave{color:#315e3a;display:block;margin-top:18px;font-size:14px}.online-share{display:flex;gap:10px}.online-share button{flex:1}.online-close{position:absolute;right:16px;top:4px;font-size:26px;width:42px}#friends{margin-right:6px}#online-skip{font-size:13px}#online-dialog [hidden]{display:none!important}@media(max-width:600px){header>div:last-child{display:flex;flex-wrap:wrap;gap:4px}header button{font-size:12px;padding:7px 9px}#friends{margin:0}}
@media(min-width:601px){.online-game main{max-width:1100px;margin-inline:auto}}

.online-whatsapp{display:block;text-align:center;margin-top:14px;padding:14px 12px;border:2px solid #167a42;border-radius:12px;background:#168b4d;color:#fff;font-weight:800;text-decoration:none;min-height:44px;box-sizing:border-box}.online-whatsapp:hover{background:#10763f}.online-whatsapp:focus-visible{outline:3px solid #174e31;outline-offset:3px}#online-dialog .online-share-help{font-size:14px;margin:10px 0}.online-share{flex-wrap:wrap}