@charset "UTF-8";
* {

    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*:hover {
    cursor: default;
}

@font-face {
    font-family: "AmigaForeverPro2";
    src: url("../font/AmigaForeverPro2-3lVy.ttf");
    /*
    src: url("../font/Aviano800italic.eot');
    src: url("../font/Aviano800italic.eot?') format('embedded-opentype'),
        url("../font/Aviano800italic.woff') format('woff');*/
}

@font-face {
    font-family: "Aviano800italic";
    src: url("../font/Aviano800italic.ttf");
    src: url('../font/Aviano800italic.eot');
    src: url('../font/Aviano800italic.eot?') format('embedded-opentype'),
        url('../font/Aviano800italic.woff') format('woff');
}

@font-face {
    font-family: "Aviano900";
    src: url("../font/Aviano900.ttf");
    src: url('../font/Aviano900.eot');
    src: url('../font/Aviano900.eot?') format('embedded-opentype'),
        url('../font/Aviano900.woff') format('woff');
}

@font-face {
    font-family: "Aviano900italic";
    src: url("../font/Aviano900italic.ttf");
    src: url("../font/Aviano900italic.eot");
    src: url("../font/Aviano900italic.eot?") format('embedded-opentype'),
        url("../font/Aviano900italic.woff") format('woff');
}

@font-face {
    font-family: "Aviano700italic";
    src: url("../font/Aviano700italic.ttf");
    src: url("../font/Aviano700italic.eot");
    src: url("../font/Aviano700italic.eot?") format('embedded-opentype'),
        url("../font/Aviano700italic.woff") format('woff');
}

html {
     scroll-behavior: smooth;
    min-width: 1920px;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

body {
 
    /* background: #5574f9; */
   /*background: linear-gradient(0deg, #0772d7 0%, rgba(12, 102, 218, 0) 40%);*/
   background:#171564;

    min-width: 1920px;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    color: white;
    overflow-x: hidden;
    overflow-y: scroll;
}

.fullcontainer {
    padding-top: 120px;
    min-width: 1880px;
    max-width: 1880px;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    position: relative;
}

.highscore-container .background {
    width: 100%;
    height: 100%;
    display: block;
    background: radial-gradient(circle, rgb(87, 107, 255) 0%, rgba(0,0,0,0) 100%);
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
}

.column {
    display: block;
    margin-bottom: 30px;
    width: calc(50% - 10px);
    float: left;
}

.column span {
    padding: 0 20px;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    line-height: 52px;
}

.column button {
    padding: 0 20px;
    text-transform: uppercase;
    border: 2px solid yellow;
    padding: 16px 20px;
    color: yellow;
    font-size: 18px;
    line-height: 14px;
    letter-spacing: -3px;
    position: absolute;
    right: 0;
    height: 52px;
    margin-top:-1px;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    background: #111033;
    background: linear-gradient(0deg, rgba(1,0,27,1) 0%, rgba(5,15,101,1) 49%, rgba(2,26,121,1) 51%, rgba(6,45,107,1) 100%);
}

.button {
    text-decoration: none;
    padding: 0 20px;
    text-transform: uppercase;
    border: 2px solid yellow;
    padding: 16px 40px;
    color: yellow;
    font-size: 21px;
    letter-spacing: -3px;
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
    margin-left: 5px;
    margin-right: 5px;
    height: 58px;
    margin-top: -1px;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    background: #111033;
    background: linear-gradient(0deg, rgba(1,0,27,1) 0%, rgba(5,15,101,1) 49%, rgba(2,26,121,1) 51%, rgba(6,45,107,1) 100%);
}

.column button:hover, .button:hover {
    cursor:pointer;
    background:yellow!important;
    color:white;
    text-decoration: none;
    box-shadow: 0 0 24px 8px yellow;
}

.column:first-child {
    margin-right: 20px;
}

.column:last-child {
    margin-left: 20px;
}
/*
.background {
    width: 110%;
    height: 110%;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    content: '';
    display: block;
    filter: blur(8px);
    background: radial-gradient(circle, rgba(22, 42, 128, 0.7) 0%, rgba(3, 9, 48, 1) 100%);
    /*
    background: linear-gradient(#4143a2, transparent), linear-gradient(to top left, #4c1a97, transparent), linear-gradient(to top right, #0a0c6b, transparent);
    /*
    background-image: url("../img/backdrop.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    *//*
}
/*
.background:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    z-index: 1;
    display: block;
    left: 0;
    top: 0;
    opacity: 0.8;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(232, 255, 1, 0) 100%);
    mix-blend-mode: overlay;
    /*
    background: #4e4b9b;
    *//*
}
*/
.line-shade {
    width: 100%;
    height: 100%;
    position: fixed;
    content: '';
    z-index: -1;
    display: block;
    left: 0;
    top: 0;
    background: url("../img/line-shade.png");
    background-repeat: repeat;
}

.line-shade2 {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    z-index: 2;
    display: block;
    left: 0;
    top: 0;
    background: url("../img/line-shade.png");
    background-repeat: repeat;
}

.myrank {
    display: block;
}

.bgloop {
    min-width: 1920px;
    background: url("../img/lejon-loop.gif");
    background-repeat: repeat;
    background-size: 130%;
    background-position: center center;
    mix-blend-mode: hard-light;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    position: fixed;
    content: '';
    z-index: 2;
    display: block;
    left: 0;
    top: 0;
}


#menu {
    font-family: "Aviano900italic";
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -2px;
    font-size: 20px;
    text-transform: uppercase;
    width:100%;
    position:fixed;
    min-width: 1920px;
    top:0;
    left:0;
    /*
    background: #111033;*/
    background: linear-gradient(0deg, rgba(1,0,27,1) 0%, rgba(5,15,101,1) 49%, rgba(2,26,121,1) 51%, rgba(6,45,107,1) 100%);
    border-bottom: 2px solid yellow;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.5);
    z-index:10000;
}

#menu ul {
    margin-left: 260px;
    list-style: none;
}




menu {
    text-align: center;
    font-family: "Aviano900italic";
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -2px;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 1900px;
    /* background: #111033; */
    background: linear-gradient(0deg, rgba(1,0,27,1) 0%, rgba(5,15,101,1) 49%, rgba(2,26,121,1) 51%, rgba(6,45,107,1) 100%);
    border-bottom: 2px solid yellow;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.5);
    z-index: 10000;
}

menu ul {
    margin-left:auto;
    margin-right:auto;
    list-style: none;
}

menu li {
    display:inline-block;
}

menu a {
    display:block;
    font-weight: bold;
    text-decoration: none;
    padding:20px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    color: rgba(255,255,255,0.6);
    height: 68px;
        line-height: 20px;
}

