/* Match the site's create-room / open-room flow, with the club's existing deck. */
#join.entrance{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;min-height:0;padding:12px 0 30px;max-width:1100px;margin:auto}
#join>.intro{grid-column:1/-1;position:relative;min-height:180px;padding-right:380px}
#join .intro h1{font-size:42px;line-height:1.08;letter-spacing:-2px;margin:10px 0}#join .intro h1 br{display:none}#join .intro h1 em{white-space:nowrap}
#join .intro .lead{font-size:12px;line-height:1.6;margin:10px 0}#join .intro .features{gap:16px;font-size:9px;margin-top:14px}
#join .hero-cards{position:absolute;right:0;top:0;width:360px;height:180px;margin:0;--card-w:92px;--card-h:130px}#join .hero-cards>.playing-card{top:8px;left:20px}#join .hero-cards>.playing-card:nth-child(2){left:105px;top:0}#join .hero-cards>.playing-card:nth-child(3){left:190px;top:12px}#join .hero-chips{left:260px;top:100px;width:90px;height:65px}#join .hero-chips img{width:50px}#join .hero-chips img:nth-child(3){left:40px}#join .hero-cards:after{width:340px;top:115px;height:50px}
#join .entry-panel,#join .poker-rooms-panel{margin:0;padding:25px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--bg));box-shadow:0 16px 45px #0000000a;min-width:0}
#join .entry-panel h2{font-size:23px;margin:14px 0 20px}#join .entry-panel>label{margin:13px 0}#join .entry-panel .hint{margin:14px 0;font-size:11px}#join .entry-panel .eyebrow{line-height:1.6}
.poker-listed{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--text);line-height:1.5}.poker-listed input[type=checkbox]{width:17px;height:17px;margin:0;flex:none;accent-color:var(--club-red)}
#join .poker-rooms-panel .rooms-head h2{font-size:20px;letter-spacing:-.5px}#join .poker-rooms-panel .rooms-head .btn{font-size:11px;padding:8px 12px}#join .poker-rooms-panel>.hint{font-size:11px;line-height:1.7;margin:18px 0 0}
#join .poker-rooms-panel .rooms-head .btn{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}
#join .room-list{max-height:490px;gap:9px;overflow:auto}#join .room-list.fani-empty-state{max-height:none}#join .room-list .empty{text-align:center;padding:10px 12px;color:var(--muted);font-size:12px;line-height:1.7}
#join .room-item{width:100%;color:var(--text);border:1px solid var(--line);font:inherit;padding:14px;border-radius:10px}#join .room-main b{font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#join .room-main .badge{font-size:9px;padding:3px 6px;background:var(--surface-3);border-radius:5px;color:var(--muted)}#join .room-sub{font-size:10px;line-height:1.7}#join .room-count{font-size:14px}#join .room-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:780px){#join.entrance{grid-template-columns:minmax(0,1fr);gap:16px}#join>.intro{padding-right:0;min-height:0}#join .hero-cards{display:none}#join .intro h1{font-size:36px}#join .intro .lead{font-size:12px}#join .intro .features{flex-wrap:wrap;gap:8px 15px}#join .entry-panel,#join .poker-rooms-panel{padding:20px}#join .room-main b{max-width:170px}}