*{box-sizing:border-box}
body{margin:0;font:16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Arial;background:radial-gradient(1000px 700px at 20% 10%,#101735 0,#0b1020 60%,#070a16 100%);color:#e5e7eb;min-height:100vh;}
.hud{position:sticky;top:0;display:flex;gap:.6rem;align-items:center;padding:.7rem 1rem;background:linear-gradient(180deg,#0b1020ee,#0b102000);backdrop-filter:blur(6px);border-bottom:1px solid #ffffff1a;}
.title{font-weight:700}
.btn{appearance:none;border:1px solid #ffffff22;color:#e5e7eb;background:#111933cc;padding:.5rem .8rem;border-radius:.6rem;cursor:pointer}
.btn.primary{background:linear-gradient(180deg,#0e2741cc,#0d1f36cc);box-shadow:0 0 0 1px #6ee7b7aa inset}
.btn:disabled{opacity:.6;cursor:not-allowed}
.grow{flex:1}

.layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;max-width:1100px;margin:0 auto}
@media (max-width:920px){.layout{grid-template-columns:1fr}}

.lobby{background:#0c1428aa;border:1px solid #ffffff22;border-radius:.9rem;padding:1rem}
.lobby h2{margin:.2rem 0 .6rem}
#rooms{display:flex;flex-direction:column;gap:.6rem}
.roomCard{display:flex;justify-content:space-between;align-items:center;background:#0e1a30;border:1px solid #ffffff22;border-radius:.6rem;padding:.6rem .8rem}
.pill{padding:.15rem .5rem;border-radius:.5rem;background:#13233e;border:1px solid #3b82f6aa}

.room{background:#0c1428aa;border:1px solid #ffffff22;border-radius:.9rem;padding:1rem}
.roomHeader{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem}
.shareRow{display:flex;gap:.5rem}
.hidden{display:none !important}

.chat{display:flex;flex-direction:column;gap:.5rem}
.chatLog{height:340px;overflow:auto;border:1px solid #ffffff22;border-radius:.6rem;padding:.6rem;background:#0a1224}
.chatRow{display:flex;gap:.5rem}
.chatRow input{flex:1;padding:.6rem;border-radius:.6rem;border:1px solid #ffffff22;background:#0e1a30;color:#e5e7eb}
.msg{margin:.25rem 0}
.msg.me{color:#7dd3fc}
.msg.sys{color:#94a3b8;font-style:italic}
.hintSmall{opacity:.8;margin-top:.4rem;font-size:.9rem}