menu a:hover {
    color:yellow;
    cursor:pointer;
    border-top: 4px solid yellow;
    border-bottom: 4px solid yellow;
    height: 68px;
    filter: drop-shadow(0px 0px 24px yellow);
}

.active {
    color:white;
}


.logo {
    background: url(../img/bk-logo.png);
    width: 240px;
    height: 70px;
    top: 12px;
    filter: drop-shadow(0px 4px 6px black);
    display: block;
    left: 13px;
    z-index: 20;
    background-size: 100%;
    background-repeat: no-repeat;
    position: fixed;
}
/*
.logo:after {
    content: 'highscore';
    font-family: "Aviano900italic";
    padding: 2px 5px;
    letter-spacing: -2px;
    border: 2px solid black;
    background: darkred;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%) skewY(-3.7deg);
    font-size: 15px;
}
*/

.logo:hover {
cursor:pointer;
filter:drop-shadow(0 0 24px yellow);
}
#board {
    padding: 70px 40px;
    position: relative;
    z-index: 10;
    text-align: center;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

.search {
    display: flex;
    text-align: center;
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 100000;
    background: #030637;
    height: 73px;
    padding: 10px;
    justify-content: center;
}

.searchbar .player {
    background: transparent;
}
.search .inner {
    justify-content: center;
    display:flex;
    margin-left:auto;
    margin-right:auto;
    width:1800px;
    max-width:1800px;
}

h2 {
    position: relative;
    z-index: 10;
    line-height: 92px;
    margin-left:auto;
    margin-right:auto;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    font-size: 82px;
    text-indent: -22px;
    letter-spacing: -13px;
    text-transform: uppercase;
    color: white;
    margin-bottom: 30px;
    filter: drop-shadow(0px 8px 8px black);
    text-align:center;
}


.grid {
    animation: anim-whitein 0.45s ease-out 1 forwards;
    display: block;
    margin-top: 20px;
    border:2px solid yellow;
    box-shadow: 0 0 1px 1px black, 0 0 1px 1px black inset;
}

.playerpage .player {
    grid-template-columns: 1fr 2fr 7fr 3fr 2fr 2fr 4fr;
}

.grid .row:nth-child(2) {
    animation: anim-glow 1.5s ease-in-out infinite;
}

#games .second-row, #searchresults .row:nth-child(2), #search .second-row {
    animation: none;
}

.grid .row div {
    border-left:1px solid rgba(255,255,255,0.05);
}

.grid .row div a {
    display:block;
    width:100%;
    color:white;
    text-decoration: none;
}
.grid .row div a:hover {
    color:yellow;
    text-decoration: none;
    cursor:pointer!important;
}


.grid .alias {
    text-align: left;
}

.grid .alias .flag {
    margin-top: 1px;
}

.gridlayout,
.player {
    position: relative;
    grid-row-gap: 0;
    display: grid;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgb(23 21 100);
}

.player {
    display: grid;
    grid-template-columns: 1fr 2fr 8fr 3fr 5fr;
    margin-bottom: -11px;
}

#player-form .player {
    background:none!important;
}
.player .th:nth-child(3) {
text-align: left;
}

.player .th:nth-child(5), .player .lastplayed, .player .th:nth-child(4), .player .gamesplayed  {
    text-align: right;
}

.map-container {
    margin-top: 9px !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-top: none !important;
    background-color: rgb(23 21 100);
}
/*
.gridlayout:before,
.highestscore:before {
    border: 1px solid rgba(255, 255, 255, 0.3);
    /*background: rgba(255, 255, 255, 0.1);*//*
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    margin: -11px;
    z-index: -1;
    content: '';
}*/

.search-header,
#mapscore-header,
#overall-header,
#games-header {
    display: block;
}

.search-header h2 {
    color:white;
    opacity:1;
}
.search-header h2:hover {
    cursor:default;
    color:white;
    opacity:1;
}

.topmapscore {
    display: block;
}

#overall {

    float: none;
    clear: both;
}

.highestscore {
    float: none;
    clear: both;
    z-index: 10;
    position: relative;
    border: 2px solid yellow;
    box-shadow: 0 0 1px 1px black, 0 0 1px 1px black inset;
    animation: anim-glow 1.5s ease-in-out infinite;
    box-shadow: 0 0 64px 8px yellow;
}
@keyframes anim-glow {
    0% {
        box-shadow: 0 0 64px 16px yellow;

    }

    50% {
        box-shadow: 0 0 4px 4px yellow;
    }

    100% {
        box-shadow: 0 0 64px 16px yellow;
    }
}
@keyframes anim-whitein {
    0% {
        background: rgba(255, 255, 255, 1);
        filter: brightness(3);

    }

    2% {
        background: rgba(255, 255, 255, 0) !important;
    }

    100% {
        filter: brightness(1);
        background: rgba(255, 255, 255, 0);
    }
}

.highestscore .player .th:nth-child(1), .highestscore .player .rank {
    text-align: center;
    font-size: 70px;
    color: yellow;
    filter: drop-shadow(0px 0px 16px yellow) drop-shadow(0px 0px 24px yellow);
}
/*
.highestscore:before {
    width: 100%;
    height: calc(100% + 18px);
    margin: -10px -1px;
    z-index: -1;
    content: '';
}*/

.row {
    padding: 0;
    margin: 0;
    grid-row-gap: 0;
    display: grid;
    grid-template-columns: 1.5fr 2fr 4fr 3fr 2fr 2fr 2fr 2fr 1.5fr 3fr 2fr 2fr;
}

#overall .row {
    grid-template-columns: 1.5fr 2fr 4fr 3fr 2fr 2fr 2fr 2fr 1.5fr 3fr 2fr;
}

#games .row {
    grid-template-columns: 3fr 2fr 6fr 3fr 4fr 3fr 3fr 3fr 2fr 2.5fr 3.5fr 3.5fr 3fr;
}

#games .row .maps {
    padding:0;
}

#search .row {
    grid-template-columns: 1.5fr 2fr 4fr 2fr 1.5fr 2fr 2fr 2fr 1.5fr 2fr 2fr;
}

#overall .active {
    color:yellow;
}


#search .nine a {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight: bold;
    color:White;
    letter-spacing:0;
    text-decoration: none;
}

