/* skeleton scene during main menu/lobby creation*/
.skeleton-scene-only #layoutFooter {
    opacity: 1;
    /*padding-top: calc(10px * var(--ui-scale));
    padding-bottom: 0;*/
}
.skeleton-scene-only #layoutFooter .actions {
    display: none;
}
.skeleton-scene-only #layoutFooter .room-actions {
    --dealer-figure-scale: 0.7;
    /*display: block;*/
    text-align: center;
}
/*
.skeleton-scene-only #layoutFooter .room-actions:after {
    content: '';

    position: relative;
    bottom: calc(-3px * var(--ui-scale));
    display: inline-block;
    width: calc(var(--dealer-figure-scale) * 134px);
    height: calc(var(--dealer-figure-scale) * 100px);
    background: url('../images/misc/dealer_figure.png');
    background-size: 100% 100%;
}*/
.skeleton-scene-only {
    animation: justFadeIn ease-in-out 1000ms; /* same duration as loading fadeout, so it's in sync*/
}
.skeleton-scene-only #layoutHeader .buttons-holder .btn[data-action-type="quick_menu_toggle"] {
    /* has to exist in dom, otherwise it messes up the layout */
    opacity: 0;
    pointer-events: none;
}
.skeleton-scene-only #layoutHeader .buttons-holder .btn:not([data-action-type="quick_menu_toggle"]) {
    display: none;
}
.skeleton-scene-only #layoutHeader .special-notice {
    /* has to exist in dom, otherwise it messes up the layout */
    opacity: 0;
    pointer-events: none;
}
.skeleton-scene-only #layoutContent #playTable .logo-holder,
.skeleton-scene-only #layoutContent #playTable #communityHolder,
.skeleton-scene-only #layoutContent #playTable #players,
.skeleton-scene-only #layoutContent #playTable .special-chip {
    display: none;
}

.skeleton-scene-only .chat-content-holder #layoutChat .chat-footer {
    display: none;
}

/* secondary security of not messing up UI while stuff is being loaded in (just on mp - we want to show it on SP!)*/
#game_content:not([data-room-status]) #layoutContent #playTable #communityHolder, /* exception is community holder on BOTH types!*/
#game_content:not([data-room-status]) #layoutContent #playTable .special-chip, /* exception is special chip on BOTH types!*/
#game_content.multiplayer:not([data-room-status]) #layoutContent #playTable .logo-holder,
#game_content.multiplayer:not([data-room-status]) #layoutContent #playTable #players,
#game_content.multiplayer:not([data-room-status]) .chat-content-holder #layoutChat .chat-footer {
    display: none;
}

/* table scene during waiting players */
#game_content[data-room-status=""] #layoutContent #playTable #communityHolder,
#game_content[data-room-status=""] #layoutContent #playTable .special-chip,
#game_content[data-room-status="waiting_players"] #layoutContent #playTable #communityHolder,
#game_content[data-room-status="waiting_players"] #layoutContent #playTable .special-chip {
    display: none;
}
#game_content[data-room-status=""] #layoutContent #playTable .logo-holder,
#game_content[data-room-status="waiting_players"] #layoutContent #playTable .logo-holder {
    --logo-holder-scale: 0.30;
}
.landscape #game_content[data-room-status=""] #layoutContent #playTable .logo-holder,
.landscape #game_content[data-room-status="waiting_players"] #layoutContent #playTable .logo-holder {
    bottom: calc(280px * var(--canvas-scale));
}
.landscape #game_content[data-room-status=""]:not([data-player-room-role="admin"]) #layoutContent #playTable .logo-holder,
.landscape #game_content[data-room-status="waiting_players"]:not([data-player-room-role="admin"]) #layoutContent #playTable .logo-holder {
    bottom: calc(35px * var(--canvas-scale));
}
.portrait #game_content[data-room-status=""][data-player-room-role="admin"] #layoutContent #playTable .logo-holder,
.portrait #game_content[data-room-status="waiting_players"][data-player-room-role="admin"] #layoutContent #playTable .logo-holder {
    top: calc(-180px * var(--canvas-scale));
}
/*
#game_content[data-room-status=""][data-players-in-room="1"] #layoutContent #playTable .logo-holder,
#game_content[data-room-status="waiting_players"][data-players-in-room="1"] #layoutContent #playTable .logo-holder {
    bottom: calc(305px * var(--canvas-scale));
}*/


/* some attempts at removing flickers from lobby to game on MP
 Note-> they might be interfering with some layout not yet  100%, just a quick test

#game_content[data-room-status] .lobby-options {
    opacity: 0;
}
 */
#game_content[data-room-status] #popupsHolder .create-room,
#game_content[data-room-status] #popupsHolder .join-room {
    /* as soon as table layout is added, we immediately hide these elements to reduce the flicker */
    opacity: 0;
}
#game_content[data-room-status] #popupsHolder .main-menu-middle-holder .logo-holder {
    /* as soon as table layout is added, we immediately hide these elements to reduce the flicker */
    opacity: 0;
}