@import url('/assets/css/gnook-store-v10.css?v=10.1.0');

.world-lobbies-shell{width:min(1780px,100%);margin:auto;padding:16px;display:grid;gap:16px}.world-lobbies-hero{position:relative;overflow:hidden;min-height:260px;padding:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:linear-gradient(90deg,rgba(3,8,18,.96),rgba(21,12,44,.65)),var(--world-image) center/cover}.world-lobbies-hero-copy{position:relative;z-index:1}.world-lobbies-back{display:inline-flex;margin-bottom:12px;color:#ffe08d}.world-lobbies-hero small,.world-lobbies-heading small{color:var(--gn-gold);text-transform:uppercase;font-weight:900;letter-spacing:.08em}.world-lobbies-hero h1{margin:4px 0;font-size:clamp(2rem,5vw,4.6rem)}.world-lobbies-hero p{color:#dce7f8}.world-lobbies-hero-actions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.world-lobby-action,.world-lobby-join{border:1px solid #9a50df;border-radius:8px;background:linear-gradient(#8d3df0,#4a168e);font-weight:900;text-transform:uppercase;padding:11px 14px}.world-lobby-action.primary,.world-lobby-join:not(:disabled){box-shadow:0 0 22px rgba(149,70,235,.28)}.world-lobby-action:disabled,.world-lobby-join:disabled{opacity:.55;cursor:not-allowed}.world-lobbies-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.world-lobbies-heading h2{margin:0}.world-lobbies-summary{color:#cdd8e8}.world-lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.world-lobby-card{padding:16px;display:grid;gap:12px}.world-lobby-card.is-current{border-color:#2cbcff}.world-lobby-card header,.world-lobby-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.world-lobby-card h3{margin:3px 0 0}.world-lobby-card small{color:#aeb9c9}.world-lobby-capacity{padding:7px 9px;border:1px solid #384967;border-radius:999px;background:#07101c}.world-lobby-meter{height:8px;border-radius:999px;background:#111a2a;overflow:hidden}.world-lobby-meter i{display:block;height:100%;background:linear-gradient(90deg,#23cdfa,#b663ff)}.world-lobby-users{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:54px}.world-lobby-user{display:flex;align-items:center;gap:5px;max-width:130px}.world-lobby-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-lobby-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#152037;border:1px solid #3d4f75}.world-lobby-avatar img{width:100%;height:100%;object-fit:cover}.world-lobby-more{padding:7px 9px;border-radius:999px;background:#182238;color:#fff}.world-lobbies-empty{grid-column:1/-1;padding:32px;text-align:center;border:1px dashed #33415e;border-radius:12px}.world-lobby-dialog{border:1px solid #8f54d8;border-radius:16px;background:#07101d;color:#fff;padding:0}.world-lobby-dialog form{width:min(520px,calc(100vw - 24px));padding:20px;display:grid;gap:12px}.world-lobby-dialog input{width:100%;min-height:40px;border:1px solid #2d3854;border-radius:8px;background:#030812;color:#fff;padding:8px}.world-lobby-dialog-close{justify-self:end;width:32px;height:32px;border-radius:50%;background:#10182a;border:1px solid #34415e}

@media(max-width:760px){.world-lobbies-hero,.world-lobbies-heading{display:grid}.world-lobbies-shell{padding:8px}}