.row div {
    /*
    filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -2px 0px #000) drop-shadow(1px 0px 0px #000) drop-shadow(-1px 1px 0px #000);
    */
    line-height: 28px;
    position: relative;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    padding: 15px 20px;
    font-size: 18px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    letter-spacing: -2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


.rank1-row {
    line-height: 72px!important;
    font-family: "Aviano700italic" !important;
    letter-spacing: -3px;
    border-top: 1px solid yellow;
    border-bottom: 1px solid yellow !important;
    line-height: 70px;
    vertical-align: center;
    height: 100px;
    font-size: 24px !important;

    
    /*
    filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -2px 0px #000) drop-shadow(1px 0px 0px #000) drop-shadow(-1px 1px 0px #000);
    */
}

.rank1-row .flag {
        margin-top: 12px;
}


.rank2-row {
    font-family: "Aviano700italic" !important;
    letter-spacing: -2px;
    border-bottom: 1px solid rgba(255, 255, 0, 0.5) !important;
    font-size: 18px !important;
    line-height: 32px;

    /*
    filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -2px 0px #000) drop-shadow(1px 0px 0px #000) drop-shadow(-1px 1px 0px #000);
*/
}

.rank3-row {
    font-family: "Aviano700italic" !important;
    letter-spacing: -2px;
    border-top: 1px solid rgba(255, 255, 0, 0.5);
    border-bottom: 1px solid rgba(255, 255, 0, 0.5) !important;
    font-size: 18px !important;

    /*
    filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -2px 0px #000) drop-shadow(1px 0px 0px #000) drop-shadow(-1px 1px 0px #000);
*/
}

.row:nth-child(1) h2 {
    grid-column-start: 1;
    grid-column-end: 11;
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 0, 0.8);
}

.row:nth-child(1):hover {
    color: white;
    background: none !important;
}

/*
.row:nth-child(2) {
    background: rgba(255, 255, 0, 0.4);
}

.row:nth-child(3),
.row:nth-child(4) {
    background: rgba(255, 255, 0, 0.2);
}
*/


.th {
    filter: none !important;
    font-family: "Aviano700italic" !important;
    font-size: 16px !important;
    letter-spacing: -3px;
    background: rgba(0, 0, 0, 0.5);
}

.th:nth-child(2) {
    text-align: center;
}

.three,
.four,
.five,
.six,
.seven,
.eight,
.nine {
    font-weight: bold;
    color: yellow;
    text-align: right;
}

.one {
    font-weight: bold;
}

.two {
    font-family: 'Roboto',Helvetica,Arial,sans-serif !important;
    letter-spacing: 0px;
    font-weight: bolder;
    text-align: left;
}

.two a,
.player a {
    color: white;
    letter-spacing: 0px;
    text-decoration: none;
}

.two a:hover,
.player a:hover {
    cursor: pointer !important;
    text-decoration: underline;
    color: yellow;
}



.map {
    float: left;
    overflow: hidden;
    margin: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 640px;
    height: 323px;
    position: relative;
}

.themap .prizes {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 80px;
    text-align: center;
    z-index: 10;
}



.mapbefore {
    border: 1px solid rgba(255, 255, 255, 0.3);
    /*background: rgba(255, 255, 255, 0.1);*/
    position: absolute;
    width: calc(640px + 40px);
    height: calc(323px + 39px);
    z-index: -1;
    content: '';
}

.map img {
    position: absolute;
    top: 50%;
    left:0;
    transform: translateY(-55%);
    width: 140%;
    animation: anim-map 7s ease-in-out alternate infinite;
}

@keyframes anim-map {
    0% {
        transform: translateX(0) translateY(-64%)
    }

    100% {
        transform: translateX(-25%) translateY(-55%);
    }
}

.themap {

    display: inline;
    overflow: hidden;
}

.themap a:hover {
    cursor: pointer;
}

.themap .prizes img {
    position: relative;
    top: auto;
    left: auto;
    animation: none;
    height: 80px;
    width: 80px;
    transform: none;
}

