
#sbConsoleLockBar{
    position:fixed;

    left:50%;
    top:6px;

    transform:translateX(-50%);

    z-index:999999;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:6px;

    max-width:calc(100% - 12px);

    padding:5px 10px;

    border:1px solid #33414e;
    border-radius:999px;

    background:#111a23;

    color:#d8e0e7;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size:9px;
    font-weight:850;

    box-shadow:none;
}

#sbConsoleLockBar.master{
    background:#153621;

    border-color:#275d3a;

    color:#c7e6d0;
}

#sbConsoleLockBar.viewer{
    background:#382c19;

    border-color:#5c4c2d;

    color:#e1d1a8;
}

#sbConsoleLockBar.waiting{
    background:#141e28;

    border-color:#34414f;
}

#sbConsoleLockTake,
#sbConsoleLockRelease{
    padding:3px 7px;

    border:1px solid #3c4957;
    border-radius:999px;

    background:#e8ecef;

    color:#17212b;

    font-size:7px;
    font-weight:900;

    cursor:pointer;
}


/* VIEWER */

body.sb-console-viewer #homeBtn,
body.sb-console-viewer #awayBtn,
body.sb-console-viewer #clock,
body.sb-console-viewer #actionsPanel,
body.sb-console-viewer #playersPanel,
body.sb-console-viewer .confirm-box,
body.sb-console-viewer .staff-btn,
body.sb-console-viewer .mini-point-btn,
body.sb-console-viewer .editor-save,
body.sb-console-viewer .editor-delete{
    pointer-events:none !important;
    user-select:none !important;
}

body.sb-console-viewer #actionsPanel,
body.sb-console-viewer #playersPanel{
    opacity:.40;
    filter:grayscale(.35);
}

body.sb-console-master #actionsPanel,
body.sb-console-master #playersPanel{
    opacity:1;
}


/* MOBILE */

@media(max-width:760px){

    #sbConsoleLockBar{
        top:3px;

        padding:4px 6px;

        gap:4px;

        font-size:7px;

        box-shadow:none !important;

        -webkit-backdrop-filter:none !important;
        backdrop-filter:none !important;
    }

    #sbConsoleLockTake,
    #sbConsoleLockRelease{
        padding:2px 5px;

        font-size:6px;
    }
}



#sbConsoleLockTake:disabled{
    opacity:.72;
    cursor:wait;
    min-width:92px;
}

#sbConsoleLockTake:not(:disabled){
    touch-action:manipulation;
}
