/*  ---------------------------------------------------------------------------------------------------------------------------- */
/*  styles for the wyvern game screen ( the screen used when in game )                                                           */
/*  ---------------------------------------------------------------------------------------------------------------------------- */

/*  ---------------------------------------------------------------------------------------------------------------------------- */
/*  wyvern screen | wyvern screen container ( the game exists in this container ) */
/*  ---------------------------------------------------------------------------------------------------------------------------- */

/*  [fixed-values] */
    #wyvern-screen
    {
    /*  styles */
        top:0;
        right:0;
        left:0;
        margin:auto!important;
        font-weight: bold;
        color: whitesmoke;
        background-size: cover;
        z-index: 100;
        display:block;
        overflow-x: hidden;
        overflow-y:hidden;
        position: absolute;
        /*background: rgba(7, 7, 7, 0.80);*/
        background: black!important;


    /*  fixed values */
        height: 100%;
        min-height: 900px;
        width: 1600px;

    }

/*  ---------------------------------------------------------------------------------------------------------------------------- */
/*  panel -> wrapper */
/*  ---------------------------------------------------------------------------------------------------------------------------- */
/*  panel wrapper : container for all the game components where all the game elements are */
    #wyvern-screen #panel-wrapper
    {
    /*  styles */
        top:0;
        left:0;
        right:0;
        overflow: hidden!important;
        opacity: 1.0;
        margin:auto;
        padding: 0;
        position:absolute;
        z-index: 1;
        width: 100%!important;
        display: block;
        height: 900px;
        background: #4ba64b;
    }

/*  panel stage : the stage is used to display maps, and other larger elements such as background scenery or decoration */
    #wyvern-screen #panel-stage
    {
        top:0;
        left:0;
        right:0;
        overflow: hidden!important;
        opacity: 1.0;
        margin:auto;
        padding: 0;
        position:absolute;
        width: 100%!important;
        display: block;
        height: 900px;
        background: rgba(147, 54, 6, 0.25);
        z-index: 50;
        /*background-image: url("https://alpha.wyvern.quest/world/assets/resources/wrapper-bg/img/IMG_7908.JPG");
        background-size: cover;*/
    }
/*  panel center : container for the game itself */
    #wyvern-screen #panel-center-container
    {
        width:960px;
        height:900px;
        position: absolute;
        left:320px;
        top:0;
        display: block;
        margin:auto;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #ee6620;
        opacity: 0.5;
        z-index: 100;
        /*pointer-events: none;*/
    }
    #wyvern-screen #panel-center-container-background
    {
    }
/*  panel left : container for the panel displayed to the left dedicated to the world in general */
    #wyvern-screen #panel-left-container
    {
        position: absolute;
        top:0;
        left:0;

        width:320px;
        height: 900px;

        /*max-height: 780px;*/

        padding: 0;
        margin:auto;

        background: #202020;
        opacity: 0.5;

        display: block;
        z-index: 100;
    }
/*  panel right : container for the panel displayed to the right dedicated to the player character */
    #wyvern-screen #panel-right-container
    {
        position: absolute;
        top:0;
        right:0;

        width:320px;
        height: 100%;
        /*max-height: 780px;*/

        padding: 0;
        margin:auto;

        background: #202020;

        opacity: 0.5;

        display: block;
        z-index: 100;
    }

/*  TODO : WIP */
    #wyvern-screen .panel-stage-layer
    {
        width:100%;
        height:100%;
        background: url("https://realm.wyvern.quest/realm/assets/resources/wrapper-bg/img/IMG_7908.JPG");

    }