.map h2 {
    opacity: 1;
    width: 100%;
    font-size: 44px;
    letter-spacing: -5px;
    text-align: center;
    filter: drop-shadow(1px 1px 0px #000);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 500;
    transform: translateX(-50%) translateY(-50%);
    color: yellow;
}

.overlaybg {
    width: 100%;
    height: 100%;
    background: url("../img/output-onlinegiftools3.gif");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    mix-blend-mode: screen;
    left: 0;
    top: 0;
    z-index: 5;
    animation: anim-onoff 4s linear infinite;
}

.gametable {
    padding-top: 30px;
    padding-bottom: 26px;
    display: inline-block;
    width: calc(100% - 700px);
    text-align: center;
}

.gametable .gameprize {
 height: 90px;
    width: 90px;
    position: absolute;
    right: 15px;
    top: 147px;
}
.prizes .prize {
    display: inline-block;
    position: relative;
}

.prizes .prize span {
        color:white;
    display: none;
    position: absolute;
    z-index: 100;
    background: rgba(0,0,0,0.85);
    border-radius: 8px;
    padding: 10px;
    line-height: 18px;
    font-size:18px;
top: 20px;
    left: 80px;
    width: 160px;
    font-family:'Roboto',Helvetica,Arial, sans-serif;
    letter-spacing:0;
    text-indent:0;
}

.flagcontain b, .player .level span {
    color:white;
    display: none;
    position: absolute;
    z-index: 100;
    background: rgba(0,0,0,0.85);
    border-radius: 8px;
    padding: 10px;
    line-height: 18px;
    font-size:18px;
    top: 120px;
    left: 275px;
    font-family:'Roboto',Helvetica,Arial, sans-serif;
    letter-spacing:0;
    text-indent:0;
}

.playerpage .player .th:nth-child(6), .playerpage .player .th:nth-child(7) {
    text-align: right;
}
.player .level span {
    top: 90px;
    left: 63px;
}
.playerpage .level span {
    top: 90px;
    left: 43px;
}
.gametable .gameprize span {
    display:none;
    background: rgba(0,0,0,0.85);
    position: absolute;
    right: 120%;
    top: 0px;
    font-size: 18px;
    border-radius: 8px;
    padding: 10px;
    width: 180px;
}

.gametable .gameprize .prize:hover span, .flagcontain:hover b, .player .level:hover span, .prizes .prize:hover span {
    display:block;
}
.gametable .gameprize .prize {
    position: relative;
    height: 60px;
    margin-top: 20px;
}
.gametable .gameprize img {
    height:100%;
}

.gametable .gameprize:nth-child(3) {
    top: 290px;
}

.gametable .gameprize:nth-child(4) {
    top: 420px;
}

.highscorebig {
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    font-size: 180px;
    width: auto;
    letter-spacing: -34px;
    padding-bottom: 11px;
    line-height: 120px;
    color: yellow;
}


.mapdate {
    position: absolute;
    display: block;
    font-family: monospace;
    left: 50%;
    width: 330px;
    transform: translateX(-50%);
    bottom: 100px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50px;
    z-index: 2000;
    font-size: 16px;
    padding: 7px 20px;
    line-height: 21px;
}

.gameid {
    font-weight: bold;
    font-size: 16px;
    color: yellow;
    margin-right: 20px;
    float: left;
    text-decoration: none;
    z-index: 100;
    display: block;
    font-family: monospace;
    right: 0px;
    top: 0px;
}

.gameid:hover {
    cursor: pointer;
    color: yellow;
    text-decoration: underline;
}

.player div {
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -2px;
    font-size: 18px;
    padding: 7px 20px;
}

.player .rank {
    vertical-align: center;
    height: 100px;
    display: inline-block;
    padding: 20px 20px;
    font-size: 28px;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -4px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
}

.player .badge,
.player .level {
    text-align: left;
    position: relative;
    padding: 16px 0px;
    text-indent: -10000px;
    display: inline-block;
}

.player .level span {
    display:none;
}
/*
.player .level span {
    text-indent: 0px !important;
    position: absolute;
    text-align: center;
    border: 2px solid yellow;
    max-width: 440px;
    min-width: 110px;
    padding: 3px 12px 3px 9px;
    box-shadow: 0 0 2px 2px black;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -2px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    left: 110px;
    bottom: 28px;
}

.player .level span:after {
    padding: 2px;
    z-index: -10;
    content: '';
    left: 2px;
    right: 0;
    top: 2px;
    display: block;
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background: linear-gradient(45deg, yellow, transparent);
}
*/
.player .level img {
    filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -2px 0px #000) drop-shadow(1px 0px 0px #000) drop-shadow(-1px 1px 0px #000);
    max-height: 95px;
    height: 105px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1px;
}

.lev img {
    max-height: 45px;
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -2px 0px #000) drop-shadow(1px 0px 0px #000) drop-shadow(-1px 1px 0px #000);
}

.rank1-row.lev img {
    max-height: 90px;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    height: 100px;
}

.player .alias {
    display: inline-block;
    padding: 20px 20px;
    font-size: 28px;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: 0px;
    font-family: 'Roboto', monospace, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

h3 {
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    text-align: center;
    margin-bottom: 40px;
    font-size: 32px;
}

.player .flagcontain {
    float:left;
        margin-top: 4px;
    font-size: 14px;
    font-weight: normal;
    margin-right:10px;
}

.player .gamesplayed {
    font-size: 28px;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -4px;
    padding: 20px 20px;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    color: yellow;
    display: inline-block;
}

.player .alias, .player .rank, .row .number, .grid .rowth .th:nth-child(1)  {
    text-align:left;
}
.player .alias,
.player .gamesplayed,
.player .rank,
.player .lastplayed {
    line-height: 58px;
    height:102px;
}

.player .alias .flag {
    width: 70px;
    float: left;
    padding: 0!important;
    display: block;
    border: none!important;
    margin: 0;

    margin-right: 14px;
    position: relative;
    aspect-ratio: 1.35;
    overflow: hidden;

}
.player .alias .flag img {
    width:70px;
}

:root {
    --flagwidth: 102px;
    --blur: calc((var(--flagwidth) / 100) * 10);
}


.player .alias .flag:after {

    position: absolute;
    left: 0;
    display: block;
    filter: blur(var(--blur));
    content: '';
transform: translateY(5%) rotate(-45deg);
    background: black;
     background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7329306722689075) 24%, rgba(255,255,255,0.7749474789915967) 73%, rgba(255,255,255,0) 100%);
    width: 200%;
    height:100%;
    opacity: 1;
    animation: flag-shadow 4s linear infinite;
        mix-blend-mode: soft-light;
}

.player .alias .flag:before {
    z-index: 20;
    position: absolute;
    left: 0;
    opacity: 1;
    display: block;
    filter: blur(var(--blur));
    content: '';
    transform: translateY(5%) rotate(-45deg);
    background: black;
     background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7329306722689075) 24%, rgba(255,255,255,0.7749474789915967) 73%, rgba(255,255,255,0) 100%);
    width: 200%;
    height: 100%;
    animation: flag-shadow 6s linear infinite;
    animation-delay: 1s;
        mix-blend-mode: soft-light;
}

@keyframes flag-shadow {
    0% {
        left: -200%;
    }

    100% {
        left: 110%;
    }
}

.games {
    font-family: 'Aviano700italic' !important;
}

#games .games {
    float: none;
    clear: both;
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    font-family: monospace !important;
}

#games .games a {
    color: white;
    text-decoration: none;
}

#games .games a:hover, #search a:hover {
    cursor: pointer;
    color: yellow;
    text-decoration: underline;
}

.player .lastplayed {
   font-size: 26px;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -6px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    padding: 20px 20px;
    display: inline-block;
}

.statsbox,
.statsboxsmall {
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -4px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    display: inline-block;
    padding: 0px 30px;
    float: none;
    color: yellow;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.statsboxsmall {
    padding: 0px 20px;
    text-align: center;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -1px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    padding-top: 10px;
    float: none;
    color: yellow;
    font-size: 24px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
#game_extrascore .three {
        font-size: 28px!important;
    letter-spacing: -5px!important;
}
.noborder {
    border-left: none !important;
}

.statsbox span,
.statsboxsmall span,
.highscorebig span {
    height: 25px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    display: block;
    float: none;
    letter-spacing: -3px;
    font-size: 18px;
    margin-right: 0;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    color: white;
}

.highscorebig span {
    line-height: 0px;
}
.pagination {
    margin-top:20px;
    margin-bottom:20px;
    display: flex;
    text-align: center;
    justify-content: center;
}
.pagination a, .pagination span {
    padding: 10px 20px;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    background: rgb(23 21 100);
    border: 2px solid yellow;
    color: yellow;
    text-decoration: none;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    font-size: 21px;
}
.pagination span {
    color:white;
    background:black;
    border-color:white;
}
.pagination a:hover {
    cursor:pointer;
    background: yellow;
    box-shadow:0 0 24px 4px yellow;
    color: white;
}

.search-bar {
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    z-index: 10000;
    display: block;
    width: 320px;
    margin: 0px;
    border: 1px solid transparent;
    background: transparent !important;
    padding: 14px 20px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: yellow;
    font-weight: bold;
    height: 52px;
}

.search-bar:active,
.search-bar:focus,
.search-bar:focus-visible, .search-bar:focus-within {
    border-radius: 0px !important;
    border: 1px solid transparent;
    border-bottom: 1px solid yellow;
    box-shadow: none !important;
}

.search-bar:hover {
    cursor: pointer;
}

#footer {
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    display: block;
    bottom: 0;
    font-family: monospace;
    width: 100%;
    padding: 40px;
    text-align: center;
    position: absolute;
    z-index: 30;
}

#footer a {
    font-size: 14px;
    cursor: pointer;
    color: yellow;
    text-decoration: none;
}

#footer a:hover {
    color: yellow;
    text-decoration: underline;
}


