:root{
    --shadow-len: 3px;
}

.gui_inv_wrapper {
    display: inline-block;
    position: relative; /* Establishes a new stacking context */
    max-width: calc(176px * 3);
    width: 100%;
    height: 498px;
    background-image: url('/images/gui.png');
    background-size: 100%;
    transform-origin: top center;
    background-repeat: no-repeat;
    image-rendering: pixelated;
    visibility: visible; /* Make sure it's visible */
    z-index: 0; /* Ensure it's at the base layer */
}

.gui_inv {
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 1; /* Positioned above the wrapper */
    visibility: hidden;
}

.gui_inv table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.gui_inv table td { padding: 0px; }
.gui_inv table a {
    --alen: calc(100%);
    display: block;
    position: relative;
    width: var(--alen);
    height: var(--alen);
}

#gui_main_table1_player_link {
    display: block;
    position: relative;
    width: 100%;
}
#gui_main_table1_player_image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100%*32/51);
}

.inv-sprite{
    --px_len: calc(100%*1/18);
    /* background-image:url('/images/items/InvSprite.png?cache=mc121a'); */
    /* background-position-x: calc(var(--sprite_len)); */
    /* background-size: calc(100%*1536/48); */
    background-position: 0px 0px;
    background-size: 100%;
    position: relative;
    display: block;
    width: var(--sprite_len);
    height: var(--sprite_len);
    left: var(--px_len);
    top: var(--px_len);
    background-repeat: no-repeat;
}

.invslot-stacksize {
    --px_len: calc(100%*1/18);
    --shadow-color: #3F3F3F;
    position: absolute;
    right: 0px;
    bottom: 0px;
    /*width: var(--alen);
    height: var(--alen);*/
    height: 0px;
    text-align: right;
    font-family: 'minecraftia';
    font-size: calc(var(--sprite_len)/2);
    font-weight: normal !important;
    color: #FFF !important;
    text-shadow: var(--shadow-len) var(--shadow-len) var(--shadow-color);
    z-index: 2;
    cursor: pointer;
    user-select: none;
    transform: translateY(calc(var(--sprite_len)*-33/48));
}

.gui-hover{
    display:none;
    float:left;
    z-index: 5;
    background-color: #fffffe80;
}

.tablist{
    font-family: 'minecraftia';
    --px_len: calc(100%*1/93);
    --shadow-color: #3F3F3F;
    color: #FFF;
    margin: auto;
    bottom: 0px;
    width: 100%;
    white-space: nowrap;
    font-size: calc(var(--sprite_len)/2);
    text-shadow: var(--shadow-len) var(--shadow-len) var(--shadow-color);
    line-height: calc(var(--sprite_len)/2 + var(--sprite_len)/16);
}

.tablist img{
    width: calc(var(--sprite_len)/2);
    margin-right: calc(2 * var(--px_len));
    vertical-align: bottom;
    /* margin-right:2px;*/
}

.tablist span{
    display:block;
    text-align:center;
    cursor:default;
}

.tablist span::selection{
    background:none;
}
.tablist font::selection{
    background:none;
}
.tablist img::selection{
    background:none;
}