@layer components {
  .game-page-wrap {
    --game-cols: repeat(9, minmax(0, 1fr)) 320px;
  }

  .game-desc-wrap  {
    --game-desc-col: 300px repeat(6, minmax(0, 1fr)) 300px;
  }

  .pw-standardIAB-tag {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }

  .game-leaderboard .pw-standardIAB-tag {
    padding-bottom: 0!important;
  }
}

@layer utilities {
    body.mobile-game-landscape .header {
        display: none;
    }

    body.mobile-game-landscape #mobile-top-container {
        top: 0;
    }

    body.mobile-game-landscape .instruction-drawer-button {
        right: 6px;
        top: 10px;
    }

    body.mobile-game-landscape [data-slot="drawer-content"] {
        left: 36px;
        width: calc(100% - 72px);
    }

    /* Only for ios 26 */
    @supports (color: contrast-color(red)) 
        and (margin-trim: block inline) 
        and (-webkit-touch-callout: none) {
        
        /* iOS 26+ only for giving effect on game pages */
        body.game-landing-page {
            background-color: var(--game-page-instructions-drawer-background);
        }
    }

    
}

@layer components {

    .instruction-drawer [data-vaul-handle] {
        opacity: 100% !important;
        background: none !important;
        width: 100% !important;
        height: auto !important;
        border-radius: var(--button-border-radius);
    }

    .instruction-drawer [data-vaul-handle-hitarea] {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        white-space: nowrap;
        padding-inline: 24px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        background-color: var(--game-page-instructions-drawer-background);
        color: var(--game-page-instructions-drawer-text);
        width: 100% !important;
        position: static !important;
        transform: none !important;
        height: auto !important;
        padding-block: 15px;
        line-height: 0.725;
        font-family: var(--ds-secondary-font);
        font-size: 18px;
        border-style: var(--button-border-style);
        border-width: 0;
        font-weight: 700;
    }

    .instruction-drawer svg {
        width: 16px;
        height: 16px;
    }
}

/*# sourceMappingURL=e335752aa81b3ddd.css.map*/