/* SCROLLBAR */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #000 #000;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
    width: 10px;
    width: 10px;
}

*::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #483486;
}

*::-webkit-scrollbar-track:hover {
    background-color: #483486;
}

*::-webkit-scrollbar-track:active {
    background-color: #483486;
}

*::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #281A58;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #281A58;
}

*::-webkit-scrollbar-thumb:active {
    background-color: #281A58;
}

.banner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 728px;
}

.banner a:hover,
#atContainer-c602c3f2aee190a53fab16dc4cb340b1 a:hover {
    cursor: pointer !important;
}

.banner *:hover {
    cursor:pointer;
}

.row:hover {
    cursor:pointer;
    background: rgb(42 39 135) !important;
    box-shadow: 0 0 0px 2px yellow inset, 0 0 24px 2px yellow inset;
}

.row:hover .alias {
    color:yellow!important;
    text-decoration: underline;
}

.row *:hover {
    cursor:pointer;
}

.rowth  .th {
    line-height: 16px;
}

.rowth:hover, .rowth *:hover {
    cursor: default!important;
}

.th.desc::before {
    text-shadow: none;
  content: "▲ ";
  color:yellow;;
  font-size:12px;
  line-height:8px;
  margin-top:-4px;
  left:calc(50% - 6px);
  bottom:0px;
  position: absolute;
}
.th.asc::before {
    text-shadow: none;
  content: "▼ ";
  color:yellow;;
  font-size:12px;
  line-height:8px;
  margin-top:-4px;
  left:calc(50% - 6px);
  top:3px;
  position: absolute;
}

.row .prize {
    text-align: right;
}

.row .prize img {
    width:22px;
    height:22px;
    margin-left:5px;
}


.flag {
    width: 28px;
    float: left;
    padding: 0!important;
    display: block;
    border: none!important;
    margin:0;
    margin-top: 4px;
    margin-right: 14px;
}

.flag img {
    width: 28px;
}

a.inhouse-banner {
    margin-left:auto;
    margin-right:auto;
    width:1600px;
    height: 210px;
    display: block;
    transition:0.4s ease;
}
a.inhouse-banner:hover {
    animation:banner-hover 0.5s ease-out 1 forwards;
}
@keyframes banner-hover {
    0% {
        filter:brightness(4);
        box-shadow: 0 0 32px 8px yellow;
    }
    100% {
        filter:brightness(1);
        box-shadow: 0 0 0px 0px yellow;
    }
}

.inhousebanner {
        width: 1600px;
        margin-left:auto;
        margin-right:auto;
    float: none;
    clear: both;
    display: block;
    margin-bottom: 40px;
}

a.inhouse-banner img:hover {
    cursor:pointer;
}


.alloffers {
    margin-top: 20px;
    display: inline-block;
    font-family: "Aviano900italic";
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    letter-spacing: -2px;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid yellow;
    padding: 16px 20px;
    color: yellow;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    background: #111033;
    background: linear-gradient(0deg, rgba(1,0,27,1) 0%, rgba(5,15,101,1) 49%, rgba(2,26,121,1) 51%, rgba(6,45,107,1) 100%);
    position: relative;
}

#winners .row {
        grid-template-columns: 1.5fr 1fr 4fr 3fr 1fr 1.3fr;

}
#winners .row:nth-child(2) {
    animation:none;
}

#winners .th:nth-child(3) {
    text-align: left;
}


#winners .alias {
    text-align: left;
}
#winners .alias a {
    text-align: left;
    display: inline-block;
    color: white;
    font-family: 'Roboto';
    letter-spacing: 0px;
    text-decoration: none;
}
#winners .date {
        font-weight: normal;
        color:white;
    letter-spacing: 0px;
    font-size: 17px;
    text-align: center;
}

#winners .row:hover .games a {
    color:yellow;
}

#winners .highscore {
    font-size: 23px;
    letter-spacing: -4px;
}

#winners .games a {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: normal;
    color: white;
    letter-spacing: 0px;
    text-decoration: none;
}
#winners .games a:hover, #winners .alias a:hover {
    color:yellow;
    cursor:pointer;
}


.winners-daily-icon {
float: left;
    width: 32px;
    margin-right: 16px;
    margin-top: -14px;
}

.winners-weekly-icon, .winners-monthly-icon, .winners-global-icon {
float: left;
    width: 34px;
    height: 42px;
    margin-right: 16px;
    margin-top: -12px;
}


.worldmap {
    display:block;
    z-index:-100;
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    background-image:url("../svg/map.svg");
    background-position: center 180px;
    background-size:70% 80%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    mix-blend-mode: hard-light;

}

#worldmap p {
    font-weight: bold;
    position: relative;
    z-index: 1;
    text-align: center;
    font-family: 'Roboto', Helvetica,Arial,sans-serif;
    max-width: 790px;
    margin-left: auto;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 28px;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    margin-right: auto;
}

#worldrank {
    position: relative;
    border: 2px solid yellow;
    z-index: 2;
    width: 100%;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    box-shadow:0 0 1px 1px black, 0 0 1px 1px black inset;
}

#worldrank thead {
    background: rgba(0,0,0,0.7);
    color: white;
}

#worldrank th {
font-family: Aviano700italic;
    text-transform: uppercase;
    padding: 10px;
    font-size: 13px;
    letter-spacing: -1px;
}
#worldrank td {
    background: rgba(0,0,50,0.8);
    font-weight:bold;
    color:white;
    font-size: 42px;
    letter-spacing: -7px;
    padding:20px 10px;
    border-top:1px solid rgba(255,255,0,0.4);
}



#worldrank td:nth-child(1), #worldrank td:nth-child(4), #worldrank td:nth-child(2), #worldrank td:nth-child(3){
    text-align: center;
    font-size: 24px;
    letter-spacing: -5px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
}

#worldrank td:nth-child(3) {
        color:yellow;
    font-size: 42px;
    letter-spacing: -7px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
}

#worldrank td:nth-child(5) {
    text-align: right;
    color:yellow;
font-size: 42px;
    letter-spacing: -8px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
}

#worldrank th:nth-child(5) {
    text-align: right;
    width:20%;
}

#worldrank td:nth-child(6), #worldrank th:nth-child(6) {
    text-align: left;
    width:20%;
    padding-left:40px;

}
#worldrank .flag {
    margin-top:0!important;
}
#worldrank td:nth-child(6) {
        letter-spacing: 0px;
    font-size: 24px;
    font-family: 'Roboto', Helvetica,Arial,sans-serif;
}

#worldrank td:nth-child(6) a {
    color: white;
    text-decoration: none;
}
#worldrank td:nth-child(6) a:hover {
    color: yellow;
    cursor:pointer;
    text-decoration: underline;
}
#worldrank td .flag {
    margin-left:auto;
    margin-right:auto;
    width: 72px;
    float: none!important;
}

