.local-social{display:flex;flex-direction:column;min-height:300px;padding:18px 14px;border:3px solid var(--wood-dark);border-radius:18px;background:linear-gradient(var(--parchment),var(--parchment-deep));color:var(--ink);box-shadow:0 0 0 2px #fffbe9 inset,0 0 0 5px var(--wood) inset,0 18px 50px #0006}
.local-social h2{font-size:19px;margin:0 0 6px}.local-status,.local-caption{font-size:12px;line-height:1.5;margin:0 0 14px;color:#735731}.local-tabs{display:flex;gap:6px;margin-bottom:14px}.local-tabs button{flex:1;padding:9px 4px;border:1px solid #ac8b4b;border-radius:8px;background:#f3e3b8;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.local-tabs button[aria-selected=true]{background:#1c5fb8;color:white;border-color:#174782;font-weight:700}.local-content{flex:1;overflow:auto;min-height:120px}.local-empty{font-size:13px;line-height:1.7;color:#735731}.local-player{display:grid;grid-template-columns:28px 1fr;gap:4px 8px;margin-bottom:8px;padding:12px 8px;border-radius:9px;background:#fffaf0}.local-player small{grid-column:2;color:#735731;font-size:11px}.local-rank{grid-row:span 2;align-self:center;text-align:center;color:#b77911}.local-message{padding:10px;margin-bottom:8px;border-radius:9px;background:#fffaf0;font-size:13px;overflow-wrap:anywhere}.local-message b{color:#1c5fb8}.local-message p{margin:5px 0 0;white-space:pre-wrap}.local-chat{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.local-chat[hidden]{display:none}.local-chat input{width:0;flex:1;min-width:80px;border:1px solid #ac8b4b;border-radius:8px;padding:8px;font:inherit;font-size:13px}.local-chat .btn{font-size:13px;padding:0 10px}.local-error{flex-basis:100%;margin:0;font-size:12px;color:#9b2917}.store-credits{display:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #1682d4;outline-offset:3px}
.account-host{width:100%;max-width:390px;gap:10px}.account-host h1{font-size:24px;line-height:1.2;margin:0 0 4px}.account-host>p{font-size:13px;line-height:1.5}.account-tabs{display:flex;width:100%;gap:8px}.account-tabs button{flex:1;padding:8px;border-radius:8px;border:1px solid #d9b25b;background:#fbf1d6;color:#2b1a08;cursor:pointer;font:inherit;font-size:14px}.account-tabs button[aria-pressed=true]{background:#f6b72d;font-weight:700}.account-form{display:flex;flex-direction:column;gap:9px;width:100%;text-align:left}.account-form label{font-size:13px;display:flex;flex-direction:column;gap:4px}.account-form label[hidden]{display:none}.account-form input{font-size:15px;color:#2b1a08}.account-form .btn{justify-content:center;margin-top:4px}.account-error{font-size:13px!important;color:#ffe08a;min-height:18px}.account-note{font-size:11px!important;font-weight:400;color:#e2dff5}.screen.message:has(.account-host){overflow:auto}@media(max-height:700px){.account-host{gap:6px}.account-host h1{font-size:19px}.account-host>p{font-size:11px}.account-form{gap:5px}.account-form input{height:32px}}