
.gtz-app {
    max-width: 520px;
    margin: 20px auto;
    padding: 18px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 20% 10%, rgba(255,255,255,.25), transparent 25%),
        linear-gradient(180deg, #0756cf 0%, #39b6ff 100%);
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    box-shadow: 0 28px 70px rgba(0,0,0,.24);
}

.gtz-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-radius: 22px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.22);
}

.gtz-player { display: flex; align-items: center; gap: 12px; }
.gtz-player strong, .gtz-player span { display: block; color: #fff; }

.gtz-avatar {
    width: 44px; height: 44px; background: #fff; border-radius: 50%;
    display: grid; place-items: center; font-size: 28px;
}

.gtz-balance {
    background: linear-gradient(180deg, #ffd736, #ffb900);
    color: #162950;
    font-weight: 900;
    padding: 10px 16px;
    border-radius: 999px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.14);
}

.gtz-hero-title { text-align: center; padding: 22px 10px 14px; }

.gtz-kicker {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.gtz-hero-title h1 {
    margin: 12px 0 8px;
    color: #fff !important;
    font-size: clamp(38px, 8vw, 56px);
    line-height: .95;
    font-weight: 950;
    text-shadow: 0 5px 0 rgba(0,0,0,.15);
}

.gtz-hero-title p { margin: 0; color: rgba(255,255,255,.95) !important; font-size: 15px; }

.gtz-cost {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 14px;
    background: #ffcc00;
    color: #162950;
    border-radius: 999px;
    font-weight: 900;
}

.gtz-ticket-card, .gtz-scale-card {
    background: #fff;
    color: #162950;
    border-radius: 28px;
    padding: 18px;
    margin-top: 14px;
    box-shadow: 0 12px 0 rgba(0,0,0,.07);
}

.gtz-ticket-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.gtz-ticket-head h2, .gtz-scale-card h2 {
    margin: 0;
    color: #162950 !important;
    font-size: 24px;
    font-weight: 900;
}

.gtz-small-btn {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffdf39, #ffb900);
    color: #162950;
    font-weight: 900;
    padding: 10px 15px;
    cursor: pointer;
    box-shadow: 0 5px 0 #d99600;
}

.gtz-scratch-zone {
    position: relative;
    min-height: 245px;
    border-radius: 24px;
    background: linear-gradient(135deg, #fff7d2, #ffe26a);
    border: 3px solid #ffd21f;
    overflow: hidden;
    touch-action: none;
    user-select: none;
}

.gtz-fruit-result {
    position: absolute;
    inset: 22px 18px auto 18px;
    display: flex;
    justify-content: center;
    gap: 12px;
    z-index: 1;
}

.gtz-fruit {
    width: 88px; height: 92px;
    border-radius: 20px;
    background: linear-gradient(180deg, #fff, #eaf3ff);
    border: 2px solid #8bb9ff;
    display: grid;
    place-items: center;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,.09), 0 6px 12px rgba(0,0,0,.12);
}

.gtz-fruit span { font-size: 44px; line-height: 1; }
.gtz-fruit small { font-size: 10px; font-weight: 800; color: #42577a; }

.gtz-placeholder {
    font-size: 42px;
    width: 70px; height: 70px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: #eef5ff;
    color:#162950;
    font-weight:900;
}

.gtz-win-message {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 20px;
    z-index: 1;
    text-align: center;
    font-size: 18px;
    color: #162950;
}

.gtz-win-message span {
    display: inline-block;
    margin-top: 6px;
    font-size: 30px;
    font-weight: 950;
    color: #e53935;
}

#gtzScratchCanvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: crosshair;
    touch-action: none;
    user-select: none;
}

#gtzScratchCanvas.gtz-revealed { pointer-events: none; }

.gtz-scale-list {
    margin-top: 14px;
    max-height: 260px;
    overflow: auto;
    padding-right: 5px;
}

.gtz-scale-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    background: #f3f7ff;
    border: 1px solid #dbe8ff;
    border-radius: 14px;
    padding: 10px 12px;
    margin-bottom: 8px;
    font-weight: 800;
    font-size:13px;
}

.gtz-scale-row strong { color: #e53935; white-space:nowrap; }
.gtz-loading { color: #162950; font-weight: 900; padding-top: 35px; }

@media (max-width: 520px) {
    .gtz-app { margin: 0; border-radius: 0; min-height: 100vh; }
    .gtz-ticket-head { flex-direction: column; }
    .gtz-fruit { width: 76px; height: 86px; }
    .gtz-fruit span { font-size: 38px; }
}

/* V6 - Bouton encaissement */
.gtz-cashout {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    z-index: 3;
    border: 0;
    border-radius: 999px;
    padding: 13px 22px;
    background: linear-gradient(180deg, #33d16b, #0d9e48);
    color: #fff;
    font-weight: 950;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 6px 0 #087a36, 0 12px 20px rgba(0,0,0,.18);
    display: none;
}
.gtz-cashout:disabled {
    opacity: .45;
    cursor: not-allowed;
}
.gtz-cashout.is-visible {
    display: inline-block;
}
.gtz-win-message.is-cashed span {
    color: #0d9e48;
}
#gtzScratchCanvas {
    display: block;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}


/* V6.2 - Correction simple design ticket */
.gtz-scratch-zone {
    min-height: 300px !important;
}

.gtz-fruit-result {
    top: 24px !important;
}

.gtz-win-message {
    left: 18px !important;
    right: 18px !important;
    bottom: 82px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

.gtz-win-message strong {
    display: block;
    color: #162950 !important;
    font-weight: 900 !important;
}

.gtz-win-message span {
    display: block !important;
    margin-top: 6px !important;
    font-size: 28px !important;
}

.gtz-cashout {
    bottom: 24px !important;
}


/* V6.4 - Perdu + favoris */
.gtz-ticket-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gtz-fav-btn {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: #fff2f2;
    color: #e53935;
    font-size: 26px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 4px 0 #f3b5b5;
    line-height: 1;
}

.gtz-fav-btn.is-active {
    background: #e53935;
    color: #fff;
    box-shadow: 0 4px 0 #a82424;
}

.gtz-win-message.is-lost {
    bottom: 34px !important;
}

.gtz-win-message.is-lost strong {
    color: #e53935 !important;
    font-size: 24px;
}

.gtz-sad-mushroom {
    display: block !important;
    margin: 8px 0 4px !important;
    font-size: 44px !important;
    line-height: 1 !important;
    color: inherit !important;
}

.gtz-win-message.is-lost em {
    display: block;
    color: #162950;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
}


/* V6.5 - Champignons Gratzilla */
.gtz-sad-mushroom img {
    width: 72px;
    height: auto;
    display: block;
    margin: 8px auto;
}


/* V6.6 - Avatar champignon */
.gtz-avatar-icon img {
    width: 42px;
    height: 42px;
    display: block;
    object-fit: contain;
}


/* V6.7 - Correction avatar + champignon gain/perte */
.gtz-avatar {
    overflow: hidden !important;
}

.gtz-avatar img,
.gtz-avatar-icon img {
    width: 44px !important;
    height: 44px !important;
    display: block !important;
    object-fit: contain !important;
}

.gtz-happy-mushroom img {
    width: 82px;
    height: auto;
    display: block;
    margin: 8px auto 4px;
}

.gtz-sad-mushroom img {
    width: 82px;
    height: auto;
    display: block;
    margin: 8px auto 4px;
}


/* ==========================================================
   V7 - Mobile app layout Gratzilla
   ========================================================== */

.gtz-app { position: relative; overflow: hidden; }

.gtz-hero-title h1 {
    font-family: Arial Black, Impact, system-ui, sans-serif !important;
    letter-spacing: -1px;
    background: linear-gradient(180deg, #ffffff 0%, #eaf5ff 45%, #95d5ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 5px 0 rgba(7, 58, 147, .45));
}

.gtz-hero-title h1::after {
    content: "";
    display: block;
    width: 120px;
    height: 6px;
    margin: 10px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #ffcf22, #ff7b00, #ffcf22);
    box-shadow: 0 3px 0 rgba(0,0,0,.18);
}

.gtz-ticket-card {
    border-radius: 34px !important;
    background: radial-gradient(circle at 20% 0%, rgba(255,255,255,1), rgba(255,255,255,.96) 45%, #f5f9ff 100%);
    border: 1px solid rgba(255,255,255,.75);
}

.gtz-scratch-zone {
    border-radius: 30px !important;
    background: radial-gradient(circle at 50% 0%, #fff8c4 0%, #ffe978 38%, #ffc928 100%) !important;
    box-shadow:
        inset 0 0 0 3px rgba(255,255,255,.35),
        inset 0 -16px 30px rgba(255,132,0,.10),
        0 10px 20px rgba(0,0,0,.08);
}

.gtz-bottom-nav {
    position: fixed;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    z-index: 9999;
    width: min(520px, calc(100vw - 22px));
    height: 68px;
    border-radius: 24px;
    background: rgba(8,42,109,.94);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 12px 35px rgba(0,0,0,.28);
    border: 1px solid rgba(255,255,255,.18);
}

.gtz-bottom-nav a {
    color: rgba(255,255,255,.72);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    min-width: 58px;
    font-size: 12px;
    font-weight: 800;
}

.gtz-bottom-nav a span { font-size: 23px; line-height: 1; }
.gtz-bottom-nav a em { font-style: normal; }
.gtz-bottom-nav a.active { color: #ffcf22; }
.gtz-landscape-warning { display: none; }

@media (max-width: 700px) and (orientation: portrait) {
    html, body { max-width: 100%; overflow-x: hidden; }
    body {
        background: linear-gradient(180deg, #0756cf, #35b8ff) !important;
        padding-bottom: 88px;
    }

    .gtz-app {
        width: 100vw !important;
        max-width: none !important;
        min-height: calc(100vh - 78px);
        margin: 0 !important;
        border-radius: 0 !important;
        padding: 12px 14px 88px !important;
        box-shadow: none !important;
    }

    .gtz-topbar {
        padding: 10px 12px !important;
        border-radius: 20px !important;
        margin-bottom: 8px;
    }

    .gtz-avatar, .gtz-avatar img {
        width: 46px !important;
        height: 46px !important;
    }

    .gtz-player { gap: 10px !important; }
    .gtz-player strong { font-size: 15px; }
    .gtz-player span { font-size: 13px; }

    .gtz-balance {
        padding: 10px 15px !important;
        font-size: 16px;
    }

    .gtz-hero-title { padding: 12px 4px 12px !important; }

    .gtz-kicker {
        font-size: 10px !important;
        padding: 5px 10px !important;
    }

    .gtz-hero-title h1 {
        font-size: clamp(42px, 13vw, 58px) !important;
        line-height: .88 !important;
        margin: 10px 0 8px !important;
    }

    .gtz-hero-title h1::after {
        width: 96px;
        height: 5px;
        margin-top: 8px;
    }

    .gtz-hero-title p {
        max-width: 310px;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 1.35;
    }

    .gtz-cost {
        margin-top: 10px !important;
        padding: 7px 13px !important;
        font-size: 13px !important;
    }

    .gtz-ticket-card {
        margin-top: 10px !important;
        padding: 14px !important;
        border-radius: 28px !important;
    }

    .gtz-ticket-head {
        flex-direction: row !important;
        align-items: center !important;
        margin-bottom: 10px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 24px !important;
        line-height: 1 !important;
    }

    .gtz-ticket-actions { gap: 8px; }

    .gtz-fav-btn {
        width: 42px !important;
        height: 42px !important;
        font-size: 24px !important;
    }

    .gtz-small-btn {
        padding: 11px 14px !important;
        font-size: 13px !important;
        white-space: nowrap;
    }

    .gtz-scratch-zone {
        min-height: 282px !important;
        border-radius: 26px !important;
    }

    .gtz-fruit-result {
        top: 18px !important;
        gap: 8px !important;
    }

    .gtz-fruit {
        width: 76px !important;
        height: 86px !important;
        border-radius: 18px !important;
    }

    .gtz-fruit span { font-size: 38px !important; }

    .gtz-win-message {
        bottom: 75px !important;
        font-size: 16px !important;
        padding: 0 6px;
    }

    .gtz-win-message span { font-size: 25px !important; }

    .gtz-cashout {
        bottom: 22px !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
    }

    .gtz-scale-card {
        margin-top: 12px !important;
        padding: 14px !important;
        border-radius: 26px !important;
        max-height: 230px;
        overflow: hidden;
    }

    .gtz-scale-card h2 { font-size: 22px !important; }
    .gtz-scale-list { max-height: 170px !important; }

    .gtz-scale-row {
        font-size: 12px !important;
        padding: 9px 10px !important;
    }
}

@media (max-width: 900px) and (orientation: landscape) {
    .gtz-app, .gtz-bottom-nav { display: none !important; }

    .gtz-landscape-warning {
        position: fixed;
        inset: 0;
        z-index: 999999;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #0756cf, #071f59);
        color: #fff;
        text-align: center;
        padding: 24px;
        font-family: Arial, sans-serif;
    }

    .gtz-landscape-warning div { font-size: 68px; margin-bottom: 18px; }
    .gtz-landscape-warning strong { font-size: 28px; margin-bottom: 8px; }
    .gtz-landscape-warning p {
        max-width: 360px;
        font-size: 16px;
        line-height: 1.4;
        margin: 0;
    }
}


/* V7.1 - Portrait only and centered mobile layout */
@media (max-width: 768px) and (orientation: portrait) {
    body.page-template-default,
    body {
        margin: 0 !important;
        padding: 0 0 90px 0 !important;
        background: linear-gradient(180deg, #0756cf, #35b8ff) !important;
    }

    #page-container,
    #main-content,
    .container,
    .et_pb_section,
    .et_pb_row,
    .et_pb_column {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .gtz-app {
        display: block !important;
        width: 100% !important;
        max-width: 560px !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    .gtz-app,
    .gtz-bottom-nav {
        display: none !important;
    }
    .gtz-landscape-warning {
        display: flex !important;
    }
}


/* ==========================================================
   V7.3 - Titre image propre + suppression textes inutiles
   ========================================================== */

.gtz-hero-title .gtz-kicker {
    display: none !important;
}

.gtz-hero-title p {
    display: none !important;
}

.gtz-hero-title .gtz-cost,
.gtz-cost {
    display: none !important;
}

.gtz-hero-title {
    padding: 10px 4px 12px !important;
}

.gtz-title-image-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 4px auto 8px !important;
    padding: 0 !important;
}

.gtz-title-image {
    display: block !important;
    width: min(96%, 460px) !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

.gtz-ticket-head h2 {
    font-size: 26px !important;
    line-height: 1.05 !important;
    max-width: 210px !important;
}

@media (max-width: 768px) {
    .gtz-hero-title {
        padding: 8px 0 10px !important;
    }

    .gtz-title-image {
        width: 100% !important;
        max-height: 105px !important;
    }

    .gtz-ticket-card {
        margin-top: 8px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 25px !important;
        max-width: 190px !important;
    }
}


/* ==========================================================
   V7.4 - Image titre Fruits Gambler + MushCoins
   ========================================================== */

.gtz-hero-title .gtz-kicker,
.gtz-hero-title p,
.gtz-hero-title .gtz-cost,
.gtz-cost {
    display: none !important;
}

.gtz-hero-title {
    padding: 8px 4px 12px !important;
}

.gtz-title-image-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 4px auto 8px !important;
    padding: 0 !important;
}

.gtz-title-image {
    display: block !important;
    width: min(88%, 430px) !important;
    max-height: 118px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
}

.gtz-ticket-head h2 {
    font-size: 24px !important;
    line-height: 1.05 !important;
    max-width: 230px !important;
}

.gtz-balance::after {
    content: " MushCoins";
    font-size: 10px;
    font-weight: 800;
    margin-left: 4px;
    opacity: .9;
}

@media (max-width: 768px) {
    .gtz-title-image {
        width: min(94%, 360px) !important;
        max-height: 92px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 22px !important;
        max-width: 205px !important;
    }

    .gtz-hero-title {
        padding-top: 6px !important;
        padding-bottom: 8px !important;
    }
}

@media (max-width: 420px) {
    .gtz-title-image {
        width: 94% !important;
        max-height: 84px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 20px !important;
        max-width: 180px !important;
    }

    .gtz-balance::after {
        display: none;
    }
}


/* ==========================================================
   V7.5 - FINAL : titre image pleine largeur + 4 MushCoins compact
   ========================================================== */

/* Titre image Fruits Gambler plus large mais pas trop haut */
.gtz-title-image-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 6px auto 14px !important;
    padding: 0 !important;
}

.gtz-title-image {
    display: block !important;
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;
    max-height: 135px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* On garde l'écran compact */
.gtz-hero-title {
    padding: 8px 0 12px !important;
}

/* On masque les anciens textes */
.gtz-hero-title .gtz-kicker,
.gtz-hero-title p,
.gtz-hero-title .gtz-cost,
.gtz-cost {
    display: none !important;
}

/* Ligne du ticket */
.gtz-ticket-head {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

/* Texte du coût en une ligne */
.gtz-ticket-head h2 {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #162950 !important;
    white-space: nowrap !important;
    max-width: none !important;
}

/* Pièce MushCoin dessinée en CSS : bleue avec points blancs */
.gtz-ticket-head h2::before {
    content: "";
    display: inline-block;
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 28%, #ffffff 0 10%, transparent 11%),
        radial-gradient(circle at 68% 22%, #ffffff 0 8%, transparent 9%),
        radial-gradient(circle at 72% 70%, #ffffff 0 6%, transparent 7%),
        linear-gradient(145deg, #48c9ff 0%, #0074e8 48%, #003c9d 100%);
    border: 2px solid #ffffff;
    box-shadow:
        inset 0 -3px 0 rgba(0,0,0,.22),
        0 3px 0 rgba(0,0,0,.15);
}

/* Le bouton reste lisible */
.gtz-small-btn {
    white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 768px) {
    .gtz-title-image {
        width: 100% !important;
        max-width: none !important;
        max-height: 112px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 18px !important;
        gap: 6px !important;
    }

    .gtz-ticket-head h2::before {
        width: 23px !important;
        height: 23px !important;
        flex-basis: 23px !important;
    }

    .gtz-ticket-card {
        padding: 14px !important;
    }
}

/* Très petit mobile */
@media (max-width: 420px) {
    .gtz-title-image {
        max-height: 96px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 16px !important;
    }

    .gtz-ticket-head h2::before {
        width: 21px !important;
        height: 21px !important;
        flex-basis: 21px !important;
    }

    .gtz-small-btn {
        font-size: 12px !important;
        padding: 10px 12px !important;
    }
}


/* ==========================================================
   V7.6 - Titre plus grand + picto MushCoins amélioré
   ========================================================== */

/* Le logo du jeu prend plus d'espace, sans écraser le ticket */
.gtz-title-image-wrap {
    margin: 0 auto 18px !important;
}

.gtz-title-image {
    width: 100% !important;
    max-width: 540px !important;
    max-height: 170px !important;
    object-fit: contain !important;
}

/* Réduction de l'espace perdu autour du titre */
.gtz-hero-title {
    padding: 10px 0 18px !important;
}

/* Picto MushCoins dans la ligne "4 MushCoins" */
.gtz-ticket-head h2::before {
    background: url('../img/mushcoin-premium.png') no-repeat center center !important;
    background-size: contain !important;
    border: 0 !important;
    box-shadow: none !important;
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
}

/* Picto MushCoins dans le compteur du haut */
.gtz-balance {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.gtz-balance::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    background: url('../img/mushcoin-premium.png') no-repeat center center;
    background-size: contain;
}

/* On évite le double pictogramme emoji/pièce ancien si présent */
.gtz-balance {
    font-size: 15px !important;
}

/* Mobile */
@media (max-width: 768px) {
    .gtz-title-image {
        width: 100% !important;
        max-width: none !important;
        max-height: 145px !important;
    }

    .gtz-hero-title {
        padding: 8px 0 16px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 18px !important;
    }

    .gtz-ticket-head h2::before {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .gtz-balance::before {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }
}

/* Très petit mobile */
@media (max-width: 420px) {
    .gtz-title-image {
        max-height: 128px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 17px !important;
    }

    .gtz-ticket-head h2::before {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }
}


/* ==========================================================
   V7.7 - Réduction espace titre + nouveau MushCoin
   ========================================================== */

/* Zone du header plus compacte */
.gtz-hero,
.gtz-hero-title {
    padding-bottom: 8px !important;
    margin-bottom: 6px !important;
}

/* Image titre plus grande mais plus proche du ticket */
.gtz-title-image-wrap {
    margin: 4px auto 8px !important;
    padding: 0 !important;
}

.gtz-title-image {
    width: 100% !important;
    max-width: 560px !important;
    max-height: 185px !important;
    object-fit: contain !important;
}

/* Supprime tout espace après le titre */
.gtz-hero-subtitle,
.gtz-hero-description {
    display: none !important;
}

/* Le ticket remonte */
.gtz-ticket-card,
.gtz-ticket {
    margin-top: 0 !important;
}

/* Picto MushCoin plus propre */
.gtz-ticket-head h2::before {
    background: url('../img/mushcoin-premium.png') no-repeat center center !important;
    background-size: contain !important;
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    border: 0 !important;
    box-shadow: none !important;
}

.gtz-balance::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    background: url('../img/mushcoin-premium.png') no-repeat center center;
    background-size: contain;
    margin-right: 4px;
}

/* Mobile */
@media (max-width: 768px) {
    .gtz-title-image-wrap {
        margin: 0 auto 4px !important;
    }

    .gtz-title-image {
        max-height: 145px !important;
    }

    .gtz-hero,
    .gtz-hero-title {
        padding-bottom: 4px !important;
        margin-bottom: 2px !important;
    }

    .gtz-ticket-head h2::before {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }

    .gtz-balance::before {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }
}

/* V8.0 - Lobby des jeux */
.gtz-lobby-app{padding-bottom:100px!important}
.gtz-lobby-title{text-align:center;padding:18px 8px 16px}
.gtz-lobby-title span{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}
.gtz-lobby-title h1{margin:12px 0 6px;color:#fff!important;font-family:Arial Black,Impact,sans-serif;font-size:clamp(34px,8vw,48px);line-height:.95;text-shadow:0 5px 0 rgba(0,0,0,.16)}
.gtz-lobby-title p{max-width:390px;margin:0 auto;color:rgba(255,255,255,.92)!important;font-size:14px;line-height:1.35}
.gtz-games-grid{display:grid;grid-template-columns:1fr;gap:14px}
.gtz-game-card{position:relative;display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;padding:14px;border-radius:28px;background:radial-gradient(circle at 20% 0%,#fff 0%,#f7fbff 55%,#eaf3ff 100%);color:#162950;box-shadow:0 12px 0 rgba(0,0,0,.08),0 18px 30px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.8);overflow:hidden}
.gtz-game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,207,34,.22),transparent 34%);pointer-events:none}
.gtz-game-logo,.gtz-game-placeholder{position:relative;z-index:1;width:118px;min-height:94px;border-radius:22px;background:linear-gradient(180deg,#0967d8,#36b7ff);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -8px 0 rgba(0,0,0,.08)}
.gtz-game-logo img{width:110px;max-height:82px;object-fit:contain;display:block}
.gtz-game-placeholder{font-size:54px}
.gtz-game-info{position:relative;z-index:1;min-width:0}
.gtz-game-info h2{margin:0 34px 5px 0;color:#162950!important;font-size:22px;font-weight:950;line-height:1.05}
.gtz-game-info p{margin:0 0 10px;color:#52627d!important;font-size:13px;line-height:1.32}
.gtz-game-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.gtz-game-meta span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f1f6ff;border:1px solid #dbe8ff;color:#162950;font-size:11px;font-weight:900}
.gtz-mini-coin{width:16px;height:16px;display:inline-block;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff 0 13%,transparent 14%),radial-gradient(circle at 68% 25%,#fff 0 9%,transparent 10%),linear-gradient(145deg,#48c9ff 0%,#0074e8 48%,#003c9d 100%);border:1px solid #fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.gtz-game-play{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 18px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffdf39,#ffb900);color:#162950!important;font-weight:950;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 #d99600}
.gtz-game-play:disabled{opacity:.65;cursor:not-allowed}
.gtz-game-fav{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#e53935;font-size:24px;font-weight:900;line-height:1;box-shadow:0 4px 0 rgba(0,0,0,.10);cursor:pointer}
.gtz-game-soon{position:absolute;right:12px;top:12px;z-index:2;padding:6px 10px;border-radius:999px;background:#162950;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase}
.gtz-game-card.is-coming{opacity:.88}
@media(max-width:520px){.gtz-lobby-title{padding-top:12px}.gtz-game-card{grid-template-columns:96px 1fr;gap:12px;padding:12px;border-radius:24px}.gtz-game-logo,.gtz-game-placeholder{width:96px;min-height:86px;border-radius:19px}.gtz-game-logo img{width:92px;max-height:76px}.gtz-game-placeholder{font-size:44px}.gtz-game-info h2{font-size:19px}.gtz-game-info p{font-size:12px}.gtz-game-meta span{font-size:10px;padding:5px 8px}.gtz-game-play{min-height:35px;padding:9px 16px;font-size:13px}}


/* ==========================================================
   V8.1 - Lobby fonctionnel : liens + titre plus compact
   ========================================================== */

.gtz-lobby-title h1 {
    font-size: clamp(30px, 7vw, 42px) !important;
}

@media (max-width: 520px) {
    .gtz-lobby-title h1 {
        font-size: 34px !important;
    }

    .gtz-lobby-title p {
        font-size: 13px !important;
    }
}

.gtz-app {
    max-width: 520px;
    margin: 20px auto;
    padding: 18px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 20% 10%, rgba(255,255,255,.25), transparent 25%),
        linear-gradient(180deg, #0756cf 0%, #39b6ff 100%);
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    box-shadow: 0 28px 70px rgba(0,0,0,.24);
}

.gtz-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-radius: 22px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.22);
}

.gtz-player { display: flex; align-items: center; gap: 12px; }
.gtz-player strong, .gtz-player span { display: block; color: #fff; }

.gtz-avatar {
    width: 44px; height: 44px; background: #fff; border-radius: 50%;
    display: grid; place-items: center; font-size: 28px;
}

.gtz-balance {
    background: linear-gradient(180deg, #ffd736, #ffb900);
    color: #162950;
    font-weight: 900;
    padding: 10px 16px;
    border-radius: 999px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.14);
}

.gtz-hero-title { text-align: center; padding: 22px 10px 14px; }

.gtz-kicker {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.gtz-hero-title h1 {
    margin: 12px 0 8px;
    color: #fff !important;
    font-size: clamp(38px, 8vw, 56px);
    line-height: .95;
    font-weight: 950;
    text-shadow: 0 5px 0 rgba(0,0,0,.15);
}

.gtz-hero-title p { margin: 0; color: rgba(255,255,255,.95) !important; font-size: 15px; }

.gtz-cost {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 14px;
    background: #ffcc00;
    color: #162950;
    border-radius: 999px;
    font-weight: 900;
}

.gtz-ticket-card, .gtz-scale-card {
    background: #fff;
    color: #162950;
    border-radius: 28px;
    padding: 18px;
    margin-top: 14px;
    box-shadow: 0 12px 0 rgba(0,0,0,.07);
}

.gtz-ticket-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.gtz-ticket-head h2, .gtz-scale-card h2 {
    margin: 0;
    color: #162950 !important;
    font-size: 24px;
    font-weight: 900;
}

.gtz-small-btn {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffdf39, #ffb900);
    color: #162950;
    font-weight: 900;
    padding: 10px 15px;
    cursor: pointer;
    box-shadow: 0 5px 0 #d99600;
}

.gtz-scratch-zone {
    position: relative;
    min-height: 245px;
    border-radius: 24px;
    background: linear-gradient(135deg, #fff7d2, #ffe26a);
    border: 3px solid #ffd21f;
    overflow: hidden;
    touch-action: none;
    user-select: none;
}

.gtz-fruit-result {
    position: absolute;
    inset: 22px 18px auto 18px;
    display: flex;
    justify-content: center;
    gap: 12px;
    z-index: 1;
}

.gtz-fruit {
    width: 88px; height: 92px;
    border-radius: 20px;
    background: linear-gradient(180deg, #fff, #eaf3ff);
    border: 2px solid #8bb9ff;
    display: grid;
    place-items: center;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,.09), 0 6px 12px rgba(0,0,0,.12);
}

.gtz-fruit span { font-size: 44px; line-height: 1; }
.gtz-fruit small { font-size: 10px; font-weight: 800; color: #42577a; }

.gtz-placeholder {
    font-size: 42px;
    width: 70px; height: 70px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: #eef5ff;
    color:#162950;
    font-weight:900;
}

.gtz-win-message {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 20px;
    z-index: 1;
    text-align: center;
    font-size: 18px;
    color: #162950;
}

.gtz-win-message span {
    display: inline-block;
    margin-top: 6px;
    font-size: 30px;
    font-weight: 950;
    color: #e53935;
}

#gtzScratchCanvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: crosshair;
    touch-action: none;
    user-select: none;
}

#gtzScratchCanvas.gtz-revealed { pointer-events: none; }

.gtz-scale-list {
    margin-top: 14px;
    max-height: 260px;
    overflow: auto;
    padding-right: 5px;
}

.gtz-scale-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    background: #f3f7ff;
    border: 1px solid #dbe8ff;
    border-radius: 14px;
    padding: 10px 12px;
    margin-bottom: 8px;
    font-weight: 800;
    font-size:13px;
}

.gtz-scale-row strong { color: #e53935; white-space:nowrap; }
.gtz-loading { color: #162950; font-weight: 900; padding-top: 35px; }

@media (max-width: 520px) {
    .gtz-app { margin: 0; border-radius: 0; min-height: 100vh; }
    .gtz-ticket-head { flex-direction: column; }
    .gtz-fruit { width: 76px; height: 86px; }
    .gtz-fruit span { font-size: 38px; }
}

/* V6 - Bouton encaissement */
.gtz-cashout {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    z-index: 3;
    border: 0;
    border-radius: 999px;
    padding: 13px 22px;
    background: linear-gradient(180deg, #33d16b, #0d9e48);
    color: #fff;
    font-weight: 950;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 6px 0 #087a36, 0 12px 20px rgba(0,0,0,.18);
    display: none;
}
.gtz-cashout:disabled {
    opacity: .45;
    cursor: not-allowed;
}
.gtz-cashout.is-visible {
    display: inline-block;
}
.gtz-win-message.is-cashed span {
    color: #0d9e48;
}
#gtzScratchCanvas {
    display: block;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}


/* V6.2 - Correction simple design ticket */
.gtz-scratch-zone {
    min-height: 300px !important;
}

.gtz-fruit-result {
    top: 24px !important;
}

.gtz-win-message {
    left: 18px !important;
    right: 18px !important;
    bottom: 82px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

.gtz-win-message strong {
    display: block;
    color: #162950 !important;
    font-weight: 900 !important;
}

.gtz-win-message span {
    display: block !important;
    margin-top: 6px !important;
    font-size: 28px !important;
}

.gtz-cashout {
    bottom: 24px !important;
}


/* V6.4 - Perdu + favoris */
.gtz-ticket-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gtz-fav-btn {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: #fff2f2;
    color: #e53935;
    font-size: 26px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 4px 0 #f3b5b5;
    line-height: 1;
}

.gtz-fav-btn.is-active {
    background: #e53935;
    color: #fff;
    box-shadow: 0 4px 0 #a82424;
}

.gtz-win-message.is-lost {
    bottom: 34px !important;
}

.gtz-win-message.is-lost strong {
    color: #e53935 !important;
    font-size: 24px;
}

.gtz-sad-mushroom {
    display: block !important;
    margin: 8px 0 4px !important;
    font-size: 44px !important;
    line-height: 1 !important;
    color: inherit !important;
}

.gtz-win-message.is-lost em {
    display: block;
    color: #162950;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
}


/* V6.5 - Champignons Gratzilla */
.gtz-sad-mushroom img {
    width: 72px;
    height: auto;
    display: block;
    margin: 8px auto;
}


/* V6.6 - Avatar champignon */
.gtz-avatar-icon img {
    width: 42px;
    height: 42px;
    display: block;
    object-fit: contain;
}


/* V6.7 - Correction avatar + champignon gain/perte */
.gtz-avatar {
    overflow: hidden !important;
}

.gtz-avatar img,
.gtz-avatar-icon img {
    width: 44px !important;
    height: 44px !important;
    display: block !important;
    object-fit: contain !important;
}

.gtz-happy-mushroom img {
    width: 82px;
    height: auto;
    display: block;
    margin: 8px auto 4px;
}

.gtz-sad-mushroom img {
    width: 82px;
    height: auto;
    display: block;
    margin: 8px auto 4px;
}


/* ==========================================================
   V7 - Mobile app layout Gratzilla
   ========================================================== */

.gtz-app { position: relative; overflow: hidden; }

.gtz-hero-title h1 {
    font-family: Arial Black, Impact, system-ui, sans-serif !important;
    letter-spacing: -1px;
    background: linear-gradient(180deg, #ffffff 0%, #eaf5ff 45%, #95d5ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 5px 0 rgba(7, 58, 147, .45));
}

.gtz-hero-title h1::after {
    content: "";
    display: block;
    width: 120px;
    height: 6px;
    margin: 10px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #ffcf22, #ff7b00, #ffcf22);
    box-shadow: 0 3px 0 rgba(0,0,0,.18);
}

.gtz-ticket-card {
    border-radius: 34px !important;
    background: radial-gradient(circle at 20% 0%, rgba(255,255,255,1), rgba(255,255,255,.96) 45%, #f5f9ff 100%);
    border: 1px solid rgba(255,255,255,.75);
}

.gtz-scratch-zone {
    border-radius: 30px !important;
    background: radial-gradient(circle at 50% 0%, #fff8c4 0%, #ffe978 38%, #ffc928 100%) !important;
    box-shadow:
        inset 0 0 0 3px rgba(255,255,255,.35),
        inset 0 -16px 30px rgba(255,132,0,.10),
        0 10px 20px rgba(0,0,0,.08);
}

.gtz-bottom-nav {
    position: fixed;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    z-index: 9999;
    width: min(520px, calc(100vw - 22px));
    height: 68px;
    border-radius: 24px;
    background: rgba(8,42,109,.94);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 12px 35px rgba(0,0,0,.28);
    border: 1px solid rgba(255,255,255,.18);
}

.gtz-bottom-nav a {
    color: rgba(255,255,255,.72);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    min-width: 58px;
    font-size: 12px;
    font-weight: 800;
}

.gtz-bottom-nav a span { font-size: 23px; line-height: 1; }
.gtz-bottom-nav a em { font-style: normal; }
.gtz-bottom-nav a.active { color: #ffcf22; }
.gtz-landscape-warning { display: none; }

@media (max-width: 700px) and (orientation: portrait) {
    html, body { max-width: 100%; overflow-x: hidden; }
    body {
        background: linear-gradient(180deg, #0756cf, #35b8ff) !important;
        padding-bottom: 88px;
    }

    .gtz-app {
        width: 100vw !important;
        max-width: none !important;
        min-height: calc(100vh - 78px);
        margin: 0 !important;
        border-radius: 0 !important;
        padding: 12px 14px 88px !important;
        box-shadow: none !important;
    }

    .gtz-topbar {
        padding: 10px 12px !important;
        border-radius: 20px !important;
        margin-bottom: 8px;
    }

    .gtz-avatar, .gtz-avatar img {
        width: 46px !important;
        height: 46px !important;
    }

    .gtz-player { gap: 10px !important; }
    .gtz-player strong { font-size: 15px; }
    .gtz-player span { font-size: 13px; }

    .gtz-balance {
        padding: 10px 15px !important;
        font-size: 16px;
    }

    .gtz-hero-title { padding: 12px 4px 12px !important; }

    .gtz-kicker {
        font-size: 10px !important;
        padding: 5px 10px !important;
    }

    .gtz-hero-title h1 {
        font-size: clamp(42px, 13vw, 58px) !important;
        line-height: .88 !important;
        margin: 10px 0 8px !important;
    }

    .gtz-hero-title h1::after {
        width: 96px;
        height: 5px;
        margin-top: 8px;
    }

    .gtz-hero-title p {
        max-width: 310px;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 1.35;
    }

    .gtz-cost {
        margin-top: 10px !important;
        padding: 7px 13px !important;
        font-size: 13px !important;
    }

    .gtz-ticket-card {
        margin-top: 10px !important;
        padding: 14px !important;
        border-radius: 28px !important;
    }

    .gtz-ticket-head {
        flex-direction: row !important;
        align-items: center !important;
        margin-bottom: 10px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 24px !important;
        line-height: 1 !important;
    }

    .gtz-ticket-actions { gap: 8px; }

    .gtz-fav-btn {
        width: 42px !important;
        height: 42px !important;
        font-size: 24px !important;
    }

    .gtz-small-btn {
        padding: 11px 14px !important;
        font-size: 13px !important;
        white-space: nowrap;
    }

    .gtz-scratch-zone {
        min-height: 282px !important;
        border-radius: 26px !important;
    }

    .gtz-fruit-result {
        top: 18px !important;
        gap: 8px !important;
    }

    .gtz-fruit {
        width: 76px !important;
        height: 86px !important;
        border-radius: 18px !important;
    }

    .gtz-fruit span { font-size: 38px !important; }

    .gtz-win-message {
        bottom: 75px !important;
        font-size: 16px !important;
        padding: 0 6px;
    }

    .gtz-win-message span { font-size: 25px !important; }

    .gtz-cashout {
        bottom: 22px !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
    }

    .gtz-scale-card {
        margin-top: 12px !important;
        padding: 14px !important;
        border-radius: 26px !important;
        max-height: 230px;
        overflow: hidden;
    }

    .gtz-scale-card h2 { font-size: 22px !important; }
    .gtz-scale-list { max-height: 170px !important; }

    .gtz-scale-row {
        font-size: 12px !important;
        padding: 9px 10px !important;
    }
}

@media (max-width: 900px) and (orientation: landscape) {
    .gtz-app, .gtz-bottom-nav { display: none !important; }

    .gtz-landscape-warning {
        position: fixed;
        inset: 0;
        z-index: 999999;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #0756cf, #071f59);
        color: #fff;
        text-align: center;
        padding: 24px;
        font-family: Arial, sans-serif;
    }

    .gtz-landscape-warning div { font-size: 68px; margin-bottom: 18px; }
    .gtz-landscape-warning strong { font-size: 28px; margin-bottom: 8px; }
    .gtz-landscape-warning p {
        max-width: 360px;
        font-size: 16px;
        line-height: 1.4;
        margin: 0;
    }
}


/* V7.1 - Portrait only and centered mobile layout */
@media (max-width: 768px) and (orientation: portrait) {
    body.page-template-default,
    body {
        margin: 0 !important;
        padding: 0 0 90px 0 !important;
        background: linear-gradient(180deg, #0756cf, #35b8ff) !important;
    }

    #page-container,
    #main-content,
    .container,
    .et_pb_section,
    .et_pb_row,
    .et_pb_column {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .gtz-app {
        display: block !important;
        width: 100% !important;
        max-width: 560px !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    .gtz-app,
    .gtz-bottom-nav {
        display: none !important;
    }
    .gtz-landscape-warning {
        display: flex !important;
    }
}


/* ==========================================================
   V7.3 - Titre image propre + suppression textes inutiles
   ========================================================== */

.gtz-hero-title .gtz-kicker {
    display: none !important;
}

.gtz-hero-title p {
    display: none !important;
}

.gtz-hero-title .gtz-cost,
.gtz-cost {
    display: none !important;
}

.gtz-hero-title {
    padding: 10px 4px 12px !important;
}

.gtz-title-image-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 4px auto 8px !important;
    padding: 0 !important;
}

.gtz-title-image {
    display: block !important;
    width: min(96%, 460px) !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

.gtz-ticket-head h2 {
    font-size: 26px !important;
    line-height: 1.05 !important;
    max-width: 210px !important;
}

@media (max-width: 768px) {
    .gtz-hero-title {
        padding: 8px 0 10px !important;
    }

    .gtz-title-image {
        width: 100% !important;
        max-height: 105px !important;
    }

    .gtz-ticket-card {
        margin-top: 8px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 25px !important;
        max-width: 190px !important;
    }
}


/* ==========================================================
   V7.4 - Image titre Fruits Gambler + MushCoins
   ========================================================== */

.gtz-hero-title .gtz-kicker,
.gtz-hero-title p,
.gtz-hero-title .gtz-cost,
.gtz-cost {
    display: none !important;
}

.gtz-hero-title {
    padding: 8px 4px 12px !important;
}

.gtz-title-image-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 4px auto 8px !important;
    padding: 0 !important;
}

.gtz-title-image {
    display: block !important;
    width: min(88%, 430px) !important;
    max-height: 118px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
}

.gtz-ticket-head h2 {
    font-size: 24px !important;
    line-height: 1.05 !important;
    max-width: 230px !important;
}

.gtz-balance::after {
    content: " MushCoins";
    font-size: 10px;
    font-weight: 800;
    margin-left: 4px;
    opacity: .9;
}

@media (max-width: 768px) {
    .gtz-title-image {
        width: min(94%, 360px) !important;
        max-height: 92px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 22px !important;
        max-width: 205px !important;
    }

    .gtz-hero-title {
        padding-top: 6px !important;
        padding-bottom: 8px !important;
    }
}

@media (max-width: 420px) {
    .gtz-title-image {
        width: 94% !important;
        max-height: 84px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 20px !important;
        max-width: 180px !important;
    }

    .gtz-balance::after {
        display: none;
    }
}


/* ==========================================================
   V7.5 - FINAL : titre image pleine largeur + 4 MushCoins compact
   ========================================================== */

/* Titre image Fruits Gambler plus large mais pas trop haut */
.gtz-title-image-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 6px auto 14px !important;
    padding: 0 !important;
}

.gtz-title-image {
    display: block !important;
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;
    max-height: 135px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* On garde l'écran compact */
.gtz-hero-title {
    padding: 8px 0 12px !important;
}

/* On masque les anciens textes */
.gtz-hero-title .gtz-kicker,
.gtz-hero-title p,
.gtz-hero-title .gtz-cost,
.gtz-cost {
    display: none !important;
}

/* Ligne du ticket */
.gtz-ticket-head {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

/* Texte du coût en une ligne */
.gtz-ticket-head h2 {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #162950 !important;
    white-space: nowrap !important;
    max-width: none !important;
}

/* Pièce MushCoin dessinée en CSS : bleue avec points blancs */
.gtz-ticket-head h2::before {
    content: "";
    display: inline-block;
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 28%, #ffffff 0 10%, transparent 11%),
        radial-gradient(circle at 68% 22%, #ffffff 0 8%, transparent 9%),
        radial-gradient(circle at 72% 70%, #ffffff 0 6%, transparent 7%),
        linear-gradient(145deg, #48c9ff 0%, #0074e8 48%, #003c9d 100%);
    border: 2px solid #ffffff;
    box-shadow:
        inset 0 -3px 0 rgba(0,0,0,.22),
        0 3px 0 rgba(0,0,0,.15);
}

/* Le bouton reste lisible */
.gtz-small-btn {
    white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 768px) {
    .gtz-title-image {
        width: 100% !important;
        max-width: none !important;
        max-height: 112px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 18px !important;
        gap: 6px !important;
    }

    .gtz-ticket-head h2::before {
        width: 23px !important;
        height: 23px !important;
        flex-basis: 23px !important;
    }

    .gtz-ticket-card {
        padding: 14px !important;
    }
}

/* Très petit mobile */
@media (max-width: 420px) {
    .gtz-title-image {
        max-height: 96px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 16px !important;
    }

    .gtz-ticket-head h2::before {
        width: 21px !important;
        height: 21px !important;
        flex-basis: 21px !important;
    }

    .gtz-small-btn {
        font-size: 12px !important;
        padding: 10px 12px !important;
    }
}


/* ==========================================================
   V7.6 - Titre plus grand + picto MushCoins amélioré
   ========================================================== */

/* Le logo du jeu prend plus d'espace, sans écraser le ticket */
.gtz-title-image-wrap {
    margin: 0 auto 18px !important;
}

.gtz-title-image {
    width: 100% !important;
    max-width: 540px !important;
    max-height: 170px !important;
    object-fit: contain !important;
}

/* Réduction de l'espace perdu autour du titre */
.gtz-hero-title {
    padding: 10px 0 18px !important;
}

/* Picto MushCoins dans la ligne "4 MushCoins" */
.gtz-ticket-head h2::before {
    background: url('../img/mushcoin-premium.png') no-repeat center center !important;
    background-size: contain !important;
    border: 0 !important;
    box-shadow: none !important;
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
}

/* Picto MushCoins dans le compteur du haut */
.gtz-balance {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.gtz-balance::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    background: url('../img/mushcoin-premium.png') no-repeat center center;
    background-size: contain;
}

/* On évite le double pictogramme emoji/pièce ancien si présent */
.gtz-balance {
    font-size: 15px !important;
}

/* Mobile */
@media (max-width: 768px) {
    .gtz-title-image {
        width: 100% !important;
        max-width: none !important;
        max-height: 145px !important;
    }

    .gtz-hero-title {
        padding: 8px 0 16px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 18px !important;
    }

    .gtz-ticket-head h2::before {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .gtz-balance::before {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }
}

/* Très petit mobile */
@media (max-width: 420px) {
    .gtz-title-image {
        max-height: 128px !important;
    }

    .gtz-ticket-head h2 {
        font-size: 17px !important;
    }

    .gtz-ticket-head h2::before {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }
}


/* ==========================================================
   V7.7 - Réduction espace titre + nouveau MushCoin
   ========================================================== */

/* Zone du header plus compacte */
.gtz-hero,
.gtz-hero-title {
    padding-bottom: 8px !important;
    margin-bottom: 6px !important;
}

/* Image titre plus grande mais plus proche du ticket */
.gtz-title-image-wrap {
    margin: 4px auto 8px !important;
    padding: 0 !important;
}

.gtz-title-image {
    width: 100% !important;
    max-width: 560px !important;
    max-height: 185px !important;
    object-fit: contain !important;
}

/* Supprime tout espace après le titre */
.gtz-hero-subtitle,
.gtz-hero-description {
    display: none !important;
}

/* Le ticket remonte */
.gtz-ticket-card,
.gtz-ticket {
    margin-top: 0 !important;
}

/* Picto MushCoin plus propre */
.gtz-ticket-head h2::before {
    background: url('../img/mushcoin-premium.png') no-repeat center center !important;
    background-size: contain !important;
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    border: 0 !important;
    box-shadow: none !important;
}

.gtz-balance::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    background: url('../img/mushcoin-premium.png') no-repeat center center;
    background-size: contain;
    margin-right: 4px;
}

/* Mobile */
@media (max-width: 768px) {
    .gtz-title-image-wrap {
        margin: 0 auto 4px !important;
    }

    .gtz-title-image {
        max-height: 145px !important;
    }

    .gtz-hero,
    .gtz-hero-title {
        padding-bottom: 4px !important;
        margin-bottom: 2px !important;
    }

    .gtz-ticket-head h2::before {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }

    .gtz-balance::before {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }
}

/* V8.0 - Lobby des jeux */
.gtz-lobby-app{padding-bottom:100px!important}
.gtz-lobby-title{text-align:center;padding:18px 8px 16px}
.gtz-lobby-title span{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}
.gtz-lobby-title h1{margin:12px 0 6px;color:#fff!important;font-family:Arial Black,Impact,sans-serif;font-size:clamp(34px,8vw,48px);line-height:.95;text-shadow:0 5px 0 rgba(0,0,0,.16)}
.gtz-lobby-title p{max-width:390px;margin:0 auto;color:rgba(255,255,255,.92)!important;font-size:14px;line-height:1.35}
.gtz-games-grid{display:grid;grid-template-columns:1fr;gap:14px}
.gtz-game-card{position:relative;display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;padding:14px;border-radius:28px;background:radial-gradient(circle at 20% 0%,#fff 0%,#f7fbff 55%,#eaf3ff 100%);color:#162950;box-shadow:0 12px 0 rgba(0,0,0,.08),0 18px 30px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.8);overflow:hidden}
.gtz-game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,207,34,.22),transparent 34%);pointer-events:none}
.gtz-game-logo,.gtz-game-placeholder{position:relative;z-index:1;width:118px;min-height:94px;border-radius:22px;background:linear-gradient(180deg,#0967d8,#36b7ff);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -8px 0 rgba(0,0,0,.08)}
.gtz-game-logo img{width:110px;max-height:82px;object-fit:contain;display:block}
.gtz-game-placeholder{font-size:54px}
.gtz-game-info{position:relative;z-index:1;min-width:0}
.gtz-game-info h2{margin:0 34px 5px 0;color:#162950!important;font-size:22px;font-weight:950;line-height:1.05}
.gtz-game-info p{margin:0 0 10px;color:#52627d!important;font-size:13px;line-height:1.32}
.gtz-game-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.gtz-game-meta span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f1f6ff;border:1px solid #dbe8ff;color:#162950;font-size:11px;font-weight:900}
.gtz-mini-coin{width:16px;height:16px;display:inline-block;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff 0 13%,transparent 14%),radial-gradient(circle at 68% 25%,#fff 0 9%,transparent 10%),linear-gradient(145deg,#48c9ff 0%,#0074e8 48%,#003c9d 100%);border:1px solid #fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.gtz-game-play{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 18px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffdf39,#ffb900);color:#162950!important;font-weight:950;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 #d99600}
.gtz-game-play:disabled{opacity:.65;cursor:not-allowed}
.gtz-game-fav{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#e53935;font-size:24px;font-weight:900;line-height:1;box-shadow:0 4px 0 rgba(0,0,0,.10);cursor:pointer}
.gtz-game-soon{position:absolute;right:12px;top:12px;z-index:2;padding:6px 10px;border-radius:999px;background:#162950;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase}
.gtz-game-card.is-coming{opacity:.88}
@media(max-width:520px){.gtz-lobby-title{padding-top:12px}.gtz-game-card{grid-template-columns:96px 1fr;gap:12px;padding:12px;border-radius:24px}.gtz-game-logo,.gtz-game-placeholder{width:96px;min-height:86px;border-radius:19px}.gtz-game-logo img{width:92px;max-height:76px}.gtz-game-placeholder{font-size:44px}.gtz-game-info h2{font-size:19px}.gtz-game-info p{font-size:12px}.gtz-game-meta span{font-size:10px;padding:5px 8px}.gtz-game-play{min-height:35px;padding:9px 16px;font-size:13px}}


/* ==========================================================
   V8.1 - Lobby fonctionnel : liens + titre plus compact
   ========================================================== */

.gtz-lobby-title h1 {
    font-size: clamp(30px, 7vw, 42px) !important;
}

@media (max-width: 520px) {
    .gtz-lobby-title h1 {
        font-size: 34px !important;
    }

    .gtz-lobby-title p {
        font-size: 13px !important;
    }
}


/* ==========================================================
   V9 - Galaxy Explorer
   ========================================================== */
.gtz-galaxy-app {
    max-width: 620px !important;
    background:
      radial-gradient(circle at 20% 16%, rgba(77, 195, 255, .20), transparent 25%),
      radial-gradient(circle at 90% 24%, rgba(150, 85, 255, .24), transparent 24%),
      linear-gradient(180deg, #07164a 0%, #061139 48%, #08256b 100%) !important;
    border: 1px solid rgba(75, 127, 255, .45);
    color: #fff;
}

.gtz-galaxy-top {
    display: grid;
    grid-template-columns: 52px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 26px;
    background: rgba(2, 15, 55, .62);
    border: 1px solid rgba(77, 126, 255, .45);
}

.gtz-back-btn {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(255,255,255,.12);
    color: #fff !important;
    text-decoration: none;
    font-size: 46px;
    line-height: 1;
    font-weight: 900;
}

.gtz-galaxy-hero {
    position: relative;
    text-align: center;
    padding: 28px 12px 22px;
    overflow: hidden;
}

.gtz-galaxy-hero h1 {
    margin: 0;
    line-height: .9;
    font-family: Arial Black, Impact, sans-serif;
    text-shadow: 0 7px 0 rgba(0,0,0,.25), 0 0 22px rgba(75, 180, 255, .45);
}

.gtz-galaxy-hero h1 span {
    display: block;
    color: #fff;
    font-size: clamp(44px, 11vw, 78px);
    -webkit-text-stroke: 2px #1d75ff;
}

.gtz-galaxy-hero h1 strong {
    display: block;
    margin-top: 6px;
    color: #ffca2c;
    font-size: clamp(32px, 8vw, 54px);
    -webkit-text-stroke: 2px #133c8b;
}

.gtz-galaxy-hero p {
    max-width: 480px;
    margin: 18px auto 0;
    font-size: 18px;
    line-height: 1.35;
    color: #fff !important;
}

.gtz-planet-deco {
    position: absolute;
    top: 34px;
    font-size: 70px;
    opacity: .95;
    filter: drop-shadow(0 10px 16px rgba(0,0,0,.28));
}

.gtz-planet-left { left: 8px; }
.gtz-planet-right { right: 16px; }

.gtz-galaxy-ticket {
    position: relative;
    margin: 0 10px 18px;
    padding: 64px 18px 22px;
    border-radius: 28px;
    background: rgba(0, 32, 112, .66);
    border: 2px solid rgba(47, 106, 255, .80);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.gtz-galaxy-cost-label {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 9px 24px;
    border-radius: 999px;
    background: linear-gradient(180deg, #1749bd, #092963);
    color: rgba(255,255,255,.75);
    font-weight: 900;
    font-size: 14px;
}

.gtz-galaxy-cost {
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 30px;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffe15d, #ffb800);
    color: #061a45;
    font-weight: 950;
    font-size: 20px;
    box-shadow: 0 8px 0 rgba(0,0,0,.25);
    white-space: nowrap;
}

.gtz-galaxy-scratch {
    position: relative;
    height: 250px;
    border-radius: 22px;
    overflow: hidden;
    background: radial-gradient(circle at 50% 45%, #263d72, #071b50 70%);
}

.gtz-galaxy-scratch canvas {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    touch-action: none;
}

.gtz-galaxy-overlay-text {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: grid;
    place-items: center;
    text-align: center;
    pointer-events: none;
    color: #122b63;
    font-family: Arial Black, Impact, sans-serif;
}

.gtz-galaxy-overlay-text div { font-size: 42px; opacity: .72; }
.gtz-galaxy-overlay-text strong { display:block; font-size: 38px; }
.gtz-galaxy-overlay-text span { display:block; font-size: 28px; margin-top: 7px; }

.gtz-galaxy-result {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #fff;
}

.gtz-galaxy-result.is-visible { display: flex; }

.gtz-galaxy-planet-icon {
    font-size: 76px;
    filter: drop-shadow(0 12px 18px rgba(0,0,0,.35));
}

.gtz-galaxy-result strong {
    margin-top: 8px;
    font-size: 28px;
    font-weight: 950;
}

.gtz-galaxy-result span {
    margin-top: 6px;
    color: #ffdf39;
    font-size: 34px;
    font-weight: 950;
}

.gtz-galaxy-cashout {
    margin-top: 14px;
    border: 0;
    border-radius: 999px;
    padding: 12px 24px;
    background: linear-gradient(180deg, #33d16b, #0d9e48);
    color: #fff;
    font-weight: 950;
    box-shadow: 0 6px 0 #087a36;
}

.gtz-galaxy-help {
    margin: 16px 0 0;
    text-align: center;
    color: rgba(255,255,255,.75) !important;
    font-weight: 800;
}

.gtz-galaxy-scale {
    margin: 0 10px 18px;
    padding: 16px 12px;
    border-radius: 28px;
    background: rgba(0, 21, 74, .72);
    border: 2px solid rgba(47, 106, 255, .75);
}

.gtz-galaxy-scale h2 {
    margin: -30px auto 14px;
    width: max-content;
    padding: 8px 28px;
    border-radius: 999px;
    background: #07164a;
    border: 2px solid rgba(80, 118, 255, .55);
    color: #fff !important;
    font-size: 16px;
    font-weight: 950;
}

.gtz-planet-list {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 8px;
}

.gtz-planet-row {
    text-align: center;
    color: #fff;
    border-left: 1px solid rgba(255,255,255,.12);
}

.gtz-planet-emoji {
    font-size: 38px;
    height: 48px;
    display: grid;
    place-items: center;
}

.gtz-planet-row strong {
    display: block;
    font-size: 12px;
}

.gtz-planet-row span {
    margin-top: 6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-size: 20px;
    font-weight: 950;
}

.gtz-galaxy-tip {
    margin: 0 10px;
    padding: 16px 20px;
    border-radius: 24px;
    background: rgba(0, 21, 74, .62);
    border: 2px solid rgba(47, 106, 255, .55);
    display: grid;
    grid-template-columns: 48px 1fr 60px;
    align-items: center;
    gap: 14px;
}

.gtz-galaxy-tip span {
    width: 46px; height: 46px; display:grid; place-items:center; border-radius:50%;
    background: rgba(255,255,255,.10);
    color:#ffdf39;
}

.gtz-galaxy-tip p {
    margin: 0;
    color: #fff !important;
    font-size: 17px;
    line-height: 1.3;
}

.gtz-galaxy-tip strong { font-size: 44px; }

.gtz-galaxy-card-logo {
    background: radial-gradient(circle at 50% 35%, #5fd7ff, #0c46bc 78%) !important;
}

@media(max-width: 620px) {
    .gtz-galaxy-app { border-radius: 0 !important; margin: 0 !important; padding: 12px 12px 92px !important; }
    .gtz-galaxy-top { grid-template-columns: 44px 1fr auto; gap: 8px; }
    .gtz-back-btn { width: 42px; height:42px; font-size: 38px; }
    .gtz-planet-deco { font-size: 48px; top: 44px; }
    .gtz-galaxy-hero { padding: 22px 8px 18px; }
    .gtz-galaxy-hero h1 span { font-size: 46px; }
    .gtz-galaxy-hero h1 strong { font-size: 34px; }
    .gtz-galaxy-hero p { font-size: 15px; }
    .gtz-galaxy-ticket { padding: 60px 12px 16px; margin-left: 0; margin-right: 0; }
    .gtz-galaxy-cost { font-size: 17px; padding: 10px 22px; }
    .gtz-galaxy-scratch { height: 218px; }
    .gtz-galaxy-overlay-text strong { font-size: 31px; }
    .gtz-galaxy-overlay-text span { font-size: 22px; }
    .gtz-planet-list { grid-template-columns: repeat(4, 1fr); row-gap: 14px; }
    .gtz-galaxy-tip { grid-template-columns: 38px 1fr 44px; padding: 12px; }
    .gtz-galaxy-tip p { font-size: 14px; }
    .gtz-galaxy-tip strong { font-size: 34px; }
}


/* ==========================================================
   V9.1 - Galaxy admin + vraie révélation après % gratté
   ========================================================== */

.gtz-galaxy-scratch {
    background:
        radial-gradient(circle at 50% 45%, rgba(69, 142, 255, .28), transparent 34%),
        radial-gradient(circle at 50% 55%, #142e76, #071b50 72%) !important;
}

.gtz-galaxy-result {
    padding: 18px;
}

.gtz-galaxy-planet-orbit {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 35% 28%, rgba(255,255,255,.45), transparent 18%),
        radial-gradient(circle at 50% 50%, rgba(64,190,255,.35), transparent 55%);
    box-shadow:
        0 0 35px rgba(80, 190, 255, .55),
        inset 0 0 22px rgba(255,255,255,.16);
    animation: gtzPlanetPop .45s ease-out both;
}

.gtz-galaxy-planet-icon {
    font-size: 112px !important;
    line-height: 1;
    transform: translateY(-2px);
    filter:
        drop-shadow(0 16px 18px rgba(0,0,0,.38))
        drop-shadow(0 0 20px rgba(96, 190, 255, .55));
}

.gtz-galaxy-result strong {
    margin-top: 12px !important;
    font-size: 30px !important;
    color: #fff !important;
    text-shadow: 0 3px 0 rgba(0,0,0,.25);
}

.gtz-galaxy-result span {
    color: #ffdf39 !important;
    font-size: 38px !important;
    text-shadow: 0 4px 0 rgba(0,0,0,.28);
}

.gtz-galaxy-overlay-text em {
    display: inline-block;
    margin-top: 12px;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,.35);
    color: #10265c;
    font-style: normal;
    font-weight: 950;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

#gtzGalaxyCanvas {
    opacity: 1;
    transition: opacity .35s ease;
}

#gtzGalaxyCanvas.gtz-revealed {
    opacity: 0;
    pointer-events: none;
}

@keyframes gtzPlanetPop {
    0% { transform: scale(.45) rotate(-12deg); opacity: 0; }
    70% { transform: scale(1.10) rotate(3deg); opacity: 1; }
    100% { transform: scale(1) rotate(0); opacity: 1; }
}

@media(max-width: 620px) {
    .gtz-galaxy-planet-orbit {
        width: 126px;
        height: 126px;
    }

    .gtz-galaxy-planet-icon {
        font-size: 94px !important;
    }

    .gtz-galaxy-result strong {
        font-size: 24px !important;
    }

    .gtz-galaxy-result span {
        font-size: 32px !important;
    }
}


/* ==========================================================
   V9.2 - Galaxy Explorer : planète en fond + nouveau ticket
   ========================================================== */

.gtz-galaxy-ticket {
    padding-top: 78px !important;
}

.gtz-galaxy-cost-row {
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 4;
}

.gtz-galaxy-cost-row .gtz-galaxy-cost {
    position: static !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    white-space: nowrap;
}

.gtz-galaxy-new-ticket {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffdf39, #ffb900);
    color: #061a45;
    font-weight: 950;
    padding: 12px 18px;
    cursor: pointer;
    box-shadow: 0 6px 0 #b97b00;
    white-space: nowrap;
}

.gtz-galaxy-scratch {
    height: 280px !important;
    border: 3px solid rgba(255, 210, 70, .92);
    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,.18),
        0 18px 30px rgba(0,0,0,.25);
}

/* La planète est sous la surface à gratter : elle apparaît au fur et à mesure */
.gtz-galaxy-result {
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 0 !important;
    color: #fff;
    overflow: hidden;
}

.gtz-galaxy-reveal-card {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, rgba(255, 208, 58, .28), transparent 33%),
        radial-gradient(circle at 50% 50%, #5b3000 0%, #210d00 72%);
}

.gtz-galaxy-planet-bg {
    position: absolute;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 33% 25%, rgba(255,255,255,.85), transparent 13%),
        radial-gradient(circle at 68% 42%, rgba(255,255,255,.18), transparent 12%),
        radial-gradient(circle at 42% 65%, rgba(120,40,0,.22), transparent 16%),
        radial-gradient(circle at 50% 50%, #ffd85a 0%, #ff9d00 44%, #d45f00 76%, #7a2500 100%);
    box-shadow:
        0 0 42px rgba(255, 193, 31, .95),
        0 0 95px rgba(255, 135, 0, .45);
    transform: scale(.96);
    transition: transform .35s ease;
}

.gtz-galaxy-reveal-card.is-revealed .gtz-galaxy-planet-bg {
    transform: scale(1.08);
}

.gtz-galaxy-reveal-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 50%, transparent 0 26%, rgba(255, 204, 73, .60) 27%, transparent 52%),
        radial-gradient(circle at 22% 20%, rgba(255,255,255,.8) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 26%, rgba(255,255,255,.8) 0 2px, transparent 3px),
        radial-gradient(circle at 18% 72%, rgba(255,255,255,.75) 0 2px, transparent 3px),
        radial-gradient(circle at 86% 78%, rgba(255,255,255,.75) 0 2px, transparent 3px);
    opacity: .9;
    pointer-events: none;
}

.gtz-galaxy-reveal-text {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    text-align: center;
    opacity: 0;
    transform: translateY(12px);
    transition: .35s ease;
}

.gtz-galaxy-reveal-card.is-revealed .gtz-galaxy-reveal-text {
    opacity: 1;
    transform: translateY(0);
}

.gtz-galaxy-reveal-text strong {
    display: block;
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 950;
    text-shadow: 0 4px 0 rgba(0,0,0,.35);
}

.gtz-galaxy-reveal-text span {
    display: block;
    margin-top: 3px;
    color: #ffdf39 !important;
    font-size: 34px !important;
    font-weight: 950;
    text-shadow: 0 4px 0 rgba(0,0,0,.35);
}

.gtz-galaxy-overlay-text {
    color: #142a63 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45);
}

.gtz-galaxy-overlay-text strong {
    font-size: 34px !important;
}

.gtz-galaxy-overlay-text span {
    font-size: 22px !important;
}

/* Canvas doit recouvrir tout et gratter la surface */
#gtzGalaxyCanvas {
    z-index: 3 !important;
}

@media(max-width: 620px) {
    .gtz-galaxy-ticket {
        padding-top: 96px !important;
    }

    .gtz-galaxy-cost-row {
        top: 24px;
        flex-direction: column;
        gap: 8px;
    }

    .gtz-galaxy-new-ticket {
        padding: 9px 16px;
        font-size: 13px;
    }

    .gtz-galaxy-scratch {
        height: 270px !important;
    }

    .gtz-galaxy-planet-bg {
        width: 218px;
        height: 218px;
    }

    .gtz-galaxy-reveal-text strong {
        font-size: 22px !important;
    }

    .gtz-galaxy-reveal-text span {
        font-size: 30px !important;
    }
}


/* ==========================================================
   V9.3 - Galaxy : grattage total possible + planète propre
   ========================================================== */

/* La zone doit ressembler à un vrai ticket complet */
.gtz-galaxy-scratch {
    height: 310px !important;
    border-radius: 24px !important;
    border: 3px solid #ffd84a !important;
    background: #071b50 !important;
}

/* Le résultat est toujours sous la couche à gratter */
.gtz-galaxy-result {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    overflow: hidden !important;
    background: #071b50 !important;
}

/* Fond spatial derrière la planète */
.gtz-galaxy-reveal-card {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    display: block !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(92, 178, 255, .28), transparent 36%),
        radial-gradient(circle at 18% 22%, rgba(255,255,255,.9) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 24%, rgba(255,255,255,.8) 0 2px, transparent 3px),
        radial-gradient(circle at 30% 78%, rgba(255,255,255,.7) 0 2px, transparent 3px),
        radial-gradient(circle at 86% 74%, rgba(255,255,255,.75) 0 2px, transparent 3px),
        linear-gradient(180deg, #081a52 0%, #061039 100%) !important;
}

/* Planète centrale soignée */
.gtz-galaxy-planet-bg {
    position: absolute !important;
    left: 50% !important;
    top: 44% !important;
    width: 185px !important;
    height: 185px !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    box-shadow:
        0 0 34px rgba(110, 190, 255, .50),
        0 0 78px rgba(70, 140, 255, .30),
        inset -22px -28px 34px rgba(0, 0, 0, .32),
        inset 18px 16px 24px rgba(255, 255, 255, .28) !important;
}

/* Anneau possible pour Saturne/Jupiter selon classe JS */
.gtz-galaxy-planet-bg::after {
    content: "";
    display: none;
}

/* Style planète avec anneau */
.gtz-galaxy-planet-bg.has-ring::after {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 280px;
    height: 58px;
    transform: translate(-50%, -50%) rotate(-18deg);
    border-radius: 50%;
    border: 16px solid rgba(255, 215, 105, .88);
    border-left-color: rgba(255, 244, 185, .65);
    border-right-color: rgba(170, 115, 40, .75);
    box-shadow: 0 0 18px rgba(255, 210, 80, .45);
    z-index: -1;
}

/* Cache l'ancien rendu emoji s'il reste dans le DOM */
.gtz-galaxy-planet-orbit,
.gtz-galaxy-planet-icon {
    display: none !important;
}

/* Texte résultat affiché seulement après seuil, mais le canvas reste grattable */
.gtz-galaxy-reveal-text {
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 16px !important;
    z-index: 2 !important;
    padding: 11px 12px 12px !important;
    border-radius: 18px !important;
    background: rgba(5, 15, 48, .72) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    backdrop-filter: blur(6px);
    opacity: 0 !important;
    transform: translateY(12px) !important;
    transition: .25s ease !important;
    text-align: center !important;
    pointer-events: none !important;
}

.gtz-galaxy-reveal-card.is-revealed .gtz-galaxy-reveal-text {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.gtz-galaxy-reveal-text strong {
    font-size: 22px !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
}

.gtz-galaxy-reveal-text span {
    font-size: 30px !important;
    line-height: 1.05 !important;
    color: #ffdf39 !important;
}

/* Canvas : on ne le cache plus au seuil, on laisse gratter toute la surface */
#gtzGalaxyCanvas {
    opacity: 1 !important;
    transition: none !important;
}

#gtzGalaxyCanvas.gtz-revealed {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Le texte "GRATTE ICI" disparaît au seuil pour ne pas gêner */
.gtz-galaxy-overlay-text.is-hidden {
    display: none !important;
}

/* Bouton encaisser plus compact */
.gtz-galaxy-cashout {
    margin-top: 8px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
}

/* Mobile */
@media(max-width: 620px) {
    .gtz-galaxy-scratch {
        height: 300px !important;
    }

    .gtz-galaxy-planet-bg {
        width: 165px !important;
        height: 165px !important;
        top: 42% !important;
    }

    .gtz-galaxy-planet-bg.has-ring::after {
        width: 245px;
        height: 48px;
        border-width: 13px;
    }

    .gtz-galaxy-reveal-text strong {
        font-size: 19px !important;
    }

    .gtz-galaxy-reveal-text span {
        font-size: 26px !important;
    }
}

/* V9.4 - Galaxy Explorer images JPG réelles */
.gtz-galaxy-ticket{padding-top:82px!important}
.gtz-galaxy-cost-row{position:absolute;top:26px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;justify-content:center;gap:12px;width:max-content}
.gtz-galaxy-cost-row .gtz-galaxy-cost{position:static!important;transform:none!important;left:auto!important;top:auto!important;white-space:nowrap!important}
.gtz-galaxy-new-ticket{border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(180deg,#ffdf39,#ffb900);color:#061a45;font-weight:950;cursor:pointer;box-shadow:0 6px 0 #b97b00;white-space:nowrap}
.gtz-galaxy-scratch{height:320px!important;border-radius:24px!important;border:3px solid #ffd84a!important;overflow:hidden!important;background:#050d2d!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 18px 30px rgba(0,0,0,.25)!important}
.gtz-galaxy-result{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;padding:0!important;overflow:hidden!important;background:#050d2d!important}
.gtz-galaxy-reveal-card{position:absolute!important;inset:0!important;overflow:hidden!important;display:block!important;background:#050d2d!important}
.gtz-galaxy-photo-bg{position:absolute;inset:0;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;transform:scale(1.02);filter:saturate(1.08) contrast(1.05)}
.gtz-galaxy-photo-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 48%,rgba(0,0,0,.14) 84%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18));pointer-events:none}
.gtz-galaxy-reveal-text{position:absolute!important;left:18px!important;right:18px!important;bottom:16px!important;z-index:2!important;padding:11px 12px 12px!important;border-radius:18px!important;background:rgba(5,15,48,.72)!important;border:1px solid rgba(255,255,255,.20)!important;backdrop-filter:blur(6px);text-align:center!important;opacity:0!important;transform:translateY(12px)!important;transition:.25s ease!important;pointer-events:none!important}
.gtz-galaxy-reveal-card.is-revealed .gtz-galaxy-reveal-text{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}
.gtz-galaxy-reveal-text strong{display:block;color:#fff!important;font-size:23px!important;line-height:1.1!important;font-weight:950;text-shadow:0 4px 0 rgba(0,0,0,.45)}
.gtz-galaxy-reveal-text span{display:block;color:#ffdf39!important;font-size:32px!important;line-height:1.05!important;font-weight:950;text-shadow:0 4px 0 rgba(0,0,0,.45)}
.gtz-galaxy-cashout{margin-top:9px!important;padding:10px 20px!important;font-size:14px!important}
#gtzGalaxyCanvas,#gtzGalaxyCanvas.gtz-revealed{z-index:3!important;opacity:1!important;pointer-events:auto!important;transition:none!important}
.gtz-galaxy-overlay-text{color:#122a63!important;text-shadow:0 1px 0 rgba(255,255,255,.48)}
.gtz-galaxy-overlay-text.is-hidden{display:none!important}
.gtz-planet-emoji{width:46px!important;height:46px!important;margin:0 auto 5px!important;border-radius:50%;overflow:hidden;display:block!important;box-shadow:0 0 14px rgba(91,170,255,.42);background:#000}
.gtz-planet-emoji img{width:100%;height:100%;object-fit:cover;display:block}
.gtz-galaxy-planet-bg,.gtz-galaxy-planet-orbit,.gtz-galaxy-planet-icon{display:none!important}
@media(max-width:620px){.gtz-galaxy-ticket{padding-top:98px!important}.gtz-galaxy-cost-row{top:24px;flex-direction:column;gap:8px}.gtz-galaxy-new-ticket{padding:9px 16px;font-size:13px}.gtz-galaxy-scratch{height:300px!important}.gtz-galaxy-reveal-text strong{font-size:20px!important}.gtz-galaxy-reveal-text span{font-size:27px!important}.gtz-planet-emoji{width:40px!important;height:40px!important}}


/* ==========================================================
   V9.5 - Boutons Galaxy uniformes + icône MushCoin propre
   ========================================================== */

.gtz-galaxy-cost-row {
    gap: 14px !important;
}

/* Même police, même hauteur, même rendu */
.gtz-galaxy-cost,
.gtz-galaxy-new-ticket {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ffdf39 0%, #ffc000 100%) !important;
    color: #061a45 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
    box-shadow: 0 6px 0 #b67b00, 0 10px 18px rgba(0,0,0,.18) !important;
    text-decoration: none !important;
}

.gtz-galaxy-cost {
    min-width: 168px !important;
}

.gtz-galaxy-new-ticket {
    min-width: 150px !important;
    cursor: pointer !important;
}

/* Icône MushCoin plus simple et plus propre */
.gtz-mini-coin,
.gtz-galaxy-cost .gtz-mini-coin,
.gtz-game-meta .gtz-mini-coin {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
    display: inline-block !important;
    border-radius: 50% !important;
    position: relative !important;
    background:
        radial-gradient(circle at 32% 28%, #ffffff 0 11%, transparent 12%),
        radial-gradient(circle at 68% 24%, #ffffff 0 7%, transparent 8%),
        linear-gradient(145deg, #5bd8ff 0%, #0988ff 48%, #0049bd 100%) !important;
    border: 2px solid #ffffff !important;
    box-shadow:
        inset 0 2px 3px rgba(255,255,255,.55),
        inset 0 -3px 4px rgba(0,0,0,.25),
        0 2px 5px rgba(0,0,0,.25) !important;
    overflow: hidden !important;
}

/* Petit point blanc bas */
.gtz-mini-coin::after {
    content: "" !important;
    position: absolute !important;
    right: 4px !important;
    bottom: 4px !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.92) !important;
}

/* Pas d'ancien emoji parasite dans l'icône */
.gtz-mini-coin::before {
    content: none !important;
}

/* Compteur du haut : éviter double icône bizarre */
.gtz-balance::before {
    background: none !important;
    display: none !important;
}

/* Mobile */
@media(max-width: 620px) {
    .gtz-galaxy-cost-row {
        flex-direction: row !important;
        gap: 8px !important;
    }

    .gtz-galaxy-cost,
    .gtz-galaxy-new-ticket {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    .gtz-galaxy-cost {
        min-width: 142px !important;
    }

    .gtz-galaxy-new-ticket {
        min-width: 132px !important;
    }

    .gtz-mini-coin,
    .gtz-galaxy-cost .gtz-mini-coin,
    .gtz-game-meta .gtz-mini-coin {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px !important;
    }
}

/* V9.6 - Premium MushCoin + GRATZILLA.FR */
.gtz-galaxy-cost-label{
    font-size:0 !important;
}
.gtz-galaxy-cost-label::after{
    content:"GRATZILLA.FR";
    font-size:24px;
    font-weight:950;
    letter-spacing:1px;
    color:#fff;
    text-shadow:0 2px 0 #1d4fd7,0 8px 18px rgba(0,0,0,.35);
}
.gtz-mini-coin,
.gtz-galaxy-cost .gtz-mini-coin,
.gtz-game-meta .gtz-mini-coin{
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
    background:url('../img/mushcoin-premium.png') center center / contain no-repeat !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
.gtz-mini-coin::before,
.gtz-mini-coin::after{
    content:none !important;
}
.gtz-galaxy-hero h1{
    transform:scale(1.06);
    text-shadow:
        0 4px 0 #0f3ca7,
        0 8px 20px rgba(0,0,0,.45),
        0 0 25px rgba(80,170,255,.45);
}
@media(max-width:620px){
    .gtz-galaxy-cost-label::after{font-size:18px;}
    .gtz-mini-coin,
    .gtz-galaxy-cost .gtz-mini-coin,
    .gtz-game-meta .gtz-mini-coin{
        width:22px !important;
        height:22px !important;
        flex-basis:22px !important;
    }
}

/* ==========================================================
   V9.7 - Cashout corrigé + fenêtre résultat plus légère
   ========================================================== */

/* Picto MushCoins plus grand */
.gtz-mini-coin,
.gtz-galaxy-cost .gtz-mini-coin,
.gtz-game-meta .gtz-mini-coin,
.gtz-planet-row .gtz-mini-coin {
    width: 35px !important;
    height: 35px !important;
    flex: 0 0 35px !important;
}

/* Garde les boutons propres avec le gros picto */
.gtz-galaxy-cost,
.gtz-galaxy-new-ticket {
    min-height: 50px !important;
    height: 50px !important;
}

.gtz-galaxy-cost {
    min-width: 190px !important;
}

/* Fenêtre résultat plus petite et plus transparente */
.gtz-galaxy-reveal-text {
    left: 50% !important;
    right: auto !important;
    bottom: 18px !important;
    width: 62% !important;
    max-width: 360px !important;
    transform: translateX(-50%) translateY(12px) !important;
    padding: 12px 16px 14px !important;
    border-radius: 18px !important;
    background: rgba(5, 15, 48, .48) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(8px) !important;
    pointer-events: none !important;
}

.gtz-galaxy-reveal-card.is-revealed .gtz-galaxy-reveal-text {
    transform: translateX(-50%) translateY(0) !important;
    pointer-events: auto !important;
}

.gtz-galaxy-reveal-text strong {
    font-size: 19px !important;
}

.gtz-galaxy-reveal-text span {
    font-size: 27px !important;
}

.gtz-galaxy-cashout {
    position: relative !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
    margin-top: 8px !important;
    padding: 9px 18px !important;
    font-size: 13px !important;
}

/* Très important : quand le résultat est affiché, le canvas ne bloque plus le bouton,
   mais on peut toujours gratter ailleurs car on le repasse actif au nouveau ticket. */
#gtzGalaxyCanvas.gtz-revealed {
    pointer-events: none !important;
}

/* Mobile */
@media(max-width:620px){
    .gtz-mini-coin,
    .gtz-galaxy-cost .gtz-mini-coin,
    .gtz-game-meta .gtz-mini-coin,
    .gtz-planet-row .gtz-mini-coin {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .gtz-galaxy-reveal-text {
        width: 72% !important;
        padding: 10px 12px 12px !important;
    }

    .gtz-galaxy-reveal-text strong {
        font-size: 17px !important;
    }

    .gtz-galaxy-reveal-text span {
        font-size: 24px !important;
    }

    .gtz-galaxy-cashout {
        font-size: 12px !important;
        padding: 8px 15px !important;
    }
}

/* V9.8 - Overlay plus compact, bouton visible */
.gtz-galaxy-reveal-text{
    width: 52% !important;
    max-width: 300px !important;
    bottom: 22px !important;
    padding: 10px 14px 12px !important;
    background: rgba(5,15,48,.42) !important;
}
.gtz-galaxy-reveal-text strong{
    font-size: 17px !important;
}
.gtz-galaxy-reveal-text span{
    font-size: 22px !important;
}
.gtz-galaxy-cashout{
    display: inline-block !important;
    margin-top: 10px !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
    position: relative !important;
    z-index: 10000 !important;
}
@media(max-width:620px){
    .gtz-galaxy-reveal-text{
        width: 62% !important;
        max-width: 260px !important;
    }
}

/* V9.9 - Overlay non grattable + texte 75% */
.gtz-galaxy-reveal-text,
.gtz-galaxy-reveal-text *,
.gtz-galaxy-reveal-card.is-revealed .gtz-galaxy-reveal-text,
.gtz-galaxy-reveal-card.is-revealed .gtz-galaxy-reveal-text *{
    -webkit-mask-image:none !important;
    mask-image:none !important;
    mix-blend-mode:normal !important;
    clip-path:none !important;
    opacity:1 !important;
}
.gtz-galaxy-scratch-hint{
    font-size:0 !important;
}
.gtz-galaxy-scratch-hint::after{
    content:"☝️ Gratte au moins 75 % de la zone";
    font-size:14px;
    font-weight:700;
    color:rgba(255,255,255,.82);
}

/* ==========================================================
   V9.10 - Correction définitive Galaxy
   - seuil 75% affiché
   - fenêtre résultat au-dessus du grattage
   - bouton visible et cliquable
   ========================================================== */

.gtz-galaxy-help,
.gtz-galaxy-scratch-hint {
    font-size: 0 !important;
}

.gtz-galaxy-help::after,
.gtz-galaxy-scratch-hint::after {
    content: "☝️ Gratte au moins 75 % de la zone" !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: rgba(255,255,255,.82) !important;
}

#gtzGalaxyCanvas {
    z-index: 3 !important;
}

#gtzGalaxyCanvas.gtz-revealed {
    pointer-events: none !important;
    opacity: 1 !important;
}

/* La fenêtre de résultat passe AU-DESSUS du canvas, donc elle n'est plus grattée */
.gtz-galaxy-reveal-text {
    z-index: 10 !important;
    width: 50% !important;
    max-width: 295px !important;
    min-width: 245px !important;
    left: 50% !important;
    right: auto !important;
    bottom: 22px !important;
    transform: translateX(-50%) translateY(12px) !important;
    padding: 10px 14px 12px !important;
    border-radius: 18px !important;
    background: rgba(5, 15, 48, .46) !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.24) !important;
    backdrop-filter: blur(8px) !important;
    pointer-events: none !important;
    clip-path: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    overflow: visible !important;
}

.gtz-galaxy-reveal-card.is-revealed .gtz-galaxy-reveal-text {
    z-index: 10 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
}

.gtz-galaxy-reveal-text * {
    clip-path: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
}

.gtz-galaxy-reveal-text strong {
    font-size: 17px !important;
    line-height: 1.1 !important;
}

.gtz-galaxy-reveal-text span {
    font-size: 24px !important;
    line-height: 1.05 !important;
}

.gtz-galaxy-cashout {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 20 !important;
    margin-top: 10px !important;
    padding: 9px 18px !important;
    min-height: 36px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

@media(max-width:620px){
    .gtz-galaxy-reveal-text {
        width: 62% !important;
        min-width: 220px !important;
        max-width: 275px !important;
        bottom: 18px !important;
    }

    .gtz-galaxy-reveal-text strong {
        font-size: 16px !important;
    }

    .gtz-galaxy-reveal-text span {
        font-size: 22px !important;
    }

    .gtz-galaxy-cashout {
        font-size: 12px !important;
        padding: 8px 15px !important;
    }
}

/* ==========================================================
   V9.11 - Fix final affichage résultat Galaxy
   ========================================================== */

.gtz-galaxy-help {
    font-size: 0 !important;
}

.gtz-galaxy-help::after {
    content: "☝️ Gratte au moins 75 % de la zone" !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: rgba(255,255,255,.82) !important;
}

.gtz-galaxy-result {
    z-index: 1 !important;
}

#gtzGalaxyCanvas {
    z-index: 3 !important;
}

#gtzGalaxyCanvas.gtz-revealed {
    opacity: 0 !important;
    pointer-events: none !important;
}

.gtz-galaxy-overlay-text.is-hidden {
    display: none !important;
}

.gtz-galaxy-reveal-text {
    z-index: 20 !important;
    width: 48% !important;
    min-width: 245px !important;
    max-width: 300px !important;
    left: 50% !important;
    right: auto !important;
    bottom: 22px !important;
    transform: translateX(-50%) translateY(12px) !important;
    padding: 10px 14px 12px !important;
    border-radius: 18px !important;
    background: rgba(5, 15, 48, .50) !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    backdrop-filter: blur(8px) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    clip-path: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
}

.gtz-galaxy-reveal-card.is-revealed .gtz-galaxy-reveal-text {
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
    pointer-events: auto !important;
}

.gtz-galaxy-reveal-text strong {
    display: block !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
}

.gtz-galaxy-reveal-text span {
    display: block !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
}

.gtz-galaxy-cashout {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 9px !important;
    padding: 9px 18px !important;
    min-height: 36px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media(max-width:620px){
    .gtz-galaxy-reveal-text {
        width: 62% !important;
        min-width: 220px !important;
        max-width: 275px !important;
    }
}


/* ==========================================================
   V9.16 - Fruits Gambler : vrai pictogramme MushCoins
   ========================================================== */

/* Icône premium générale */
.gtz-mini-coin,
.gtz-coin,
.gtz-mushcoin,
.gtz-coin-inline,
.gtz-inline-premium-coin,
img[src*="mushcoin-premium"]{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    flex: 0 0 30px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    object-fit: contain !important;
}

/* Remplace l'ancien rond bleu, même si c'est un background CSS */
.gtz-mini-coin{
    background: url('../img/mushcoin-premium.png') center center / contain no-repeat !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.gtz-mini-coin::before,
.gtz-mini-coin::after{
    content: none !important;
    display: none !important;
}

/* Si l'ancienne pièce est une image */
img[src$="mushcoin-blue.png"],
img[src*="mushcoin-blue"],
img[src*="mushcoin-blue"]{
    content: url('../img/mushcoin-premium.png') !important;
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
}

/* Ligne coût Fruits */
.gtz-ticket-meta,
.gtz-ticket-head,
.gtz-game-cost,
.gtz-ticket-cost,
.gtz-cost-pill,
.gtz-price-pill{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Echelle de gains : icône en fin de chaque montant si pas déjà présente */
.gtz-paytable-row span,
.gtz-prize-row span,
.gtz-scale-row span,
.gtz-gain-row span,
.gtz-rewards-row span{
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.gtz-paytable-row span::after,
.gtz-prize-row span::after,
.gtz-scale-row span::after,
.gtz-gain-row span::after,
.gtz-rewards-row span::after{
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    background: url('../img/mushcoin-premium.png') center center / contain no-repeat !important;
}

/* Cas de l'échelle actuelle visible : lignes sous "Échelle des gains" */
.gtz-scale-card span,
.gtz-paytable span,
.gtz-prizes span{
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.gtz-scale-card span::after,
.gtz-paytable span::after,
.gtz-prizes span::after{
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    background: url('../img/mushcoin-premium.png') center center / contain no-repeat !important;
}

/* Masque uniquement le texte pts via JS aussi */
@media(max-width:620px){
    .gtz-mini-coin,
    .gtz-coin,
    .gtz-mushcoin,
    .gtz-coin-inline,
    .gtz-inline-premium-coin,
    img[src*="mushcoin-premium"],
    img[src*="mushcoin-blue"]{
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        flex-basis: 28px !important;
    }
}


/* ==========================================================
   V9.17 - Seuils grattage séparés
   Fruits Gambler = 45%
   Galaxy Explorer = 75%
   ========================================================== */

/* Evite les doublons de pictos dans l'échelle Fruits */
.gtz-app:not(.gtz-galaxy-app) .gtz-scale span .gtz-coin-inline-js + .gtz-coin-inline-js,
.gtz-app:not(.gtz-galaxy-app) .gtz-prize-scale span .gtz-coin-inline-js + .gtz-coin-inline-js,
.gtz-app:not(.gtz-galaxy-app) .gtz-gains-list span .gtz-coin-inline-js + .gtz-coin-inline-js {
    display: none !important;
}

/* Si CSS ajoute déjà une icône, ne pas en ajouter deux */
.gtz-app:not(.gtz-galaxy-app) .gtz-scale span:has(.gtz-coin-inline-js)::after,
.gtz-app:not(.gtz-galaxy-app) .gtz-prize-scale span:has(.gtz-coin-inline-js)::after,
.gtz-app:not(.gtz-galaxy-app) .gtz-gains-list span:has(.gtz-coin-inline-js)::after {
    display: none !important;
}


/* ==========================================================
   V9.18 - Lobby Galaxy Explorer : visuel sans bordure blanche
   ========================================================== */

.gtz-galaxy-card-logo,
.gtz-game-placeholder.gtz-galaxy-card-logo {
    background:
        radial-gradient(circle at 50% 42%, rgba(110,190,255,.25), transparent 35%),
        linear-gradient(180deg, #0b4ed8 0%, #0631a0 100%) !important;
    border: none !important;
    box-shadow:
        inset 0 0 18px rgba(255,255,255,.16),
        0 12px 22px rgba(0,70,180,.28) !important;
    overflow: hidden !important;
    display: grid !important;
    place-items: center !important;
}

.gtz-lobby-planet-img {
    display: block !important;
    width: 82px !important;
    height: 82px !important;
    object-fit: contain !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 10px 12px rgba(0,0,0,.35));
    transform: rotate(-10deg) scale(1.08);
}

.gtz-galaxy-card-logo img,
.gtz-game-placeholder.gtz-galaxy-card-logo img {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

@media(max-width:620px){
    .gtz-lobby-planet-img {
        width: 76px !important;
        height: 76px !important;
    }
}


/* ==========================================================
   V9.19 - Galaxy Explorer Cartoon Premium
   ========================================================== */

.gtz-galaxy-card-logo,
.gtz-game-placeholder.gtz-galaxy-card-logo{
    position:relative !important;
    overflow:hidden !important;
    border:none !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at top left, rgba(120,0,255,.35), transparent 35%),
        linear-gradient(135deg,#081f7a 0%,#1626a8 45%,#3d1a8f 100%) !important;
    box-shadow:
        inset 0 0 30px rgba(255,255,255,.12),
        0 12px 24px rgba(0,0,0,.22) !important;
}

.gtz-galaxy-card-logo::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 25%, rgba(255,255,255,.9) 0 2px, transparent 3px),
        radial-gradient(circle at 75% 30%, rgba(255,255,255,.8) 0 2px, transparent 3px),
        radial-gradient(circle at 60% 70%, rgba(255,255,255,.8) 0 2px, transparent 3px);
    pointer-events:none;
}

.gtz-lobby-planet-img{
    width:112px !important;
    height:112px !important;
    object-fit:contain !important;
    filter: drop-shadow(0 12px 18px rgba(0,0,0,.35));
    transform: rotate(-8deg) scale(1.06);
    border:none !important;
    box-shadow:none !important;
    background:none !important;
}

.gtz-galaxy-card-logo img{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:none !important;
}


/* ==========================================================
   V9.30 - Vignettes lobby communes
   ========================================================== */

.gtz-game-vignette {
    width: 112px !important;
    height: 82px !important;
    min-width: 112px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #0d2f78 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.18), 0 0 18px rgba(40,140,255,.18) !important;
}

.gtz-game-vignette img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border: none !important;
    border-radius: 20px !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
}

.gtz-galaxy-card-logo,
.gtz-game-placeholder.gtz-galaxy-card-logo {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.gtz-galaxy-card-logo::before,
.gtz-galaxy-card-logo::after,
.gtz-game-placeholder.gtz-galaxy-card-logo::before,
.gtz-game-placeholder.gtz-galaxy-card-logo::after {
    display: none !important;
    content: none !important;
}

@media(max-width:620px){
    .gtz-game-vignette {
        width: 104px !important;
        height: 76px !important;
        min-width: 104px !important;
        border-radius: 18px !important;
    }
    .gtz-game-vignette img {
        border-radius: 18px !important;
    }
}


/* ==========================================================
   V9.32 - Vignettes communes admin upload
   ========================================================== */
.gtz-game-vignette {
    width: 112px !important;
    height: 82px !important;
    min-width: 112px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #0d2f78 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.18), 0 0 18px rgba(40,140,255,.18) !important;
}
.gtz-game-vignette img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border: none !important;
    border-radius: 20px !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
}
@media(max-width:620px){
    .gtz-game-vignette {
        width: 104px !important;
        height: 76px !important;
        min-width: 104px !important;
        border-radius: 18px !important;
    }
    .gtz-game-vignette img { border-radius: 18px !important; }
}


/* ==========================================================
   V9.33 - Lobby : vignettes admin vraiment utilisées
   ========================================================== */
.gtz-games-grid .gtz-game-card .gtz-game-vignette {
    width: 112px !important;
    height: 82px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #0d2f78 !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.18), 0 0 18px rgba(40,140,255,.18) !important;
    display: block !important;
}
.gtz-games-grid .gtz-game-card .gtz-game-vignette img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border: 0 !important;
    border-radius: 20px !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.gtz-game-vignette-placeholder {
    display: grid !important;
    place-items: center !important;
    font-size: 42px !important;
    background: linear-gradient(180deg,#1398ff,#33bdff) !important;
}
@media(max-width:620px){
    .gtz-games-grid .gtz-game-card .gtz-game-vignette {
        width: 104px !important;
        height: 76px !important;
        min-width: 104px !important;
        max-width: 104px !important;
        border-radius: 18px !important;
    }
    .gtz-games-grid .gtz-game-card .gtz-game-vignette img { border-radius: 18px !important; }
}


/* V9.34 - Galaxy mobile : zone de grattage remontée */
@media (max-width: 620px) {
    .gtz-galaxy-app {
        padding: 14px !important;
        margin: 0 auto !important;
    }

    .gtz-galaxy-top {
        margin-bottom: 10px !important;
        padding: 10px !important;
        border-radius: 22px !important;
    }

    .gtz-galaxy-hero {
        padding: 8px 4px 6px !important;
        margin-bottom: 8px !important;
        min-height: 0 !important;
    }

    .gtz-galaxy-hero p {
        display: none !important;
    }

    .gtz-galaxy-hero h1 {
        margin: 4px 0 4px !important;
        line-height: .86 !important;
    }

    .gtz-galaxy-hero h1 span {
        font-size: clamp(54px, 17vw, 74px) !important;
        letter-spacing: 2px !important;
    }

    .gtz-galaxy-hero h1 strong {
        font-size: clamp(38px, 12vw, 56px) !important;
        letter-spacing: 1px !important;
    }

    .gtz-planet-right {
        display: none !important;
    }

    .gtz-planet-left {
        transform: scale(.72) !important;
        top: 4px !important;
        left: -8px !important;
        opacity: .85 !important;
    }

    .gtz-galaxy-ticket {
        margin-top: 6px !important;
        padding: 42px 10px 14px !important;
        border-radius: 24px !important;
    }

    .gtz-galaxy-cost-label {
        top: -20px !important;
        font-size: 22px !important;
        padding: 8px 26px !important;
        border-radius: 20px !important;
    }

    .gtz-galaxy-cost-row {
        gap: 10px !important;
        margin-bottom: 12px !important;
    }

    .gtz-galaxy-cost,
    .gtz-galaxy-new-ticket {
        min-height: 58px !important;
        padding: 12px 14px !important;
        font-size: 20px !important;
        border-radius: 28px !important;
    }

    .gtz-galaxy-scratch {
        margin-top: 4px !important;
        height: 360px !important;
        min-height: 360px !important;
        border-radius: 24px !important;
    }

    .gtz-galaxy-overlay-text strong {
        font-size: 48px !important;
        line-height: .95 !important;
    }

    .gtz-galaxy-overlay-text span {
        font-size: 34px !important;
        line-height: 1.04 !important;
    }

    .gtz-galaxy-help {
        font-size: 15px !important;
        margin: 10px 0 0 !important;
    }

    .gtz-bottom-nav {
        bottom: 8px !important;
    }
}

@media (max-width: 420px) {
    .gtz-galaxy-hero h1 span {
        font-size: 58px !important;
    }

    .gtz-galaxy-hero h1 strong {
        font-size: 40px !important;
    }

    .gtz-galaxy-cost,
    .gtz-galaxy-new-ticket {
        font-size: 17px !important;
        min-height: 54px !important;
    }

    .gtz-galaxy-scratch {
        height: 330px !important;
        min-height: 330px !important;
    }

    .gtz-galaxy-overlay-text strong {
        font-size: 42px !important;
    }

    .gtz-galaxy-overlay-text span {
        font-size: 29px !important;
    }
}


/* V9.35 - Nettoyage mobile Galaxy */
@media (max-width:620px){

    /* On masque totalement les anciens labels desktop */
    .gtz-galaxy-cost-label,
    .gtz-galaxy-big-label,
    .gtz-galaxy-center-label,
    .gtz-galaxy-ticket-title,
    .gtz-galaxy-brand,
    .gtz-galaxy-subtitle {
        display:none !important;
    }

    /* Zone ticket compacte */
    .gtz-galaxy-ticket{
        padding-top:14px !important;
        margin-top:0 !important;
    }

    /* Boutons jaunes correctement positionnés */
    .gtz-galaxy-cost-row{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        margin:0 0 12px 0 !important;
        position:relative !important;
        z-index:20 !important;
    }

    .gtz-galaxy-cost,
    .gtz-galaxy-new-ticket{
        flex:1 !important;
        min-width:0 !important;
        margin:0 !important;
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
    }

    /* Zone de grattage remonte */
    .gtz-galaxy-scratch{
        margin-top:0 !important;
    }

    /* Texte central simplifié */
    .gtz-galaxy-overlay-text span{
        display:none !important;
    }

    .gtz-galaxy-overlay-text strong{
        font-size:54px !important;
    }

    /* Images planètes limitées */
    .gtz-galaxy-scratch img,
    .gtz-galaxy-result img{
        max-width:110px !important;
        max-height:110px !important;
        object-fit:contain !important;
    }
}


/* ==========================================================
   V9.36 - Galaxy mobile compact + zone visible
   ========================================================== */
@media (max-width:620px){

    .gtz-galaxy-app{
        padding:12px !important;
    }

    .gtz-galaxy-top{
        padding:9px !important;
        margin-bottom:6px !important;
    }

    .gtz-galaxy-hero{
        padding:4px 0 2px !important;
        margin-bottom:2px !important;
    }

    .gtz-galaxy-hero p,
    .gtz-planet-right,
    .gtz-galaxy-cost-label{
        display:none !important;
    }

    .gtz-galaxy-hero h1{
        margin:0 !important;
        line-height:.78 !important;
    }

    .gtz-galaxy-hero h1 span{
        font-size:52px !important;
        letter-spacing:1px !important;
    }

    .gtz-galaxy-hero h1 strong{
        font-size:38px !important;
        letter-spacing:1px !important;
    }

    .gtz-galaxy-ticket{
        margin-top:4px !important;
        padding:18px 8px 12px !important;
        border-radius:22px !important;
    }

    .gtz-galaxy-cost-row{
        margin:0 0 8px 0 !important;
        gap:8px !important;
        position:relative !important;
        z-index:5 !important;
    }

    .gtz-galaxy-cost,
    .gtz-galaxy-new-ticket{
        min-height:48px !important;
        padding:9px 10px !important;
        font-size:17px !important;
        border-radius:24px !important;
        box-shadow:0 5px 0 rgba(132,84,0,.55) !important;
    }

    .gtz-galaxy-cost .gtz-mini-coin{
        width:28px !important;
        height:28px !important;
        min-width:28px !important;
    }

    .gtz-galaxy-scratch{
        height:300px !important;
        min-height:300px !important;
        margin-top:0 !important;
        border-radius:22px !important;
    }

    .gtz-galaxy-overlay-text strong{
        font-size:38px !important;
        line-height:.95 !important;
    }

    .gtz-galaxy-overlay-text span{
        display:none !important;
    }

    .gtz-galaxy-overlay-text div{
        font-size:28px !important;
        margin-bottom:2px !important;
    }

    .gtz-galaxy-overlay-text em{
        font-size:18px !important;
        padding:10px 14px !important;
        bottom:14px !important;
    }

    .gtz-galaxy-help{
        font-size:13px !important;
        margin:7px 0 0 !important;
    }

    .gtz-galaxy-scale{
        margin-top:10px !important;
    }

    .gtz-bottom-nav{
        transform:scale(.92) !important;
        transform-origin:bottom center !important;
        bottom:2px !important;
    }
}

@media (max-width:420px){
    .gtz-galaxy-hero h1 span{font-size:48px !important;}
    .gtz-galaxy-hero h1 strong{font-size:34px !important;}
    .gtz-galaxy-scratch{
        height:275px !important;
        min-height:275px !important;
    }
    .gtz-galaxy-overlay-text strong{font-size:34px !important;}
    .gtz-galaxy-cost,
    .gtz-galaxy-new-ticket{
        font-size:16px !important;
        min-height:46px !important;
    }
}


/* V9.37 - Fix barre menu mobile */
@media (max-width:620px){

    /* On ne scale plus la bottom nav */
    .gtz-bottom-nav{
        transform:none !important;
        left:12px !important;
        right:12px !important;
        width:auto !important;
        bottom:10px !important;
        border-radius:28px !important;
        padding:10px 8px !important;
    }

    .gtz-bottom-nav a{
        min-width:0 !important;
        font-size:12px !important;
    }

    .gtz-bottom-nav a span{
        font-size:22px !important;
    }

    /* On remonte un peu moins le contenu */
    .gtz-galaxy-scale{
        padding-bottom:88px !important;
    }
}


/* V9.40 - Table des gains premium */
.gtz-galaxy-gains-list{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:14px !important;
    padding:10px 6px 14px !important;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
}

.gtz-galaxy-gains-list::-webkit-scrollbar{
    height:6px;
}

.gtz-galaxy-gains-list::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.25);
    border-radius:20px;
}

.gtz-galaxy-gain-item{
    min-width:74px !important;
    flex:0 0 auto !important;
    text-align:center;
    position:relative;
}

.gtz-galaxy-gain-item img{
    width:54px !important;
    height:54px !important;
    object-fit:cover !important;
    border-radius:50% !important;
    border:3px solid rgba(255,255,255,.08);
    box-shadow:
        0 0 0 2px rgba(0,180,255,.15),
        0 8px 18px rgba(0,0,0,.35);
}

.gtz-galaxy-gain-item:last-child img{
    box-shadow:
        0 0 0 2px rgba(140,80,255,.45),
        0 0 18px rgba(120,70,255,.55),
        0 10px 22px rgba(0,0,0,.45);
}

.gtz-galaxy-gain-item .gtz-gain-name{
    font-size:14px !important;
    font-weight:700 !important;
    color:#fff !important;
    margin-top:6px !important;
}

.gtz-galaxy-gain-item .gtz-gain-value{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    background:linear-gradient(180deg,#ffd93b,#ffbf00);
    color:#0c235f !important;
    border-radius:999px !important;
    padding:4px 10px !important;
    margin-top:6px !important;
    font-weight:800 !important;
    font-size:15px !important;
    box-shadow:0 5px 0 #c58b00;
    white-space:nowrap !important;
}

@media(max-width:620px){

    .gtz-galaxy-gain-item{
        min-width:68px !important;
    }

    .gtz-galaxy-gain-item img{
        width:48px !important;
        height:48px !important;
    }

    .gtz-galaxy-gain-item .gtz-gain-name{
        font-size:12px !important;
    }

    .gtz-galaxy-gain-item .gtz-gain-value{
        font-size:13px !important;
        padding:3px 8px !important;
    }
}


/* ==========================================================
   V9.41 - Galaxy TABLE DES GAINS premium réelle
   ========================================================== */

.gtz-galaxy-gains-premium {
    overflow: hidden !important;
}

.gtz-galaxy-gains-premium .gtz-galaxy-gains-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 12px 8px 16px !important;
    margin: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
}

.gtz-galaxy-gains-premium .gtz-galaxy-gains-list::-webkit-scrollbar {
    height: 6px !important;
}

.gtz-galaxy-gains-premium .gtz-galaxy-gains-list::-webkit-scrollbar-track {
    background: rgba(255,255,255,.08) !important;
    border-radius: 999px !important;
}

.gtz-galaxy-gains-premium .gtz-galaxy-gains-list::-webkit-scrollbar-thumb {
    background: rgba(255,210,31,.55) !important;
    border-radius: 999px !important;
}

.gtz-galaxy-gains-premium .gtz-galaxy-gain-item {
    flex: 0 0 78px !important;
    width: 78px !important;
    min-width: 78px !important;
    text-align: center !important;
    scroll-snap-align: start !important;
    padding: 6px 4px 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.gtz-galaxy-gains-premium .gtz-galaxy-gain-planet {
    width: 56px !important;
    height: 56px !important;
    margin: 0 auto 7px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.22), rgba(0,0,0,.25)) !important;
    box-shadow:
        0 0 0 2px rgba(55,132,255,.35),
        0 10px 18px rgba(0,0,0,.38) !important;
}

.gtz-galaxy-gains-premium .gtz-galaxy-gain-planet img {
    width: 54px !important;
    height: 54px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}

/* Les lots les plus rares ressortent */
.gtz-galaxy-gains-premium .gtz-galaxy-gain-item:nth-last-child(1) .gtz-galaxy-gain-planet,
.gtz-galaxy-gains-premium .gtz-galaxy-gain-item:nth-last-child(2) .gtz-galaxy-gain-planet {
    box-shadow:
        0 0 0 2px rgba(142,92,255,.65),
        0 0 20px rgba(113,78,255,.62),
        0 10px 22px rgba(0,0,0,.48) !important;
}

.gtz-galaxy-gains-premium .gtz-gain-name {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    min-height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gtz-galaxy-gains-premium .gtz-gain-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    margin-top: 6px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ffdc3b, #ffb900) !important;
    color: #071d55 !important;
    font-weight: 950 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.4),
        0 4px 0 rgba(151,100,0,.8) !important;
    white-space: nowrap !important;
}

.gtz-galaxy-gains-premium .gtz-gain-value .gtz-mini-coin {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
}

/* Neutralise l'ancien layout dans ce bloc */
.gtz-galaxy-gains-premium .gtz-planet-list,
.gtz-galaxy-gains-premium .gtz-planet-row {
    display: none !important;
}

@media(max-width:620px) {
    .gtz-galaxy-gains-premium .gtz-galaxy-gains-list {
        gap: 9px !important;
        padding: 10px 6px 14px !important;
    }

    .gtz-galaxy-gains-premium .gtz-galaxy-gain-item {
        flex-basis: 68px !important;
        width: 68px !important;
        min-width: 68px !important;
        padding: 5px 3px 9px !important;
    }

    .gtz-galaxy-gains-premium .gtz-galaxy-gain-planet {
        width: 48px !important;
        height: 48px !important;
    }

    .gtz-galaxy-gains-premium .gtz-galaxy-gain-planet img {
        width: 46px !important;
        height: 46px !important;
    }

    .gtz-galaxy-gains-premium .gtz-gain-name {
        font-size: 11px !important;
        min-height: 24px !important;
    }

    .gtz-galaxy-gains-premium .gtz-gain-value {
        font-size: 12px !important;
        padding: 4px 7px !important;
    }

    .gtz-galaxy-gains-premium .gtz-gain-value .gtz-mini-coin {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
    }
}


/* V9.42 - Reposition titre TABLE DES GAINS */
.gtz-galaxy-gains-premium{
    position:relative !important;
    margin-top:34px !important;
    padding-top:28px !important;
    overflow:visible !important;
}

.gtz-galaxy-gains-premium h2{
    position:absolute !important;
    top:-22px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:5 !important;

    margin:0 !important;
    padding:7px 28px !important;
    border-radius:999px !important;

    background:linear-gradient(180deg,#123f9b,#071f66) !important;
    border:2px solid #2e6cff !important;
    box-shadow:0 8px 18px rgba(0,0,0,.25) !important;

    color:#fff !important;
    font-size:17px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    line-height:1 !important;
}

.gtz-galaxy-gains-premium .gtz-galaxy-gains-list{
    padding-top:16px !important;
}

@media(max-width:620px){
    .gtz-galaxy-gains-premium{
        margin-top:28px !important;
        padding-top:24px !important;
    }

    .gtz-galaxy-gains-premium h2{
        top:-19px !important;
        font-size:14px !important;
        padding:6px 20px !important;
    }
}


/* ==========================================================
   V9.43 - Popup publicitaire Gratzilla
   ========================================================== */
.gtz-ad-open {
    overflow: hidden !important;
}

.gtz-ad-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.gtz-ad-modal.is-visible {
    display: flex;
}

.gtz-ad-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 8, 23, .82);
    backdrop-filter: blur(8px);
}

.gtz-ad-box {
    position: relative;
    z-index: 2;
    width: min(650px, 96vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.gtz-ad-content {
    width: 100%;
    display: flex;
    justify-content: center;
}

.gtz-ad-close {
    align-self: flex-end;
    border: 0;
    border-radius: 999px;
    padding: 10px 18px;
    background: linear-gradient(180deg, #ffdc3b, #ffb900);
    color: #071d55;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 5px 0 rgba(151,100,0,.8);
}

.gtz-ad-close:disabled {
    opacity: .65;
    cursor: wait;
}

.gtz-ad-empty {
    background: #0d1f3c;
    color: #fff;
    padding: 30px;
    border-radius: 18px;
}

@media(max-width:620px){
    .gtz-ad-modal {
        padding: 10px;
    }

    .gtz-ad-box {
        width: 96vw;
    }

    .gtz-ad-close {
        align-self: center;
        width: 90%;
    }
}


/* ==========================================================
   V9.44 - Compte joueur V1
   ========================================================== */

.gtz-account-app {
    padding-bottom: 96px !important;
}

.gtz-account-hero {
    margin-top: 16px;
    padding: 22px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 15% 20%, rgba(255,255,255,.22), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
    border: 1px solid rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    gap: 16px;
}

.gtz-account-avatar {
    width: 86px;
    height: 86px;
    border-radius: 28px;
    display: grid;
    place-items: center;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.18);
    overflow: hidden;
    flex: 0 0 86px;
}

.gtz-account-avatar img {
    width: 76px;
    height: 76px;
    object-fit: contain;
}

.gtz-account-hero h1 {
    color: #fff !important;
    margin: 8px 0 4px;
    font-size: 32px;
    line-height: 1;
    font-weight: 950;
    text-shadow: 0 4px 0 rgba(0,0,0,.16);
}

.gtz-account-hero p {
    margin: 0;
    color: rgba(255,255,255,.9) !important;
    font-weight: 700;
}

.gtz-account-bonus,
.gtz-account-card {
    margin-top: 14px;
    padding: 18px;
    border-radius: 26px;
    background: #fff;
    color: #162950;
    box-shadow: 0 12px 0 rgba(0,0,0,.07);
}

.gtz-account-bonus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: linear-gradient(180deg, #fff7d2, #ffe26a);
    border: 3px solid #ffd21f;
}

.gtz-account-bonus strong,
.gtz-account-bonus span {
    display: block;
}

.gtz-account-bonus strong {
    font-size: 20px;
    color: #162950;
    font-weight: 950;
}

.gtz-account-bonus span {
    font-size: 14px;
    color: #41506d;
    font-weight: 700;
    margin-top: 4px;
}

.gtz-account-card h2 {
    margin: 0 0 14px;
    color: #162950 !important;
    font-size: 22px;
    font-weight: 950;
}

.gtz-account-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}

.gtz-account-stats div {
    padding: 14px;
    border-radius: 18px;
    background: #f3f7ff;
    border: 1px solid #dbe8ff;
}

.gtz-account-stats span {
    display: block;
    font-size: 12px;
    color: #52627f;
    font-weight: 800;
    margin-bottom: 6px;
}

.gtz-account-stats strong {
    display: block;
    color: #0f4cc9;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.05;
}

.gtz-achievements {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}

.gtz-achievement {
    min-height: 86px;
    padding: 14px 10px;
    border-radius: 20px;
    background: #f3f7ff;
    border: 1px solid #dbe8ff;
    display: grid;
    place-items: center;
    text-align: center;
    opacity: .65;
    filter: grayscale(.3);
}

.gtz-achievement.is-done {
    opacity: 1;
    filter: none;
    background: linear-gradient(180deg,#fff7d2,#ffe26a);
    border-color: #ffd21f;
}

.gtz-achievement b {
    font-size: 30px;
    line-height: 1;
}

.gtz-achievement span {
    font-size: 12px;
    font-weight: 900;
    color: #162950;
}

.gtz-account-ad-reward {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background:
        radial-gradient(circle at 10% 15%, rgba(255,255,255,.18), transparent 32%),
        linear-gradient(135deg, #061333, #0d2a76);
    color: #fff;
}

.gtz-account-ad-reward h2,
.gtz-account-ad-reward p {
    color: #fff !important;
}

.gtz-account-ad-reward p {
    margin: 0;
    color: rgba(255,255,255,.85) !important;
    font-weight: 700;
}

.gtz-account-yellow-btn,
.gtz-account-blue-btn {
    border: 0;
    border-radius: 999px;
    font-weight: 950;
    cursor: pointer;
    white-space: nowrap;
}

.gtz-account-yellow-btn {
    background: linear-gradient(180deg, #ffdf39, #ffb900);
    color: #162950;
    padding: 13px 18px;
    box-shadow: 0 5px 0 #d99600;
}

.gtz-account-blue-btn {
    background: linear-gradient(180deg, #33bdff, #0876de);
    color: #fff;
    padding: 13px 18px;
    box-shadow: 0 5px 0 #0753a5;
}

.gtz-account-settings {
    display: grid;
    gap: 12px;
}

.gtz-account-settings label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border-radius: 16px;
    background: #f3f7ff;
    border: 1px solid #dbe8ff;
    font-weight: 900;
}

@media(max-width:620px){
    .gtz-account-hero {
        padding: 18px;
        border-radius: 24px;
    }

    .gtz-account-avatar {
        width: 72px;
        height: 72px;
        flex-basis: 72px;
        border-radius: 22px;
    }

    .gtz-account-avatar img {
        width: 62px;
        height: 62px;
    }

    .gtz-account-hero h1 {
        font-size: 26px;
    }

    .gtz-account-bonus {
        align-items: stretch;
        flex-direction: column;
    }

    .gtz-account-yellow-btn,
    .gtz-account-blue-btn {
        width: 100%;
    }

    .gtz-account-stats {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .gtz-achievements {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .gtz-account-ad-reward {
        flex-direction: column;
        align-items: stretch;
    }
}


/* V9.46 - Comptes plugin Gratzilla */
.gtz-auth-card{margin-top:18px;padding:22px;border-radius:28px;background:#fff;color:#162950;box-shadow:0 12px 0 rgba(0,0,0,.07)}
.gtz-auth-head h1{margin:10px 0 8px;color:#162950!important;font-size:34px;font-weight:950}
.gtz-auth-head p{margin:0 0 18px;color:#52627f!important;font-weight:700;line-height:1.45}
.gtz-auth-tabs{display:flex;gap:8px;padding:6px;border-radius:999px;background:#eef5ff;margin-bottom:16px}
.gtz-auth-tabs button{flex:1;border:0;border-radius:999px;padding:10px 8px;background:transparent;color:#52627f;font-weight:900;cursor:pointer}
.gtz-auth-tabs button.is-active{background:linear-gradient(180deg,#ffdf39,#ffb900);color:#162950;box-shadow:0 4px 0 #d99600}
.gtz-auth-form{display:none;gap:12px}.gtz-auth-form.is-active{display:grid}
.gtz-auth-form input[type=text],.gtz-auth-form input[type=email],.gtz-auth-form input[type=password]{width:100%;min-height:48px;border:2px solid #dbe8ff;border-radius:16px;padding:0 14px;font-weight:800;font-size:15px;box-sizing:border-box;outline:none}
.gtz-auth-form input:focus{border-color:#0f7cff;box-shadow:0 0 0 4px rgba(15,124,255,.12)}
.gtz-auth-message{margin-top:14px;font-weight:900;color:#0f4cc9}.gtz-auth-message.is-error{color:#e53935}
.gtz-account-logout{width:100%;border:0;border-radius:999px;background:#fff2f2;color:#d62828;padding:13px 18px;font-weight:950;cursor:pointer;box-shadow:0 5px 0 #f3b5b5}
@media(max-width:620px){.gtz-auth-card{padding:18px;border-radius:24px}.gtz-auth-tabs button{font-size:12px}}


/* V9.48 - Auth inscription : pas de Compte Démo + honeypot caché */
.gtz-hp-field {
    position: absolute !important;
    left: -99999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.gtz-account-app .gtz-auth-card:first-child,
.gtz-account-app > .gtz-auth-card {
    margin-top: 0 !important;
}

.gtz-account-app:not(:has(.gtz-topbar)) {
    padding-top: 0 !important;
}


/* V9.49 - UX connexion */
.gtz-auth-desc:empty{
    display:none!important;
}

.gtz-forgot-wrap{
    text-align:center;
    margin-top:14px;
}

.gtz-forgot-link{
    color:#5b6b8f;
    font-size:14px;
    text-decoration:none;
    font-weight:600;
}

.gtz-forgot-link:hover{
    color:#1d4ed8;
}


/* V9.50 - Auth clean */
.gtz-auth-head h1:empty,
.gtz-auth-head p:empty {
    display: none !important;
}

.gtz-auth-card .gtz-auth-head {
    margin-bottom: 18px !important;
}

.gtz-auth-card .gtz-auth-head h1 {
    margin-bottom: 0 !important;
}

.gtz-auth-tabs {
    grid-template-columns: repeat(2, 1fr) !important;
}

.gtz-auth-tabs button {
    min-width: 0 !important;
}

.gtz-auth-form-title {
    margin: 0 0 4px !important;
    color: #162950 !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

.gtz-auth-form-note {
    margin: 0 0 8px !important;
    color: #5b6b8f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}


/* V9.53 - Compte simplifié */
.gtz-account-ad-reward {
    margin-top: 14px !important;
}
.gtz-account-ad-reward .gtz-account-blue-btn:disabled {
    opacity: .7;
    cursor: wait;
}