#worldrank .flag {
    overflow: hidden;
    position: relative;
    aspect-ratio: 1.35;
}

#worldrank  .flag:after {
    position: absolute;
    left: 0;
    display: block;
    filter: blur(var(--blur));
    content: '';
transform: translateY(-115%) rotate(-45deg);
    background: black;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 24%, rgba(255,255,255,1) 73%, rgba(255,255,255,0) 100%);
    width: 200%;
    height: 100%;
    opacity: 1;
    animation: flag-shadow 4s linear infinite;
    mix-blend-mode: soft-light;
}

#worldrank .flag:before {
    z-index: 20;
    position: absolute;
    left: 0;
    opacity: 1;
    display: block;
    filter: blur(var(--blur));
    content: '';
    transform: translateY(15%) rotate(-45deg);
    background: black;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 24%, rgba(255,255,255,1) 73%, rgba(255,255,255,0) 100%);
    width: 200%;
    height: 100%;
    animation: flag-shadow 6s linear infinite;
    animation-delay: 1s;
    mix-blend-mode: soft-light;
}





#compare1, #compare2 {
width:calc(50% - 100px);
}
#compare1 {
    margin-right:100px;
}
#compare2 {
    margin-left:100px;
}
#compare2 .player {
    grid-template-columns: 4fr 4fr 7fr 3fr;
}
#compare2 .alias {
    text-align: right;
}
#compare2 .flagcontain {
    float:right;
}
#compare2 .gamesplayed, #compare2 .lastplayed {
    text-align: left;
}
.compare {
    background-color: rgb(23 21 100);
    animation:none;
    box-shadow:none;
}
.compare .player {
    grid-template-columns: 3fr 7fr 4fr 4fr;
}
.compare .th:nth-child(2) {
    text-align: left;
}
.compare .th:nth-child(3) {
    text-align: right;
}
.compare .alias {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    text-align:left;
}

.compare .player .flagcontain {
    margin-right:0;
}


.compare .lastplayed {
    font-size: 17px;
    letter-spacing: -1px;
    line-height: 16px;
    text-align: right;
    padding-top: 34px;
}

.compare .gametable {
    padding-top:0;
    padding-bottom:0px;
    width: 100%;
    font-size: 152px;
    letter-spacing: -40px;
    display: inline-grid;
}

.compare .highscorebig {
    width: 100%;
    line-height: 100px;
    padding-top: 30px;
    font-size: 132px;
    letter-spacing: -26px;
    height: 178px;
}




.compare .statsbox {
    width: 100%;
    border: none;
    border-top: 1px solid rgba(255,255,255,0.3);
    margin: 0;
    text-align: right;
    line-height: 52px;
  font-size: 26px;
    padding-left: 0;
}
.compare .statsbox span {
    float: left;
}

#compare2 .statsbox span {
   float:right;

}

#compare2 .statsbox {
    text-align: left;
    padding-left: 20px;
    padding-right: 0;
}

.compare .player .flagcontain {
    margin-right: 0;
    padding: 0;
    padding-left: 20px;
}

.versus {
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 430px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    filter:drop-shadow(0 5px 8px black);
    font-size: 82px;
    letter-spacing: -17px;
    text-align: center;
    transform-origin: center left;
    z-index:1000;
    scale:1;
    animation:versus 0.5s ease-in 1 forwards;
}
@keyframes versus {
    0% {
        transform:scale(5) translateX(-50%);
        filter:drop-shadow(0 0px 24px yellow);
    }
    30% {
        transform:scale(5) translateX(-50%);
    }
    50% {
        transform:scale(0.8) translateX(-50%);
    }
    80% {
        transform:scale(1.2) translateX(-50%);
    }
    100% {
        transform:scale(1) translateX(-50%);
        filter:drop-shadow(0 5px 8px black);
    }
}

.versus span {
    color:yellow;
    display: block;
    font-size: 52px;
    letter-spacing: -7px;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
}

.playerwin {
    animation: anim-glow 1.5s ease-in-out infinite!important;
    box-shadow: 0 0 64px 8px yellow;
}

.fixed {
    position:fixed;
    position: fixed;
    top: 140px;
    left: 50%;
    transform: translateX(-50%);
}

#compare1-flag {
background-repeat: no-repeat;
    content:'';
    display:block;
    z-index:-10;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    filter:blur(12px);
    opacity:0.8;
    -webkit-clip-path: polygon(50% 0, 0 0, 0 100%, 50% 100%);
clip-path: polygon(50% 0, 0 0, 0 100%, 50% 100%);
}

#compare2-flag {
    background-repeat: no-repeat;
    content:'';
    display:block;
    z-index:-10;
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    filter:blur(12px);
    opacity:0.8;
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}

#compare1 .highestscore, #compare2 .highestscore {
    background-color:none;
    background:none;
}
#compare1 .player, #compare2 .player, #compare1 .map-container, #compare2 .map-container {
    background-color: rgba(23, 21, 100,1);
}

#compare1 .win {
    background: linear-gradient(-90deg, rgba(255,255,0,0.4), transparent);
    background-color: rgba(23, 21, 100,1);
}

#compare2 .win {
    background: linear-gradient(90deg, rgba(255,255,0,0.4), transparent);
    background-color: rgba(23, 21, 100,1);
}


#gamepage-background {
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    content:'';
    z-index:-10;
    overflow:hidden;
}

#gamepage-background img {
    filter:blur(6px);
    position: absolute;
    top: 60%;
    left: 0;
    transform: translateY(-55%);
    width: 140%;
    animation: anim-map 7s ease-in-out alternate infinite;
}

#gamepage-overlay {
    width: 110%;
    height: 110%;
    background: url("../img/output-onlinegiftools3.gif");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    mix-blend-mode: screen;
    left: -10%;
    top: 0;
    z-index: -5;
    animation: anim-onoff 4s linear infinite;
}

.gamepage {
        max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
}
.gamepage h2 {
    padding-top: 180px!important;
    color:yellow!important;
    font-size: 110px!important;
        margin-bottom: 20px;
}

.playerpage .title {
        font-family: 'Roboto';
    text-transform: none;
    letter-spacing: 0;
    font-size:140px;
margin-top: 380px;
margin-bottom: 72px;
    color:yellow;

}

.playerpage .playerbuttonactive {
    opacity: 0.35;
    filter: grayscale(1);
    mix-blend-mode: luminosity;
    background:white;
    color:black;
    text-shadow: none;

}

.playerpage .playerbuttonactive:hover {
    cursor:default;
    background:inherit;
}

