/* RoyalBet black and antique-gold lobby */
:root{--lobby-background:oklch(.12 0 0);--lobby-surface:oklch(.18 0 0);--lobby-raised:oklch(.23 .006 85);--lobby-gold:oklch(.72 .13 85);--lobby-gold-light:oklch(.84 .12 85);--lobby-border:oklch(.34 .035 85);--lobby-text:oklch(.95 .006 85);--lobby-muted:oklch(.65 .015 85);--lobby-shadow:0 12px 35px oklch(.05 0 0 / .35)}
.lobby-shell{max-width:1180px;margin:auto;padding:0 24px 35px}.lobby-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--lobby-border)}.lobby-brand{display:flex;align-items:center;gap:10px;color:var(--lobby-gold-light);font-size:22px;font-weight:800}.lobby-brand svg{width:30px;height:30px}.lobby-brand small{font-size:10px;color:var(--lobby-muted);display:block;font-weight:500}.lobby-topbar nav{display:flex;gap:8px}.lobby-topbar nav button{color:var(--lobby-muted)}.lobby-topbar nav .active{color:var(--lobby-gold-light)}.lobby-top-actions{display:flex;gap:8px}.lobby-hero{position:relative;overflow:hidden;margin:24px 0 0;border:1px solid var(--lobby-border);border-radius:8px}.lobby-hero img{display:block;width:100%;aspect-ratio:3.6/1;object-fit:cover}.lobby-notice{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--lobby-border);color:var(--lobby-muted);font-size:12px}.lobby-notice svg{width:15px;color:var(--lobby-gold)}.lobby-notice span:last-child{margin-left:auto;color:var(--lobby-gold)}.lobby-tabs{display:flex;gap:8px;overflow:auto;padding:23px 0 5px;scrollbar-width:none}.lobby-tab{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:40px;border:1px solid var(--lobby-border);border-radius:6px;background:var(--lobby-surface);color:var(--lobby-muted);padding:0 18px;font-size:13px;font-weight:600;cursor:pointer}.lobby-tab.active{background:var(--lobby-gold);color:var(--lobby-background);border-color:var(--lobby-gold)}.lobby-tab svg{width:16px;height:16px}.lobby-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 15px;gap:12px}.lobby-heading h2{display:flex;align-items:center;gap:9px;font-size:20px;margin:0;color:var(--lobby-text);font-weight:700}.lobby-heading h2 svg{width:19px;color:var(--lobby-gold)}.lobby-heading p{font-size:11px;color:var(--lobby-muted);margin:0}.lobby-count{border:1px solid var(--lobby-border);font-size:10px;color:var(--lobby-gold);padding:4px 8px;border-radius:4px}.lobby-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lobby-game{position:relative;display:block;overflow:hidden;border:1px solid var(--lobby-border);border-radius:8px;background:var(--lobby-surface);color:var(--lobby-text);text-decoration:none;transition:transform .2s,border-color .2s;cursor:pointer;text-align:left;padding:0;width:100%;font:inherit;min-width:0}.lobby-game:hover{transform:translateY(-3px);border-color:var(--lobby-gold);box-shadow:var(--lobby-shadow)}.lobby-art{position:relative;overflow:hidden;aspect-ratio:1.6/1;background:var(--lobby-background)}.lobby-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.lobby-game:hover img{transform:scale(1.05)}.lobby-badge{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:5px;background:var(--lobby-background);color:var(--lobby-gold-light);border:1px solid var(--lobby-border);border-radius:3px;font-size:9px;font-weight:700;padding:4px 7px}.lobby-badge i{width:5px;height:5px;background:var(--lobby-gold);border-radius:50%}.lobby-copy{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px}.lobby-copy h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--lobby-text)}.lobby-copy small{display:block;font-size:10px;color:var(--lobby-muted)}.lobby-play{width:29px;height:29px;flex:none;display:grid;place-items:center;border:1px solid var(--lobby-border);border-radius:50%;color:var(--lobby-gold);font-size:12px}.lobby-play svg{width:12px;height:12px}.lobby-extra .lobby-copy h3{font-size:14px}.lobby-extra .lobby-badge{color:var(--lobby-muted);font-size:8px}.lobby-divider{margin-top:30px;padding-top:1px;border-top:1px solid var(--lobby-border)}.lobby-bottom{margin-top:32px;padding:20px 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--lobby-border);color:var(--lobby-muted);font-size:11px}.lobby-mobile-nav{display:none}.lobby-dialog-icon{display:grid;place-items:center;margin:8px auto;width:52px;height:52px;border:1px solid var(--lobby-border);border-radius:50%;color:var(--lobby-gold)}.lobby-empty{padding:30px 0;color:var(--lobby-muted)}.lobby-api-dialog{width:min(90%,380px);border:1px solid var(--lobby-border);border-radius:8px;padding:28px;background:var(--lobby-surface);color:var(--lobby-text);text-align:center}.lobby-api-dialog::backdrop{background:oklch(.05 0 0 / .8)}.lobby-api-dialog p{color:var(--lobby-muted);line-height:1.6;font-size:14px}.lobby-api-dialog button{padding:10px 24px;border:0;border-radius:5px;background:var(--lobby-gold);color:var(--lobby-background);font-weight:700;cursor:pointer}
@media(max-width:700px){.lobby-shell{padding:0 16px 82px}.lobby-topbar{height:65px}.lobby-topbar nav{display:none}.lobby-brand{font-size:18px}.lobby-brand svg{width:25px}.lobby-brand small{font-size:8px}.lobby-top-actions .support-button{display:none}.lobby-hero{margin-top:16px}.lobby-hero img{aspect-ratio:2.4/1}.lobby-notice{font-size:10px;padding:10px 0}.lobby-notice span:last-child{display:none}.lobby-tabs{padding-top:17px;gap:6px}.lobby-tab{padding:0 12px;min-height:36px;font-size:11px}.lobby-heading{margin:20px 0 12px}.lobby-heading h2{font-size:17px}.lobby-heading p{font-size:10px}.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lobby-art{aspect-ratio:1.28/1}.lobby-copy{padding:11px 10px}.lobby-copy h3{font-size:15px}.lobby-copy small{font-size:9px}.lobby-play{width:25px;height:25px}.lobby-badge{left:7px;top:7px;font-size:8px;padding:3px 5px}.lobby-extra .lobby-copy h3{font-size:12px}.lobby-extra .lobby-copy{min-height:61px}.lobby-divider{margin-top:24px}.lobby-bottom{font-size:9px;flex-direction:column;align-items:center}.lobby-mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:40;justify-content:space-around;padding:9px 8px max(9px,env(safe-area-inset-bottom));background:var(--lobby-surface);border-top:1px solid var(--lobby-border)}.lobby-mobile-nav button{display:flex;flex-direction:column;gap:4px;align-items:center;height:43px;font-size:9px;color:var(--lobby-muted)}.lobby-mobile-nav button svg{width:18px;height:18px}.lobby-mobile-nav button.active{color:var(--lobby-gold-light)}}
@media(prefers-reduced-motion:reduce){.lobby-game,.lobby-art img{transition:none}}