[data-view=lobby]{max-width:none;padding:0;overflow:hidden}[data-view=lobby] .scene img{opacity:.85}[data-view=lobby] .scene:after{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 30%, transparent), transparent 35%, transparent 70%, var(--bg) 100%)}[data-view=lobby] .lob{min-height:calc(100vh - 64px);padding:36px var(--gutter) 80px;align-content:start;justify-items:center;gap:14px;display:grid;position:relative}[data-view=lobby] .lob__title{letter-spacing:.3em;color:var(--good);font-size:15px;position:relative}[data-view=lobby] .lob__sep{color:var(--muted);margin:0 .4em}[data-view=lobby] .lob__title:before,[data-view=lobby] .lob__title:after{content:"";background:var(--good);width:80px;height:1px;position:absolute;top:50%}[data-view=lobby] .lob__title:before{right:calc(100% + 20px)}[data-view=lobby] .lob__title:after{left:calc(100% + 20px)}[data-view=lobby] .lob__queue{letter-spacing:.2em;background:color-mix(in srgb, var(--bg) 70%, transparent);padding:6px 28px;font-size:12px}[data-view=lobby] .lob__slots{justify-content:center;align-items:center;gap:24px;margin-top:36px;display:flex}[data-view=lobby] .slot{--c:18px;background:color-mix(in srgb, var(--bg) 55%, transparent);width:200px;height:380px;box-shadow:inset 0 0 0 1.5px var(--good);clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));align-content:end;justify-items:center;gap:6px;padding:16px;display:grid;position:relative;overflow:hidden}[data-view=lobby] .slot--empty{box-shadow:inset 0 0 0 1px var(--line-2);align-content:center}[data-view=lobby] .slot--leader{width:230px;height:430px;box-shadow:inset 0 0 0 2px var(--good)}[data-view=lobby] .slot__art{object-fit:cover;object-position:50% 0;z-index:-1;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 96%);mask-image:linear-gradient(#000 60%,#0000 96%)}[data-view=lobby] .slot__leader{position:absolute;top:60%}[data-view=lobby] .slot__name{letter-spacing:.14em;border-top:1px solid var(--line-2);text-align:center;width:100%;padding-top:10px;font-size:20px}[data-view=lobby] .slot__ready{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;display:inline-flex}[data-view=lobby] .slot__rank{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:8px;width:100%;padding-top:8px;font-size:13px;display:inline-flex}[data-view=lobby] .slot__invite{color:var(--muted);cursor:pointer;letter-spacing:.3em;background:0 0;border:0;justify-items:center;gap:18px;min-width:120px;min-height:120px;font-size:12px;line-height:1.6;display:grid}[data-view=lobby] .slot__invite:hover{color:var(--text)}[data-view=lobby] .slot__plus{width:56px;height:56px;color:var(--good);border:1px solid var(--good);place-items:center;display:grid;transform:rotate(45deg)}[data-view=lobby] .slot__plus svg{transform:rotate(-45deg)}[data-view=lobby] .lob__cta{margin-top:44px}[data-view=lobby] .lob__tag{letter-spacing:.3em;font-size:11px}[data-view=lobby] .lob__chat{left:var(--gutter);background:color-mix(in srgb, var(--bg) 70%, transparent);width:420px;height:40px;padding:0 12px;position:absolute;bottom:56px}[data-view=lobby] .lob__crumb{left:var(--gutter);letter-spacing:.3em;font-size:11px;position:absolute;bottom:16px}[data-view=lobby] .lob__signal{right:var(--gutter);position:absolute;bottom:16px}@media (max-width:1100px){[data-view=lobby] .lob__slots{flex-wrap:wrap}[data-view=lobby] .lob__chat{width:100%;position:static}}