#playerpage-background {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 540px;
    background-position: center center;
    background-size: 60% 60%;
    top: 0;
    left: 0;
}

#playerpage-background .biglevel {
        text-align: center;
    display: flex;
    text-align: center;
}
#playerpage-background .biglevel img {
    filter: drop-shadow(0 0 24px yellow) drop-shadow(0 0 64px yellow);
    width: 460px;
    padding-left:78px;
    margin-top: 160px;
    margin-left: auto;
    margin-right: auto;
}

.gamepage h3 {
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    letter-spacing: -5px;
    margin-bottom: 0px;
}
.gamepage h5 {
    margin-bottom: 90px;
}

.gamepage .gametable {
    width:100%;
}

.gamepage .gametable .gamerank, .playerpage .gametable .gamerank {
        position: absolute;
    left: 20px;
    top: 156px;
    background: yellow;
    padding: 20px 30px;
    font-size: 40px;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    color: white;
    box-shadow: 0 0 24px 8px yellow;
    animation: gamerank-anim 0.6s ease-in-out 1 forwards;
}
@keyframes gamerank-anim {
    0%{
        scale:0;
    }
    30%{
        scale:0;
    }
    60%{
        scale:1.3;
    }
    100%{
        scale:1;
    }
}
.gamepage .gametable .gamerank span,.playerpage .gametable .gamerank span {
    display: block;
    font-size: 17px;
    letter-spacing: -2px;
}

#game_extrascore .row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#game_extrascore .row:nth-child(2){
    animation:none!important;
}

#game_extrascore .row:hover {
    box-shadow:none;
    cursor:default!important;
}

.features {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#stats .features {
    grid-gap:10px;
}

.feature {
    font-family: 'Roboto',Helvetica, Arial, sans-serif;
    font-weight: bold;
    color:white;
    padding: 20px;
    filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -2px 0px #000) drop-shadow(1px 0px 0px #000) drop-shadow(-1px 1px 0px #000);
    background: rgb(23 21 100);
    border: 2px solid yellow;
}

#stats .feature {
    padding:10px;
}

.feature h2 {
    padding-top:200px;
    color:yellow;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

a.feature {
    text-decoration: none;
}

a.feature *:hover{
    cursor:pointer;

}
a.feature:hover {
        filter:none;
    box-shadow:0 0 24px 4px yellow;

}

a.feature:hover h2 {
    color:white;
}

#stats .feature h2 {
line-height: 54px;
    padding-top: 0;
    color: white;
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
font-size: 18px;
    letter-spacing: -2px;
    margin: 0;
    filter: none;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

#stats .feature p {
    color:yellow;
    letter-spacing: -9px;
    font-size: 48px;
    text-indent: -20px;
    font-family:'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    margin-bottom:15px;

}

#stats p {
        margin-bottom: 60px;
}



.loadlines {
width: 1890px;
    height: 1080px;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50.3%);
    z-index: -100;
    opacity: 0.5;
    filter: hue-rotate(0deg) saturate(1500%) drop-shadow(0px 0px 4px royalblue) drop-shadow(0px 0px 16px royalblue);
    animation: loadlines 3s linear infinite;
}
@keyframes loadlines {
    0% {
        opacity:0.3;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0.3;
    }
}


#playerstats .column {
    width:33%;
    padding:20px;
    margin:0;
}

#playerstats .column .row {
    grid-template-columns: 3fr 2fr;
    border-bottom:none;
    border-top:1px solid rgba(255,255,255,0.2);
}

#playerstats .column .row .col {
    grid-template-columns: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    border:none!important;
    text-transform: uppercase;
}

#playerstats .column .row .col:nth-child(2) {
    color:yellow;
    text-align: right;
    font-size:24px;
    letter-spacing:-3px;
    text-transform: none;
}

#playerstats .column .row div {
    border-left:none;
}

#playerstats .row:hover {
    cursor:default!important;
}
#playerstats {
    margin-left: 40px;
    margin-right: 40px;
}
#playerstats h3 {
text-align: left;
margin-top: 16px;
    margin-bottom: 16px;
    letter-spacing: -4px;
    width: 100%;
    font-size: 27px;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}

.levelhidefix {
        z-index: -1000000;
    position: absolute;
    opacity:0;
    left:-10000px;
}

#playergames .row, #playgames .rowth {
    grid-template-columns: 4fr 2fr 4fr 2fr 3fr 3fr 2fr 2fr 3fr 3fr 3fr;
}

#playergames .row .games, #playergames .row .maps {
    text-align:left;
    color:white;
    letter-spacing: 0;
    font-family: 'Roboto', Helvetica, Arial,sans-serif!important;
    font-size: 16px;
    font-weight: normal;
}

#playergames .row .maps, #winners .row .maps, #games .row .maps {
    padding:0;
}

#playergames .row .maps img,  #winners .row .maps img, #games .row .maps img {
    width: 98px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#playergames .row .ten {
    text-align:right;
    color:white;
    letter-spacing: 0;
    font-family: 'Roboto', Helvetica, Arial,sans-serif!important;
}

#playergames .row .ten a {

    color:white;
   text-decoration: none;
}

#playergames .row:hover .ten a {
color:yellow;
}


#playergames .row:nth-child(2) {
    animation:none;
}


#games .row:hover .alias a, #search .row:hover .alias a {
    color:yellow!important;
}

.playeroverlay {
    width: 100%;
    height: 100%;
    mix-blend-mode: hard-light;
    opacity:0.5;
    display: block;
    background: url("../img/curcuit.gif");
    background-size: 60%;
    background-position: center center;
    background-repeat: repeat;
    z-index: -100;
    position: fixed;
    top: 0;
    left: 0;
}

#player-badges, #player-prizes {
    display: block;
    width: 100%;
    position: relative;
}

#player-badges .badge, #player-prizes .prize {
    border: 2px solid rgba(255, 255, 255, 1);
    aspect-ratio: 0.85;
    padding: 20px;
    opacity: 0.3;
    width:250px;
    filter: grayscale(0.5);
    background:rgb(23 21 100);
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
#player-prizes .prize {
    text-decoration: none;
}
#player-badges .badge .quantity,
#floating-div .quantity {
    position: absolute;
    top: -8px;
    right: -8px;
    border: 2px solid yellow;
    border-radius: 100%;
    background: black;
    width: 42px;
    height: 42px;
    line-height: 38px;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.8);
}

#player-badges, #floating-div {
    text-indent: 0;
    letter-spacing: 0;
    font-family:'Robot',Helvetica,Arial,sans-serif;
}

#floating-div .quantity {
    top: -16px;
    right:-16px;
    width:64px;
    height:64px;
    line-height:64px;
    font-size:24px;
}

#player-badges .owned, #player-prizes .owned {
    opacity: 1;
    filter: grayscale(0);
    border: 2px solid rgba(255, 255, 255, 1);
}

