/* Room browser: compact desktop list, accessible mobile cards. */
.lobby-shell{max-width:1480px;margin:28px auto 56px;padding:0 28px}
.lobby-shell .poker-heading{align-items:center;gap:24px}
.lobby-shell .poker-heading h1{font-size:32px;letter-spacing:-1.2px;margin:8px 0}
.lobby-shell .poker-heading>div>p:last-child{font-size:12px;margin:0;color:#95a9a2}
.lobby-shell .poker-heading .eyebrow{font-size:9px}
.lobby-shell .lobby-wallet{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 24px;min-width:300px;padding:15px 20px;border-color:#34483e;background:#14251e}
.lobby-wallet strong{grid-column:2;grid-row:1/3;font-size:25px;white-space:nowrap}
.lobby-shell .lobby-wallet>span{font-size:10px}
.lobby-shell .lobby-shortcuts{margin:22px 0 0;padding:12px 0;border-top:1px solid #26312e;border-bottom:0;gap:22px}
.lobby-shell .lobby-intro{margin:4px 0 20px;padding:0;border:0;background:transparent;gap:9px}
.lobby-shell .lobby-intro p{font-size:10px;color:#91a49c;line-height:1.6}
.lobby-shell .lobby-intro .test-badge{font-size:8px;white-space:nowrap}
.lobby-game-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border:1px solid #34413d;border-bottom:0;background:#202a27;border-radius:10px 10px 0 0;overflow:hidden}
.lobby-game-tabs a{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 12px;font-size:14px;font-weight:650;color:#9aaba3;text-decoration:none;background:#1b2422;border-bottom:3px solid transparent}
.lobby-game-tabs a small{font-size:9px;font-weight:400;color:#84978d}
.lobby-game-tabs a[aria-current]{color:#edf4dd;background:#26362b;border-bottom-color:#d8ee72}
.lobby-game-tabs a>span{font:27px/1 Georgia,serif;color:#daed8d}
.lobby-shell .lobby-panel{border:1px solid #34413d;background:#151d1b;border-radius:0 0 10px 10px;color:#e1e9e3;overflow:visible;color-scheme:dark}
.lobby-shell .lobby-toolbar{padding:20px 20px 14px}
.lobby-shell .lobby-toolbar .eyebrow{display:none}
.lobby-shell .lobby-toolbar h2{font-size:17px;margin:0 0 5px;gap:12px}
.lobby-shell .lobby-toolbar h2>span{padding:3px 7px;font-size:9px}
.lobby-shell .lobby-toolbar p{font-size:10px;color:#8fa299}
.lobby-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.lobby-shell .lobby-toolbar-actions .button{min-height:44px;gap:8px}
.lobby-shell .lobby-refresh{border-color:#52673f;color:var(--color-primary,#dcf65b);white-space:nowrap}
.lobby-shell .lobby-refresh:hover:not(:disabled){background:#29392a;border-color:var(--color-primary,#dcf65b)}
.lobby-shell .lobby-refresh:disabled{cursor:wait;opacity:.75}
.lobby-refresh[aria-busy=true] .product-icon{animation:lobby-refresh-spin .9s linear infinite}
@keyframes lobby-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.lobby-shell .lobby-toolbar{flex-wrap:wrap;gap:12px}.lobby-toolbar-actions{width:100%}.lobby-toolbar-actions .button{flex:1;padding:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.lobby-refresh[aria-busy=true] .product-icon{animation:none}}
.lobby-shell .lobby-filter{padding:0 20px 16px;gap:10px 12px;grid-template-columns:1.05fr 1.5fr repeat(4,minmax(0,1fr))}
.lobby-shell .lobby-filter>label{font-size:10px;gap:6px}
.lobby-shell .lobby-filter input[type=search],.lobby-shell .lobby-filter select{min-height:40px;background:#0e1714;border-color:#3c4b42;border-radius:5px;font-size:11px;padding:9px 10px}
.lobby-shell .lobby-filter-bottom{margin:0;gap:18px}
.lobby-shell .lobby-filter-bottom .checkbox{font-size:10px;min-height:32px}
.lobby-shell .lobby-filter-bottom .button{min-height:36px;padding:8px 14px}
.lobby-room-browser{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start}
.lobby-room-list{min-width:0;border-right:1px solid #34413d}
.lobby-shell .lobby-columns,.lobby-shell .lobby-row{grid-template-columns:32px minmax(145px,1.5fr) minmax(90px,.9fr) minmax(110px,1.2fr) 62px 87px;gap:10px;padding:12px 16px}
.lobby-shell .lobby-columns{background:#202b26;color:#9eb1a5;font-size:8px;letter-spacing:.35px}
.lobby-shell .lobby-row{position:relative;background:#18221e;border-bottom:1px solid #2b3931;min-height:76px;cursor:default}
.lobby-shell .lobby-row:nth-child(even){background:#1c2722}
.lobby-shell .lobby-row.selected{background:#2c3c2c;box-shadow:inset 3px 0 #d4e977}
.lobby-shell .lobby-row:hover{background:#2a3830}
.lobby-shell .lobby-name{gap:0;min-width:0;grid-column:auto;padding:0}
.lobby-shell .lobby-name .table-emblem{display:none}
.lobby-shell .lobby-name h3{font-size:12px;margin:0 0 6px;line-height:1.3}
.lobby-shell .lobby-name p{font-size:9px;color:#9bad9f}
.lobby-shell .budget-label{font-size:8px;margin-top:5px;color:#c6d8a6}
.lobby-shell .room-select{border:0;background:transparent;font:inherit;font-weight:650;color:#eef5e9;padding:0;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.lobby-shell .favorite-button{height:40px;width:30px;font-size:22px}
.lobby-shell .lobby-row strong{font-size:11px;line-height:1.6;font-weight:550;display:block}
.lobby-shell .lobby-row .button{min-width:0;min-height:36px;padding:7px 8px;font-size:10px;grid-column:auto;justify-self:stretch;gap:4px;background:#344832;border-color:#5b7248;color:#ebf5d9}
.lobby-shell .lobby-row .button:hover{background:#44613c}
.lobby-shell .lobby-row>div>small{display:none}
.lobby-shell .lobby-blinds{grid-column:auto}
.lobby-shell .seat-indicators{gap:2px;margin-top:6px}
.lobby-shell .seat-indicators i{width:4px;height:7px}
.lobby-selection{padding:20px;position:sticky;top:16px;min-width:0}
.selected-room-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.selected-room-heading .eyebrow{font-size:8px;color:#a1b29b;letter-spacing:1.2px}
.room-state{padding:4px 6px;border-radius:4px;background:#2c4130;color:#cee5a4;font-size:9px}
.lobby-selection h2{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:16px 0 5px;overflow-wrap:anywhere}
.selected-room-type{font-size:10px;color:#92a59b;margin:0}
.room-preview{height:160px;position:relative;margin:10px 0 0}
.preview-felt{position:absolute;inset:30px 18px;border-radius:50%;border:10px solid #27352e;background:radial-gradient(ellipse,#2f7759,#1c4c3b);box-shadow:0 8px 12px #0006,inset 0 0 0 1px #92af6655,0 0 0 1px #5a6e43;display:grid;place-items:center}
.preview-felt>span{font-size:9px;letter-spacing:1.6px;color:#b8d6ab80}.preview-felt b{font-weight:400}
.preview-seat{position:absolute;left:calc(50% + sin(var(--seat-angle))*100px);top:calc(50% + cos(var(--seat-angle))*58px);width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:#17211c;border:1px dashed #81916d}
.preview-seat.occupied{background:#b9cd7a;border:3px solid #455537;box-shadow:0 0 0 1px #cedb8d}
.selected-room-occupancy{text-align:center;font-size:10px;color:#acbda9;margin:0 0 18px}
.selected-room-details{display:grid;gap:14px;margin:0;padding:18px 0;border-block:1px solid #314034}
.selected-room-details>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;flex-wrap:wrap}
.selected-room-details dt{color:#9caf9e}.selected-room-details dd{margin:0 0 0 auto;font-variant-numeric:tabular-nums;font-weight:600;overflow-wrap:anywhere;max-width:100%}
.selected-room-note{font-size:10px;color:#c0d0ac;line-height:1.6;margin:16px 0}
.lobby-selection>.button{width:100%;min-height:45px;font-size:12px;justify-content:space-between}
.selected-room-help{font-size:9px;color:#8c9f94;line-height:1.7;margin:12px 0 0}
.lobby-shell .lobby-help{margin-top:24px;gap:24px}.lobby-shell .lobby-help p{font-size:11px;color:#8fa69a}
@media(max-width:1200px){.lobby-shell{padding:0 20px}.lobby-room-browser{grid-template-columns:minmax(0,1fr) 250px}.lobby-selection{padding:17px}.lobby-shell .lobby-columns,.lobby-shell .lobby-row{grid-template-columns:28px minmax(100px,1.3fr) minmax(76px,1fr) minmax(90px,1fr) 54px;gap:8px;padding:12px}.lobby-shell .lobby-columns>span:last-child{display:none}.lobby-shell .lobby-row>.button{display:none}.lobby-shell .lobby-columns{display:grid}.lobby-shell .lobby-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-shell .lobby-search{grid-column:auto}.lobby-shell .preview-seat{left:calc(50% + sin(var(--seat-angle))*90px)}}
@media(max-width:900px){.lobby-room-browser{grid-template-columns:1fr}.lobby-room-list{border-right:0}.lobby-selection{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid #3a493d}.selected-room-heading,.lobby-selection h2,.selected-room-type,.room-preview,.selected-room-occupancy{grid-column:1}.selected-room-heading{grid-row:1}.lobby-selection h2{grid-row:2}.selected-room-type{grid-row:3}.room-preview{grid-row:4/8}.selected-room-occupancy{grid-row:8}.selected-room-details{grid-column:2;grid-row:1/5;padding-top:4px}.selected-room-note{grid-column:2;grid-row:5}.lobby-selection>.button{grid-column:2;grid-row:6}.selected-room-help{grid-column:2;grid-row:7/9}.lobby-shell .lobby-columns,.lobby-shell .lobby-row{grid-template-columns:32px minmax(130px,1.5fr) minmax(90px,1fr) minmax(120px,1.2fr) 65px 90px}.lobby-shell .lobby-columns>span:last-child,.lobby-shell .lobby-row>.button{display:flex}.lobby-game-tabs a{font-size:12px;gap:7px}.lobby-game-tabs a small{display:none}}
@media(max-width:720px){.lobby-shell{padding:0 12px;margin-top:20px}.lobby-shell .poker-heading{flex-direction:column;align-items:stretch;gap:15px}.lobby-shell .poker-heading h1{font-size:29px}.lobby-shell .lobby-wallet{min-width:0;padding:13px 16px}.lobby-shell .lobby-shortcuts{gap:12px 18px;margin-top:14px;padding:9px 0}.lobby-shell .lobby-intro{margin:5px 0 16px}.lobby-shell .lobby-intro p{font-size:9px}.lobby-game-tabs a{font-size:10px;padding:14px 4px;gap:5px}.lobby-game-tabs a>span{font-size:20px}.lobby-shell .lobby-toolbar{padding:17px 14px 12px}.lobby-shell .lobby-filter{padding:0 14px 15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.lobby-shell .lobby-filter input[type=search],.lobby-shell .lobby-filter select{min-height:44px}.lobby-shell .lobby-search{grid-column:auto}.lobby-shell .lobby-filter-bottom{display:flex;gap:6px 15px}.lobby-shell .lobby-filter-bottom>div{margin-top:6px;width:100%}.lobby-shell .lobby-columns{display:none}.lobby-shell .lobby-row{grid-template-columns:1fr 1fr;gap:12px;padding:17px 15px;border-top:0}.lobby-shell .lobby-name{grid-column:1/-1;padding-right:35px}.lobby-shell .lobby-name h3{font-size:14px}.lobby-shell .lobby-row>div>small{display:block;font-size:9px;color:#95aa9c;margin-bottom:3px}.lobby-shell .lobby-row strong{font-size:12px}.lobby-shell .lobby-favorite-form{position:absolute;top:12px;right:13px}.lobby-shell .lobby-blinds{grid-column:1}.lobby-shell .lobby-entry{grid-column:2}.lobby-shell .lobby-occupancy{grid-column:1}.lobby-shell .lobby-row>.button{grid-column:2;min-height:44px;font-size:11px}.lobby-shell .budget-label{display:none}.lobby-shell .seat-indicators{display:none}.lobby-selection{display:block;padding:20px}.room-preview{max-width:280px;margin:10px auto 0;height:170px}.selected-room-details{margin-top:20px}.selected-room-help{font-size:10px}.lobby-shell .lobby-help{gap:20px}.lobby-shell .lobby-toolbar h2>span{font-size:8px}.lobby-shell .lobby-help h3{font-size:13px}}
/* Shared semantic icons and compact facts across every lobby. */
.lobby-shell .lobby-search-control{position:relative;display:flex;min-width:0}
.lobby-shell .lobby-search-control input{width:100%;padding-right:44px}
.lobby-shell .lobby-search-control button{position:absolute;right:0;top:0;bottom:0;min-width:44px;min-height:44px;border:0;border-radius:6px;background:transparent;color:var(--color-text);font-size:22px;cursor:pointer}
.lobby-shell .lobby-filter-summary{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px}
.lobby-shell .lobby-filter-chip{max-width:100%;overflow-wrap:anywhere;min-height:44px;border:1px solid var(--color-border);border-radius:6px;padding:8px 12px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:12px;cursor:pointer;text-align:left}
.lobby-shell .lobby-filter-chip:hover{border-color:var(--color-primary)}
.lobby-shell .lobby-filter-chip:focus-visible,.lobby-shell [data-clear-search]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.lobby-shell [data-lobby-filter-summary][hidden],.lobby-shell [data-clear-search][hidden]{display:none}
.lobby-shell .product-icon{width:17px;height:17px;flex:0 0 17px;vertical-align:middle}
.lobby-game-tabs .product-icon{color:var(--color-primary);width:20px;height:20px}
.lobby-shell .lobby-columns>span,.lobby-shell .selected-room-details dt{display:flex;align-items:center;gap:6px}
.lobby-shell .lobby-columns .product-icon,.lobby-shell .selected-room-details .product-icon{color:var(--color-text-secondary)}
.lobby-shell .lobby-secondary-fact{display:block;color:var(--color-text-secondary);font-size:10px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
.lobby-shell .lobby-row>div>small .product-icon{width:14px;height:14px;color:var(--color-primary)}
.lobby-shell .table-emblem .product-icon{width:22px;height:22px}
@media(max-width:380px){.lobby-game-tabs a{flex-wrap:wrap;justify-content:center}.lobby-game-tabs .product-icon{width:16px;height:16px;flex-basis:16px}.lobby-shell .lobby-secondary-fact{font-size:11px}}