/* Compact lobby, using the same black stone, emerald and brass as the arena. */
body:not(.playing-room):not(.draft-room){background:radial-gradient(ellipse at 15% 0,#14362945,transparent 48%),#020604}
.lobby-welcome{position:relative;isolation:isolate;min-height:280px;overflow:hidden;border-bottom:1px solid var(--line)}
.lobby-welcome-art{position:absolute;z-index:-1;inset:0 0 0 38%;background:linear-gradient(90deg,#060d09 0%,#060d0922 65%),linear-gradient(0deg,#060d09,transparent 65%),url('/table/assets/darron-card.webp') right 42%/130% auto no-repeat;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.lobby-welcome-copy{max-width:720px;padding:32px 0}.lobby-welcome h1{font-size:clamp(34px,4vw,54px);margin:10px 0 12px;line-height:1.08}.lobby-welcome p{max-width:510px;margin:0 0 24px;color:#bfc5b4;font-size:18px;line-height:1.5}
.lobby-play{display:flex;gap:12px}.lobby-play button{min-width:220px;padding:12px 22px;text-align:left}.lobby-play strong{display:block;font-size:23px;line-height:1.2}.lobby-play small{display:block;font:12px/1.5 Source,sans-serif;margin-top:5px;color:inherit;opacity:.8}
.lobby-learn{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:22px 0;border-bottom:1px solid var(--line)}.lobby-learn a{display:flex;align-items:center;gap:16px;color:#e7e1ca;text-decoration:none;padding:6px 0}.lobby-learn a>span:nth-child(2){flex:1}.lobby-learn a>span:last-child{color:var(--gold);font-size:22px}.lobby-learn strong{font-size:23px;display:block;line-height:1.25}.lobby-learn small{font:13px/1.5 Source,sans-serif;display:block;margin-top:3px;color:#aeb9aa}.lobby-link-icon{width:40px;color:#b5cbaf;font-size:32px;text-align:center}.lobby-learn a:hover strong{color:#f4d99d}
.lobby-rooms .intro{margin:24px 0 0}.lobby-rooms h2{font-size:29px;margin:0}.lobby-room-hint{font:13px/1.5 Source,sans-serif;margin:0;color:#a9b7a7}.lobby-rooms .room-grid:empty{display:none}.lobby-rooms .room-card h3{font-size:26px;margin:0;overflow-wrap:anywhere;line-height:1.2}.lobby-rooms .room-card{padding:20px}.lobby-empty{padding:25px 0 20px;border-bottom:1px solid var(--line);color:#c7cfbe}.lobby-empty p{margin:4px 0 12px;font-size:16px}.lobby-empty strong{font-size:21px}.lobby-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:24px;font:12px/1.5 Source,sans-serif;color:#9ca997}.lobby-footer button{font-size:14px;flex:none}.login-learning a{color:#dfcf9b}#login-error:empty{display:none}#login-error{color:#f0b6a9;font-size:15px}#dialog:has(#login){max-width:460px}#dialog #login .actions{margin-top:20px}
@media(max-width:750px){.lobby-welcome{min-height:0}.lobby-welcome-copy{padding:26px 0}.lobby-welcome-art{inset:0 0 0 5%;opacity:.25}.lobby-play button{min-width:0;flex:1;padding:12px}.lobby-play strong{font-size:20px}.lobby-learn{gap:20px}.lobby-learn strong{font-size:21px}.lobby-link-icon{display:none}.lobby-rooms .intro{align-items:flex-start;gap:10px;flex-direction:column}.lobby-footer{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:440px){.lobby-learn{grid-template-columns:1fr;gap:12px;padding:16px 0}.lobby-play{flex-direction:column}.lobby-play button{width:100%}.lobby-welcome p{font-size:17px}.lobby-room-hint{font-size:12px}}
@media(max-width:440px){.lobby-welcome-art{display:none}}
.match-menu-items a{display:block;color:#dcdcc5;text-decoration:none;padding:10px 12px;font-size:15px;border-radius:2px}.match-menu-items a:hover{color:#f7e2ac;background:#213b2b}