[hidden]{display:none!important}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.auth-grid form{background:white;border:1px solid var(--line);padding:26px;border-radius:16px;display:flex;flex-direction:column;gap:16px}.auth-grid h2,.auth-grid h3{margin:0}.auth-grid p{margin:0;font-size:13px}#status{position:sticky;top:0;z-index:4;background:var(--paper);padding:12px 0;min-height:45px;margin:0}#status.error{color:#a12e22}#rooms{margin-top:26px}.toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;background:#edf0e7;padding:16px;border-radius:12px}.toolbar select{min-width:120px}.text-input{flex:1;min-width:180px}#board{width:100%;height:auto;display:block;background:white;border:1px solid #bbc9bf;border-radius:8px;touch-action:none;cursor:crosshair}#sync{font-size:13px}#invitation{overflow-wrap:anywhere}section{padding-top:25px}@media(max-width:700px){.auth-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar>*{flex:1}#board{min-height:360px;object-fit:fill}}