.elementor-11 .elementor-element.elementor-element-7ba9c40{--display:grid;--min-height:688px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-7ba9c40:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-7ba9c40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://huck.it.com/wp-content/uploads/2025/03/bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-ec00776{--display:flex;--min-height:100vh;--justify-content:space-between;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--flex-wrap:nowrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-11 .elementor-element.elementor-element-75045c9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-75045c9 img{max-width:40%;}.elementor-11 .elementor-element.elementor-element-c1486ea{--display:flex;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-11 .elementor-element.elementor-element-75a81c1{--display:flex;}.elementor-11 .elementor-element.elementor-element-d38c690{--display:flex;--min-height:50vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;border-style:solid;--border-style:solid;border-width:.20rem .20rem .20rem .20rem;--border-top-width:.20rem;--border-right-width:.20rem;--border-bottom-width:.20rem;--border-left-width:.20rem;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-b31f458{--display:flex;--min-height:3.4rem;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-b31f458:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-b31f458 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11 .elementor-element.elementor-element-0aeda0a .elementor-button{background-color:#00000000;}.elementor-11 .elementor-element.elementor-element-0aeda0a > .elementor-widget-container{background-image:url("https://huck.it.com/wp-content/uploads/2025/03/icon_action_info.png");margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-11 .elementor-element.elementor-element-0d3151b.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-0d3151b{text-align:center;}.elementor-11 .elementor-element.elementor-element-0d3151b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-11 .elementor-element.elementor-element-cb0a3a3 .elementor-button{background-color:#FFE36F00;}.elementor-11 .elementor-element.elementor-element-cb0a3a3 > .elementor-widget-container{background-image:url("https://huck.it.com/wp-content/uploads/2025/03/icon_action_close.png");margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-11 .elementor-element.elementor-element-4c9a612{--display:flex;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:.2rem;--padding-bottom:.2rem;--padding-left:.2rem;--padding-right:.2rem;}.elementor-11 .elementor-element.elementor-element-c91edb6{--display:flex;--min-height:3.4rem;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-c91edb6:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-c91edb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11 .elementor-element.elementor-element-4ea03bd.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-4ea03bd{text-align:center;}.elementor-11 .elementor-element.elementor-element-4ea03bd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-11 .elementor-element.elementor-element-2d6e801 .elementor-button{background-color:#FFE36F00;}.elementor-11 .elementor-element.elementor-element-2d6e801 > .elementor-widget-container{background-image:url("https://huck.it.com/wp-content/uploads/2025/03/icon_action_close.png");margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-11 .elementor-element.elementor-element-983aafc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:01rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-11 .elementor-element.elementor-element-07401b7{text-align:center;font-family:"Roboto", Sans-serif;font-size:2rem;font-weight:700;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-bd84b0e{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:auto;--padding-top:2rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-11 .elementor-element.elementor-element-780cc9a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-780cc9a{text-align:start;font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-c2abfb5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-c2abfb5{font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-88a3136 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-88a3136{text-align:start;font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-938559f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-938559f{font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-5977e0d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-5977e0d{text-align:start;font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-dad8ffc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-dad8ffc{font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-ada8632 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-ada8632{text-align:start;font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-037cf48 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-037cf48{font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-58e8886 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-58e8886{text-align:start;font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-4efa5ae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-4efa5ae{font-family:"Roboto", Sans-serif;font-size:1.6rem;font-weight:400;color:#FFFFFF;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-7ba9c40{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-7ba9c40{--width:100%;}.elementor-11 .elementor-element.elementor-element-4c9a612{--width:100%;}.elementor-11 .elementor-element.elementor-element-983aafc{--width:69%;}.elementor-11 .elementor-element.elementor-element-bd84b0e{--width:100%;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-7ba9c40{--width:500px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-ec00776{grid-column:span 1;grid-row:span 1;--z-index:10;}.elementor-11 .elementor-element.elementor-element-d38c690{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;grid-column:span 1;grid-row:span 1;--z-index:20;}.elementor-11 .elementor-element.elementor-element-4c9a612{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;grid-column:span 1;grid-row:span 1;--z-index:30;}}/* Start custom CSS for html, class: .elementor-element-c7e578d */.elementor-11 .elementor-element.elementor-element-c7e578d{
    flex: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e87e6a1 */.elementor-11 .elementor-element.elementor-element-e87e6a1{
    flex: 1;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-983aafc */.elementor-11 .elementor-element.elementor-element-983aafc{
    height: 100%;
}/* End custom CSS */
/* Start custom CSS */html, body {
            width: 100vw; /* fallback */
            width: 100dvw;
            height: 100vh; /* fallback */
            height: 100dvh;
            margin: 0;
            background-position: center;
            background-size: cover;
            overflow: hidden;
        }
        
        #root{
            height: 100dvh;
        }

        #gameList-container {
            max-height: 100dvh;
        }

        #iframe-container {
            height: 100%;
            max-height: 100dvh;
        }

        #info-container {
            max-height: 100dvh;
        }

        #gameList-scroll {
            /*height: 100%;
            width: 100%;
            overflow-y: auto;*/
            scrollbar-width: none;
            mask-image: linear-gradient(rgba(0, 0, 0, 0) 1%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 99%);
        }
        
        .hidden{
            display : none;
        }

        .gameGrid {
            width: 60%;
            justify-self: center;
            padding: 0;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            /*grid-template-columns: 1fr 1fr 1fr;*/
            gap: 0;
            justify-content: center;
            align-content: start;
        }

        .fullRow {
            grid-column-start: 1;
            grid-column-end: 6; 
            background-color: red;
        }

        #top-bottom-border {            
            flex-grow: 1;
            width: 100%;
            padding: 0;
            border-top: 0.1em solid #fecc00;
            border-bottom: 0.1em solid #fecc00;            
            background-image: linear-gradient(#fecb0028 1%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, #fecb0010 99%);
        }

        .button-container {
            padding: 0;
            height: fit-content;          
            margin-bottom: 1em;
        }

        .gameButton {
            width: 100%;
            aspect-ratio: 1/1;
            padding: 0;
            background-color: #00000000;
            background-image: url(images/temp_icon_idle.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 85%;
            border: none;
            cursor: pointer;
        }

        .gameName {
            font-size: 0.8em;
            color: #fecc00;
            text-shadow: black 0px 5px 10px;
            font-weight: bold;
            text-align: center;
            padding: 0.5em;
            min-height: 4em;
        }

        .singleImage{
            padding: 0;
            background-color: #00000000;
            background-image: url(images/temp_icon_idle.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        
        #info-text{
            flex: 1 1 0;
            scrollbar-width: none;
            mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
        }
        
        /* iframe menu, only for mobile */
        #iframe-menu {
            display: flex;
            justify-content: space-between;
            background-color: #000000;
        }

        #btn_close_iframe {
            padding: 0;
            height: 3em;
            aspect-ratio: 1/1;
        }

        #iframe-GameName{
            font-size: 18px;
            color: #fecc00;
            font-weight: bold;
            text-align: center;
        }

        #btn_info {
            padding: 0;
            height: 3em;
            aspect-ratio: 1/1;
        }

        /* Mobile-optimizations*/
        body[data-elementor-device-mode="mobile"] {
        .gameGrid{
            width: 90%;
            grid-template-columns: 1fr 1fr;
        }        
        .gameButton {
            width: 100%;
            font-size: 14px;
        }
        .gameName {
            font-size: 18px;
        }
        #root_container {
            grid-template-columns: 1fr;
        }
        /*put all containers in the same space*/
        #gameList-container, #iframe-container,  #info-container {
            grid-row: 1;
            grid-column: 1;
        }
        /*hide iframe and info on mobile by default
        and add black bg*/
        #iframe-container, #info-container {
            display: none;
            background: rgba(0,0,0,0.85);
        }
        }

        /* Hover effects only for desktop */
        body[data-elementor-device-mode="desktop"] {
        .gameButton{
            filter: grayscale(100%);
        }
        
        .gameButton:hover {
            filter: none;
            background-size: 100%;
            background-color: inherit;
        }
        #iframe-menu {
            display: none;
        }
        }/* End custom CSS */