#player-badges .badge_name {
    position: absolute;
    bottom: 0px;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: none;
    font-size: 24px;
    letter-spacing: 0;
    font-family: 'Roboto';
    filter: none;
    text-transform: none;
    text-indent: 0;
    line-height: 28px;
    width: calc(100% - 40px);
}

#player-prizes .prize_name {
    bottom: 0px;
    font-weight: bold;
    border-bottom: none;
    font-size: 24px;
    letter-spacing: 0;
    font-family: 'Roboto';
    filter: none;
    text-transform: none;
    text-indent: 0;
    margin-bottom:0px;
    line-height: 28px;

}

#player-badges .badge:hover, #player-prizes .prize:hover  {
    background: rgba(0, 0, 0, 0.85);
    border: 2px solid rgba(255, 255, 0, 1);
    box-shadow: 0 0 24px 0 yellow, 0 0 24px 4px rgba(255,255,0,0.6) inset;

}

#player-prizes .prize:hover, #player-prizes .prize *:hover  {
    cursor:pointer;
}

#player-prizes .prize:hover .prize_gameid, #player-prizes .prize *:hover .prize_gameid  {
   color:yellow;
}

#player-prizes .prize img {
    height: 130px;
    margin-top: 10px;
 margin-left:auto;
 margin-right:auto;
}

.prize .prize_description, .prize .prize_gameid {
    font-family: 'Roboto';
    color: white;
    font-size: 16px;
}
.prize .prize_score {
    color: yellow;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
letter-spacing: -4px;
    font-size: 30px;
}

#player-badges .badge:hover .badge_name {
    color: yellow;
}

#player-badges .badge .badge_description {
    opacity: 0;
    text-indent: -1000px;
}

#player-badges.fullscreen {
    height: 920px;
}


#floating-div .badge_description {
    opacity: 1;
    text-indent: 0px;
}

#floating-div {
    position: fixed;
    display: none;
    width: 520px;
    backdrop-filter: blur(8px);
    background: radial-gradient(circle, rgba(22, 42, 128, 0.7) 0%, rgba(3, 9, 48, 1) 100%);
    z-index: 4000;
    aspect-ratio: 0.85;
    border: 4px solid yellow;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.8);
}

#floating-div .badge_name {
    border-bottom: none;
    position: absolute;
    top: 20px;
    font-weight: bold;
    left: 50%;
    letter-spacing: 0;
    text-indent: 0;
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    transform: translateX(-50%);
    filter:none;
    text-transform: none;
    border-bottom: none;
    font-size: 24px;
    line-height: 28px;
    width: calc(100% - 40px);
}

#floating-div .badge_description {
    position: absolute;
    padding: 30px;
    bottom: 0px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    text-indent: 0px!important;
    width: 100%;
}

#floatfix {
    position: fixed;
    width:100%;
    height:100%;
    display:block;
    content:'';
}

#player-badges .inner, #player-prizes .inner {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    width: 100%;
    position: relative;
}

.nothingfound {
        display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    letter-spacing: -3px;
    font-size: 21px;
        text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

.statsback {
        display: block;
    z-index: -100;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-image: url("../img/stats.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    mix-blend-mode: screen;
}
.playerback {
    background-image: url("../img/player.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    mix-blend-mode: hard-light;
}

.globalback {
    background-image: url("../img/global.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    background-color: black;
}

.winnerback {
        background-image: url("../img/winners.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.highscoreback {
        background-image: url("../img/highscore.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    mix-blend-mode: screen;
}

.show-more {
    padding: 20px;
    background: #171564;
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.show-more:hover {
    color:yellow;
    background:#0f0d49;
    cursor:pointer;
}

#highscoreform {
    margin-bottom: 40px;
}
#highscoreform label {
        font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    letter-spacing: -3px;
}
#highscoreform select {
    border: 2px solid yellow;
    margin-left: 10px;
    margin-right: 30px;
    font-weight: bold;
    font-size: 18px;
    padding: 8px 10px;
    background: #171564;
    color: yellow;
    filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -2px 0px #000) drop-shadow(1px 0px 0px #000) drop-shadow(-1px 1px 0px #000);
    top: -5px;
    position: relative;
}

#highscoreform .button {
    border: 2px solid yellow;
    padding: 8px 30px;
    height: 46px;
    top: -1px;
    margin: 0;
}


.temperror {
    width: 100vw;
    height: calc(100% - 331px);
    font-family: 'Aviano900italic','Roboto',Helvetica,Arial,sans-serif;
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    font-size: 28px;
    letter-spacing: -4px;
    text-transform: uppercase;
    text-align: center;
    z-index: 10;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


footer {
    background:black;
}


footer, footer p {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    letter-spacing:0px;
    color:white;
    font-size:14px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
}
footer p {
        margin-top: 10px;
}

footer .inner {
    width:100%;
    padding-left:40px;
    padding-right:40px;
    max-width:1680px;
    margin-left:auto;
    margin-right:auto;
    display: grid;
    color:white;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap:20px;
    padding-top: 40px;
    padding-bottom: 60px;
}

footer ul {
    list-style: none;
}

footer li {
    font-family: 'Aviano700italic','Roboto',Helvetica,Arial,sans-serif;
    letter-spacing:-2px;
    font-weight: bold;
    color: white;
    font-size:18px;
}

footer .inner a {
    letter-spacing:0px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 0px;
    display: block;
    color: yellow;
    text-decoration: none;
}

footer .inner a:hover {
    cursor:pointer;
    color:white;
    text-decoration: underline;
        filter: drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 6px white) drop-shadow(0px 0px 16px white);
}


#connection-status {
    position: fixed;
    bottom: 40px;
    z-index: 300000000;
    left: 40px;
    border-radius: 12px;
    background: #4a4a4a;
    color: white;
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    text-align: center;
    display: block;
    padding: 20px 30px;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.5);
}




.sociallinks {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:10px;
}

.link-facebook {
    background:url("../svg/facebook.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 36px;
    filter:invert(1);
    display:block;
    content:'';
    text-indent: -10000px;
    overflow:hidden;
}
.link-youtube {
    background:url("../svg/youtube.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px;
    filter:invert(1);
    display:block;
    content:'';
    text-indent: -10000px;
    overflow:hidden;
}
.link-tiktok {
    background:url("../svg/tiktok.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px;
    filter:invert(1);
    display:block;
    content:'';
    text-indent: -10000px;
    overflow:hidden;
}
.sociallinks a {
    max-width: 36px;
    max-height: 36px;
    opacity:0.5;
}
.sociallinks a:hover {
    filter:invert(1)!important;
opacity:1;
cursor:pointer!important;
}