:root{color:#e5eefb;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.shell{display:grid;gap:24px;width:min(920px,calc(100vw - 32px));margin:0 auto;padding:64px 0}.hero,.card{border:1px solid rgba(148,163,184,.24);border-radius:28px;background:linear-gradient(135deg,#0f172af5,#1e293bd1);box-shadow:0 24px 80px #00000052}.hero{padding:48px}.card{padding:32px}.grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:24px}.eyebrow{margin:0 0 14px;color:#7dd3fc;font-size:.86rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(3rem,9vw,6.8rem);line-height:.9;letter-spacing:-.08em}h2{margin-bottom:18px}button,input{font:inherit}label{display:grid;gap:8px;margin-bottom:18px;color:#dbeafe;font-weight:700}input{width:100%;border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:13px 14px;color:#f8fafc;background:#0f172adb;outline:none}input:focus{border-color:#7dd3fcd1;box-shadow:0 0 0 4px #0ea5e924}button{border:0;border-radius:999px;padding:12px 18px;color:#03111f;background:#7dd3fc;cursor:pointer;font-weight:800}button:hover:not(:disabled){background:#bae6fd}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{color:#e0f2fe;background:#0ea5e92e;border:1px solid rgba(125,211,252,.28)}.actions{display:flex;flex-wrap:wrap;gap:12px}.summary{max-width:680px;color:#b6c7dc;font-size:1.15rem;line-height:1.7}.hint{max-width:680px;color:#93a4b8;line-height:1.6}.limits{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.limits span{border:1px solid rgba(125,211,252,.28);border-radius:999px;padding:10px 14px;color:#dbeafe;background:#0ea5e91f}.room-card{min-width:0}.room-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.room-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.room-heading h2{margin-bottom:0;font-size:clamp(2rem,5vw,4rem);letter-spacing:.08em}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}.meta div{min-width:0;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:14px;background:#0f172a85}dt{color:#93a4b8;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}dd{margin:6px 0 0;overflow:hidden;color:#f8fafc;text-overflow:ellipsis;white-space:nowrap}.players{display:grid;gap:12px}.voice-panel{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.voice-panel span{border:1px solid rgba(125,211,252,.2);border-radius:999px;padding:8px 12px;color:#dbeafe;background:#0ea5e91a;font-weight:800}.audio-sink{display:none}.player{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:14px;background:#02061747}.player strong,.player span{display:block}.player strong{margin-bottom:4px}.player span,.muted{color:#94a3b8}.badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.badges span{border-radius:999px;padding:6px 9px;background:#94a3b81f;font-size:.8rem;font-weight:800}.badges .online{color:#bbf7d0;background:#22c55e29}.badges .offline{color:#fecaca;background:#ef444424}.error{margin:18px 0 0;color:#fecaca}ul{margin:0;padding-left:20px;color:#cbd5e1;line-height:1.9}@media(max-width:640px){.shell{padding:24px 0}.hero,.card{border-radius:22px;padding:26px}.grid,.meta{grid-template-columns:1fr}.room-heading,.player{align-items:stretch;flex-direction:column}.room-actions,.badges{justify-content:flex-start}}