/* t421u — table selection lobby + friends' table scenery (separate from Teddy's room) */
.kgb-lobby{position:fixed;inset:0;z-index:41;display:none;align-items:flex-start;justify-content:center;overflow:auto;
  background:radial-gradient(ellipse at 50% 30%,#2a1410 0%,#080406 75%);padding:18px 14px 28px}
.kgb-lobby.show{display:flex}
.kgb-lobby-inner{max-width:640px;width:100%;text-align:center;margin:auto 0}
.kgb-lobby h2{margin:4px 0 6px;color:#f0d070;font-size:22px;letter-spacing:.04em}
.lobby-sub{margin:10px 0 8px;color:#d2c0ae;font-size:14px}
.lobby-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.lobby-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:170px;padding:18px 12px;border-radius:16px;
  border:1px solid #c9a45a88;background:linear-gradient(160deg,#2b1a14,#160c0a);color:#f3e7d4;text-align:center}
.lobby-card strong{font-size:17px;color:#f0d070}.lobby-card span{font-size:13px;color:#cdb9a4;line-height:1.4}
.lobby-card img{border-radius:12px}
.lobby-card:hover,.lobby-card:focus-visible{border-color:#f0d070;filter:brightness(1.08)}
.lobby-friends{background:linear-gradient(160deg,#20183a,#0f0b1c)}
.lobby-games{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lobby-game{min-height:48px;padding:6px 8px;border-radius:11px;border:1px solid #5a4a6a;background:#1a1426;color:#e9e0f2;font-size:13px;font-weight:650}
.lobby-game.on{background:#f0d070;color:#1b150c;border-color:#f0d070}
.lobby-oval{position:relative;height:230px;max-width:420px;margin:6px auto 4px;border-radius:50%/42%;
  background:radial-gradient(ellipse at 50% 45%,#2a8a6a,#145040);border:8px solid #6e2a2a;box-shadow:inset 0 0 0 3px #c9a45a}
.lobby-chair{position:absolute;width:76px;height:56px;border-radius:14px;border:2px solid #c9a45a;background:#1a1014;color:#f3e7d4;font-size:13px;font-weight:700}
.lobby-chair.on{background:#f0d070;color:#1b150c;border-color:#fff4c8;box-shadow:0 0 0 3px #f0d07055}
.lobby-chair.seat-bottom{bottom:-30px;left:50%;transform:translateX(-50%)}
.lobby-chair.seat-top{top:-30px;left:50%;transform:translateX(-50%)}
.lobby-chair.seat-lower-left{bottom:14%;left:-22px}.lobby-chair.seat-upper-left{top:14%;left:-22px}
.lobby-chair.seat-lower-right{bottom:14%;right:-22px}.lobby-chair.seat-upper-right{top:14%;right:-22px}
.lobby-dealer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#e3f2ea;pointer-events:none}
.lobby-lineup{list-style:none;padding:0;margin:40px 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;text-align:left;font-size:12px;color:#d8c9b6}
.lobby-lineup b{color:#f0d070}
.lobby-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:12px}
.lobby-actions .kgb-enter-cancel{margin:0}
@media(max-width:620px){
  .lobby-cards{grid-template-columns:1fr}.lobby-card{min-height:120px}
  .lobby-games{grid-template-columns:1fr 1fr}
  .lobby-oval{height:200px;margin:30px 34px 4px}
  .lobby-chair{width:64px;height:52px;font-size:12px}
  .lobby-lineup{grid-template-columns:1fr}
}
/* friends' table — casino look, CSS only; Teddy's room assets are not shown here */
body.friends-mode{background:radial-gradient(ellipse at 50% -20%,#3a2a55 0%,#100c1a 60%)}
body.friends-mode #leave-kgb{display:inline-flex}
body.friends-mode #leave-kgb::after{content:""}
body.friends-mode .tablecloth{border-color:#6e2a2a;box-shadow:inset 0 0 0 3px #c9a45a,inset 0 0 0 9px #10281e,0 18px 30px #0007}
body.friends-mode .seat:not(.you) .seatbadge{border-color:#8a76b0}
@media(prefers-reduced-motion:reduce){.lobby-card,.lobby-game,.lobby-chair{transition:none}}