.characters-back{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-bottom:24px}.characters-back .icon{transform:rotate(180deg);width:14px}.characters-back:hover{color:var(--gold)}.characters-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.characters-heading .lobby-heading{margin:0}.characters-secondary{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);padding:9px 13px;border-radius:7px;font-size:12px;color:var(--gold);white-space:nowrap}.characters-secondary:hover{background:var(--accent)}.characters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.characters-room{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.characters-room:hover{border-color:var(--gold-soft)}.characters-room-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.characters-symbol{display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;border:1px solid var(--line);border-radius:10px;color:var(--gold);background:var(--accent)}.characters-symbol .icon{height:23px;width:23px}.characters-role{font-size:11px;color:var(--gold);background:var(--accent);border:1px solid var(--line);border-radius:12px;padding:2px 9px}.characters-room h3{font:bold 19px/1.4 Arial,sans-serif;color:var(--text);margin-bottom:7px}.characters-room>p{font-size:13px;color:var(--muted);min-height:40px;margin-bottom:20px;overflow-wrap:anywhere}.characters-room-footer{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.characters-room-footer>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.characters-room-footer>span .icon{width:14px}.characters-room-footer .lobby-primary{font-size:12px}.characters-tip{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);margin-top:24px;font-size:12px}.characters-tip>.icon{color:var(--gold);width:17px}.characters-tip strong{color:var(--text);font-weight:500}.characters-empty{padding:38px 24px;text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:12px}.characters-empty .characters-symbol{margin-bottom:18px}.characters-empty h3{font-size:18px}.characters-empty p{max-width:420px;margin:10px auto 22px;color:var(--muted);font-size:13px}
@media(max-width:720px){.characters-grid{grid-template-columns:1fr}.characters-heading{align-items:flex-start;flex-direction:column;gap:18px}.characters-room{padding:18px}.characters-room-footer{flex-wrap:wrap}.characters-room-footer .lobby-primary{margin-left:auto}}