body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; background: #f6f6f6; color: #222; }
.container { max-width: 720px; margin: 80px auto; text-align: center; }
.button { display:inline-block; padding: 12px 18px; background: #1e88e5; color: white; text-decoration: none; border-radius: 6px; }
.topbar { display:flex; gap:16px; align-items:center; padding: 8px 12px; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.08); position: sticky; top:0; }
.topbar #roomId { font-weight: 600; }
.actions button { margin-left:8px; }
.board-wrapper { display:flex; gap: 24px; padding: 20px; }
.sidebar { width: 260px; background: #fff; padding: 12px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.08); height: 760px; }
canvas#board { background: #dcb35c; border: 1px solid #333; border-radius: 6px; }
.share input { width: 100%; }
.help { margin-top: 12px; font-size: 12px; color:#555; }
.dead { opacity: 0.4; }