/* A quiet shared room; people and their actions carry the interface. */
.lobby-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lobby-page .shell{max-width:1440px;padding-inline:clamp(18px,4.5vw,64px)}
.lobby-page .world-motion{opacity:.08}.lobby-page::before{opacity:.07!important}
.lobby-main{padding:22px 0 40px}.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px}.lobby-heading>div{display:flex;align-items:baseline;gap:20px}.lobby-heading h1{font:400 clamp(28px,3vw,38px)/1.2 var(--sans);letter-spacing:-.045em;margin:0;color:#e0e0e0}
.lobby-live{display:flex;align-items:center;gap:6px;font-size:12px;color:#999;font-variant-numeric:tabular-nums;white-space:nowrap}.lobby-live i{width:5px;height:5px;border-radius:50%;background:#bcbcbc;box-shadow:0 0 0 4px #ffffff05;margin-right:3px}
.lobby-page button,.lobby-page a{touch-action:manipulation}.lobby-page button{border:0;box-shadow:none}.lobby-page .lobby-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 19px;border-radius:10px;color:#292929;background:linear-gradient(140deg,#ddd,#b8b8b8);box-shadow:inset 0 1px #fff7,0 4px 12px #0004;font:500 13px var(--sans)}
.lobby-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:28px;align-items:start}.lobby-people{min-width:0;padding-top:4px}.lobby-section-head{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:0 7px;margin-bottom:8px}.lobby-section-head h2{font:400 14px var(--sans);margin:0;color:#aaa}.lobby-section-head>span{font-size:10px;color:#777}
.lobby-player-list{display:flex;flex-direction:column;gap:3px;max-height:calc(100dvh - 270px);min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#404040 transparent;padding:3px}
.lobby-person{display:flex;align-items:center;gap:12px;min-height:65px;padding:10px 7px;border-radius:11px;transition:background .16s}.lobby-avatar{display:block;position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#424242,#292929);box-shadow:inset 0 1px #fff1,0 2px 5px #0002}.lobby-avatar>svg,.lobby-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.lobby-online-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;background:#c5c5c5;box-shadow:0 0 0 3px #1b1b1b;border-radius:50%}
.lobby-person-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.lobby-person-copy strong{font:400 14px/1.1 var(--sans);color:#d0d0d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-person-copy small{font-size:10px;color:#888}.lobby-person-arrow{font:300 14px var(--sans);color:#777}.lobby-friend-tag{font-size:9px;color:#aaa}.lobby-empty{padding:18px 7px;font-size:12px;color:#858585}.lobby-pagination{display:flex;justify-content:space-between;margin-top:10px}.lobby-pagination button{background:transparent;color:#aaa;font-size:12px;min-height:44px;padding:0 7px}
.lobby-space{min-width:0;border-radius:20px;background:linear-gradient(145deg,#292929,#232323);box-shadow:inset 0 1px #ffffff06,0 12px 35px #0002;overflow:hidden}.lobby-space-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;gap:14px}.lobby-tabs{display:flex;gap:5px}.lobby-page .lobby-tabs button{display:flex;align-items:center;gap:8px;min-height:43px;padding:0 17px;border-radius:9px;background:transparent;color:#8e8e8e;font-size:14px}.lobby-page .lobby-tabs button[aria-selected=true]{color:#e1e1e1;background:linear-gradient(140deg,#3d3d3d,#353535);box-shadow:inset 0 1px #fff1,0 2px 6px #0002}.lobby-tabs #lobby-room-count{font-size:11px;color:#888}
.lobby-refresh{display:grid;place-items:center;width:42px;height:42px;padding:0;background:transparent;color:#939393}.lobby-refresh svg,.lobby-send svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.lobby-plaza{position:relative;display:flex;flex-direction:column;height:clamp(420px,calc(100dvh - 260px),710px)}.lobby-chat{position:relative;flex:1;min-height:0;overflow:auto;padding:18px 26px 20px;scrollbar-width:thin;scrollbar-color:#444 transparent;overscroll-behavior:contain}.lobby-chat:focus-visible{outline:1px solid #888;outline-offset:-3px}.lobby-chat ol{list-style:none;padding:0;margin:0}.lobby-message{display:flex;gap:13px;margin:0;padding:12px 0;align-items:flex-start}.lobby-message .lobby-avatar{width:34px;height:34px}.lobby-message-content{min-width:0;flex:1}.lobby-message-heading{display:flex;gap:12px;align-items:center;min-height:22px}.lobby-message-heading>a{font-size:12px;color:#a8a8a8}.lobby-message time{font-size:10px;color:#727272}.lobby-message p{margin:4px 0 0;color:#dedede;font:400 14px/1.75 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere}.lobby-message-remove{margin-left:auto;min-width:32px;min-height:28px;padding:0;background:transparent;color:#888;font-size:17px;opacity:0}.lobby-message:focus-within .lobby-message-remove,.lobby-message:hover .lobby-message-remove{opacity:1}
.lobby-chat-empty{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#888}.lobby-chat-empty svg{width:70px;height:70px;fill:none;stroke:#777;stroke-width:.7}.lobby-chat-empty circle{fill:#aaa;stroke:none}.lobby-chat-empty p{font-size:15px;margin:0;letter-spacing:-.025em}.lobby-compose{padding:12px 20px 15px;flex:none}.lobby-compose form{display:flex;align-items:flex-end;gap:12px;padding:8px 8px 8px 15px;border-radius:12px;background:#1e1e1e;box-shadow:inset 0 1px 4px #0005,0 1px #ffffff05}.lobby-compose textarea{display:block;flex:1;min-width:0;padding:9px 0;min-height:42px;max-height:104px;border:0;outline:none;resize:none;background:transparent;box-shadow:none;color:#e1e1e1;font:400 16px/1.5 var(--sans);border-radius:0;user-select:text;-webkit-user-select:text}.lobby-compose textarea::placeholder{color:#777}.lobby-page .lobby-send{display:grid;place-items:center;flex:none;width:42px;height:42px;min-height:42px;padding:0;border-radius:9px;background:linear-gradient(145deg,#d5d5d5,#a5a5a5);color:#282828;box-shadow:inset 0 1px #fff4,0 2px 5px #0004}.lobby-chat-note{display:block;text-align:center;font-size:10px;color:#737373;margin-top:12px}.lobby-login{display:flex;justify-content:center;align-items:center;min-height:52px;border-radius:10px;background:#303030;color:#ccc;font-size:13px;box-shadow:inset 0 1px #fff1}.lobby-latest{position:absolute;bottom:115px;align-self:center;min-height:36px;border-radius:30px;padding:0 16px;background:#d4d4d4;color:#242424;font-size:12px;box-shadow:0 3px 12px #0004}
.lobby-room-filters{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 23px 17px}.lobby-scopes{display:flex;gap:13px}.lobby-scopes button{color:#868686;background:transparent;padding:0 3px;font-size:12px;min-height:40px}.lobby-scopes button[aria-pressed=true]{color:#ddd}.lobby-room-filters .select-control{width:150px}.lobby-room-filters .select-trigger{min-height:40px;font-size:12px;background:#202020;border:0;box-shadow:inset 0 1px 4px #0004;border-radius:8px}
.lobby-rooms{min-height:420px;padding-bottom:18px}.lobby-room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 22px 6px}.lobby-room-card{min-width:0;position:relative;border-radius:13px;background:radial-gradient(ellipse at 10% 0%,#ffffff05,transparent 65%),linear-gradient(145deg,#343434,#2b2b2b);box-shadow:inset 0 1px #ffffff07,0 3px 10px #0001;overflow:hidden}.lobby-room-art{height:111px;display:grid;place-items:center}.lobby-room-art img{width:180px;height:117px;object-fit:contain}.lobby-room-content{padding:8px 16px 15px}.lobby-room-heading{display:flex;align-items:baseline;justify-content:space-between;gap:9px}.lobby-room-heading h3{font:400 16px var(--sans);margin:0;color:#ddd;letter-spacing:-.025em}.lobby-room-access{font-size:9px;color:#aaa;white-space:nowrap}.lobby-room-host{display:block;margin-top:7px;color:#8a8a8a;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-room-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:7px}.lobby-seats{display:flex;gap:3px}.lobby-seats .lobby-avatar,.lobby-empty-seat{width:25px;height:25px}.lobby-empty-seat{display:grid;place-items:center;border-radius:50%;background:#242424;color:#6d6d6d;font-size:11px;box-shadow:inset 0 1px 3px #0004}.lobby-page .lobby-room-join{min-height:40px;padding:0 15px;border-radius:8px;background:#474747;color:#dedede;font-size:12px;box-shadow:inset 0 1px #fff1,0 2px 5px #0002}.lobby-rooms-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.lobby-rooms-empty p{margin:0;color:#919191;font-size:13px}.lobby-rooms-empty button{background:transparent;color:#ccc;font-size:12px;min-height:44px}.lobby-empty-table{position:relative;width:82px;height:52px;border-radius:15px;background:#333;box-shadow:inset 0 1px #fff1,0 4px 7px #0003}.lobby-empty-table i{position:absolute;width:13px;height:13px;border-radius:50%;background:#434343;box-shadow:inset 0 1px #fff1}.lobby-empty-table i:nth-child(1){top:-19px;left:34px}.lobby-empty-table i:nth-child(2){top:20px;right:-19px}.lobby-empty-table i:nth-child(3){bottom:-19px;left:34px}.lobby-empty-table i:nth-child(4){top:20px;left:-19px}.lobby-rooms-empty .lobby-empty-table{margin-bottom:12px}
.lobby-notice{font-size:12px;line-height:1.6;color:#c5c5c5;padding:12px 16px;border-radius:10px;background:#303030;margin:0 0 18px}.lobby-create-dialog{width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:0;border-radius:20px;background:linear-gradient(145deg,#303030,#232323);color:#ddd;box-shadow:inset 0 1px #fff1,0 20px 80px #0008}.lobby-create-dialog::backdrop{background:#080808a8;backdrop-filter:blur(5px)}.lobby-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.lobby-dialog-heading h2{font:400 21px var(--sans);margin:0}.lobby-dialog-heading button{width:38px;height:38px;min-height:38px;padding:0;font-size:23px;font-weight:300;background:transparent;color:#aaa}.lobby-game-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lobby-page .lobby-game-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 5px 12px;border-radius:10px;background:#262626;min-height:96px;color:#999;box-shadow:inset 0 1px 3px #0003}.lobby-game-choice img{display:block;width:100%;height:65px;object-fit:contain;pointer-events:none}.lobby-game-choice span{font-size:11px;white-space:nowrap}.lobby-page .lobby-game-choice[aria-pressed=true]{background:#484848;color:#eee;box-shadow:inset 0 1px #ffffff19,0 3px 7px #0004}.lobby-create-options{display:flex;gap:18px;margin:24px 0}.lobby-create-options>div{min-width:0;flex:1}.lobby-create-options label{display:block;font-size:11px;color:#aaa;margin-bottom:10px}.lobby-create-options .select-control{width:100%}.lobby-create-options .select-trigger{width:100%;min-height:44px;border:0;background:#242424;color:#ccc;font-size:13px}.lobby-create-dialog .lobby-primary{width:100%}.lobby-page button:disabled{opacity:.4;cursor:default}.lobby-page [hidden]{display:none!important}
@media(hover:hover){.lobby-person:hover{background:#ffffff05}.lobby-person:hover .lobby-person-arrow{color:#ddd}.lobby-room-join:hover{filter:brightness(1.12)}.lobby-game-choice:hover{filter:brightness(1.08)}}
@media(max-width:1000px){.lobby-layout{grid-template-columns:195px minmax(0,1fr);gap:20px}.lobby-room-list{grid-template-columns:1fr}.lobby-room-card{display:flex;align-items:center}.lobby-room-art{width:118px;flex:none}.lobby-room-art img{width:156px}.lobby-room-content{flex:1;min-width:0;padding:18px 15px 18px 0}.lobby-room-foot{margin-top:13px}}
@media(max-width:760px){
 .lobby-page .shell{padding-inline:16px}.lobby-main{padding:18px 0 24px}.lobby-heading{margin-bottom:22px}.lobby-heading>div{display:block}.lobby-heading h1{font-size:28px}.lobby-live{margin-top:10px;font-size:11px}.lobby-page .lobby-primary{font-size:12px;padding-inline:14px;min-height:43px}
 .lobby-layout{display:flex;flex-direction:column;gap:18px}.lobby-people{width:100%;padding:0}.lobby-section-head{min-height:25px;margin:0 0 9px;padding:0}.lobby-section-head h2{font-size:12px}.lobby-player-list{flex-direction:row;max-height:none;overflow:auto;gap:6px;padding:4px 0 9px;scrollbar-width:none}.lobby-person{flex:none;flex-direction:column;gap:9px;padding:5px 7px 3px;min-height:95px;width:72px;text-align:center}.lobby-person .lobby-avatar{width:42px;height:42px}.lobby-person-copy{gap:5px;max-width:100%}.lobby-person-copy strong{font-size:11px;max-width:65px}.lobby-person-copy small{font-size:9px}.lobby-person-arrow,.lobby-friend-tag{display:none}.lobby-empty{margin:0;padding:8px 0 4px;font-size:11px}.lobby-pagination{margin:0;justify-content:flex-end;gap:12px}.lobby-pagination button{min-height:32px;font-size:11px}
 .lobby-space{width:100%;border-radius:16px}.lobby-space-bar{padding:10px 10px 6px}.lobby-page .lobby-tabs button{font-size:13px;min-height:42px;padding-inline:13px}.lobby-plaza{height:clamp(385px,calc(100dvh - 360px),600px)}.lobby-chat{padding:8px 16px 18px}.lobby-message{gap:10px;padding:11px 0}.lobby-message .lobby-avatar{width:29px;height:29px}.lobby-message-heading>a{font-size:11px}.lobby-message p{font-size:13px}.lobby-message time{font-size:9px}.lobby-message-remove{opacity:1;min-width:30px;min-height:30px}.lobby-compose{padding:10px 12px 13px}.lobby-compose form{padding-left:12px;gap:6px}.lobby-compose textarea{font-size:16px}.lobby-chat-note{font-size:9px;margin-top:10px}
 .lobby-room-filters{padding:5px 14px 14px;gap:8px}.lobby-scopes{gap:10px}.lobby-scopes button{font-size:11px}.lobby-room-filters .select-control{width:126px}.lobby-room-list{padding:0 12px 4px}.lobby-room-art{width:104px}.lobby-room-art img{width:144px}.lobby-room-heading h3{font-size:15px}.lobby-room-content{padding-right:13px}.lobby-page .lobby-room-join{min-height:42px;padding-inline:13px;font-size:11px}.lobby-room-host{font-size:10px}.lobby-seats{gap:2px}.lobby-seats .lobby-avatar,.lobby-empty-seat{width:22px;height:22px}
 .lobby-create-dialog{padding:18px;border-radius:16px}.lobby-game-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lobby-page .lobby-game-choice{min-height:91px}.lobby-game-choice img{height:61px}.lobby-game-choice span{font-size:12px}.lobby-create-options{margin-block:20px}.lobby-dialog-heading h2{font-size:19px}
}
@media(max-width:360px){.lobby-room-art{width:82px}.lobby-room-art img{width:126px}.lobby-room-access{font-size:8px}.lobby-room-foot{gap:4px}.lobby-page .lobby-room-join{padding-inline:9px}.lobby-seats .lobby-avatar,.lobby-empty-seat{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.lobby-page *{animation:none!important;transition:none!important}}
.lobby-room-delete{position:absolute;right:8px;top:7px;display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:transparent;color:#888;font-size:18px}.lobby-room-delete:hover{background:#ffffff08;color:#ddd}.lobby-delete-note{font-size:13px;line-height:1.7;color:#aaa;margin:20px 0 28px}.lobby-delete-actions{display:flex;gap:10px;justify-content:flex-end}.lobby-delete-actions>button{min-height:44px;padding:0 20px;border-radius:9px;background:#363636;color:#ccc}

.lobby-delete-actions>button{flex:1;width:auto;min-width:0;white-space:nowrap}