@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800;900&display=swap');
:root{--bg:#080808;--surface:#12110e;--gold:#cda354;--gold-light:#f1d38b;--text:#f8f6f0;--muted:#aaa49a;--border:#493a24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#33200c 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-header{max-width:1500px;margin:auto;min-height:110px;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.brand{display:block;width:min(390px,46vw)}.brand img{display:block;width:100%;max-height:86px;object-fit:contain;object-position:left center}.site-header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700;color:#ddd4c2}.site-header nav a:hover{color:var(--gold-light)}.nav-cta{border:1px solid var(--gold);padding:13px 17px;color:var(--gold-light)!important}main{max-width:1320px;margin:auto;padding:0 5%}.eyebrow{color:var(--gold-light);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.sparkle{margin-right:9px}.hero{min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:45px;padding:75px 0 85px}.hero h1{font:900 clamp(48px,6.3vw,95px)/.98 Montserrat,Arial,sans-serif;letter-spacing:-.07em;margin:22px 0}.hero h1 span,h2 em{font-style:normal;color:var(--gold-light)}.hero-subtitle{font-size:clamp(20px,2.1vw,30px);font-weight:700;margin:0 0 20px}.hero-text{max-width:570px;color:var(--muted);line-height:1.8;font-size:15px}.hero-stats{display:flex;gap:20px;flex-wrap:wrap;margin:34px 0}.hero-stats>div{padding-right:25px;border-right:1px solid var(--border)}.hero-stats>div:last-child{border:0}.hero-stats strong{display:block;font:800 32px Montserrat,sans-serif;color:var(--gold-light)}.hero-stats span{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--gold);border-radius:0;padding:18px 26px;font-size:12px;font-weight:800;letter-spacing:.06em}.button.primary{background:linear-gradient(120deg,#f0d18a,#c79941);color:#151008}.button:hover{filter:brightness(1.1)}.micro{font-size:11px;color:#92877a;margin-top:18px;line-height:1.6}.hero-art{position:relative;min-height:440px;border:1px solid #70552a;background:radial-gradient(ellipse at 50% 40%,#3b2b16,#11100e 70%);display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-shadow:0 24px 95px #000a}.hero-art img{display:block;width:100%;max-height:380px;object-fit:contain;mix-blend-mode:lighten}.hero-art-label,.hero-art-bottom{color:var(--gold-light);font-size:10px;letter-spacing:.15em;font-weight:800}.hero-art-bottom{display:flex;justify-content:space-between}.section-intro{text-align:center}.prizes-section,.steps-section,.participation-section,.info-section{padding:75px 0;border-top:1px solid #33291c}.section-intro p:not(.eyebrow),.participation-heading>p:not(.eyebrow){color:var(--muted);line-height:1.7}h2{font:800 clamp(28px,4vw,47px)/1.12 Montserrat,sans-serif;letter-spacing:-.04em;margin:15px 0 20px}.prizes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.prize-card{min-width:0;padding:28px;border:1px solid var(--border);background:linear-gradient(145deg,#201b13,#0d0d0d);position:relative}.prize-tag{display:inline-block;padding:8px 12px;background:#342710;color:var(--gold-light);font-size:10px;letter-spacing:.14em;font-weight:800}.prize-card>img{display:block;width:100%;height:255px;object-fit:contain;margin:18px auto}.prize-card h3{font:800 25px Montserrat,sans-serif;margin:20px 0 8px}.prize-card p{color:var(--muted);line-height:1.7;font-size:13px}.prize-bottom{display:flex;justify-content:space-between;color:var(--gold-light);font-size:12px;letter-spacing:.1em;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.gift-art{height:255px;width:min(330px,100%);margin:18px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#d3a452,#ffdd91 45%,#98702f);color:#21170a;box-shadow:12px 14px 0 #16120c;transform:rotate(-3deg)}.gift-icon{font-size:35px}.gift-apple{font-size:21px;letter-spacing:.24em;font-weight:800}.gift-art strong{font:900 70px Montserrat,sans-serif}.gift-caption{font-size:10px;letter-spacing:.2em;font-weight:800}.steps-section{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;text-align:left}.steps article{border-top:2px solid var(--gold);padding:22px;background:#13110e}.step-number{color:var(--gold-light);font:800 30px Montserrat,sans-serif}.steps h3{font-size:18px}.steps p{color:var(--muted);line-height:1.7;font-size:13px}.participation-section{text-align:center}.participation-heading{max-width:680px;margin:auto}.panel{max-width:680px;margin:38px auto 0;padding:38px;background:linear-gradient(140deg,#1d1912,#0c0d0f);border:1px solid #755a2b}.panel-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--gold-light);font-weight:800;letter-spacing:.12em}.price{font:900 100px Montserrat,sans-serif;color:var(--gold-light);letter-spacing:-.08em;margin-top:15px}.price span{font-size:56px}.price-caption{font-size:11px;letter-spacing:.2em;color:var(--muted);margin-top:-10px}.entry-panel form{max-width:420px;margin:25px auto 0;text-align:left}.entry-panel label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.entry-panel input{width:100%;padding:16px;background:#090909;border:1px solid #80683b;border-radius:0;color:#fff;outline:0}.entry-panel input:focus{border-color:var(--gold-light)}.entry-panel form button{width:100%;margin-top:14px}.form-help{color:var(--muted);font-size:11px;line-height:1.7;margin-top:22px}.notice{color:var(--gold-light);line-height:1.7}.payment-section .panel{text-align:center}.info-section{text-align:center}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px auto;text-align:left}.info-grid article{border:1px solid var(--border);padding:25px;background:#12110f}.info-grid h3{font-size:17px}.info-grid p{color:var(--muted);font-size:13px;line-height:1.8}.info-grid a{color:var(--gold-light);overflow-wrap:anywhere}.legal-note{color:#8f887d;font-size:11px;line-height:1.8;max-width:900px;margin:30px auto 0}footer{border-top:1px solid var(--border);text-align:center;padding:32px 18px;color:var(--muted);font-size:12px}footer img{display:block;max-width:260px;width:70%;max-height:80px;object-fit:contain;margin:0 auto 12px}footer a{color:var(--gold-light)}
/* Styles conservés pour les autres pages du jeu (result.php) */
.center{min-height:90vh;display:grid;place-content:center;text-align:center}.center .logo{width:280px;margin:10px auto 30px}.roulette{position:relative;max-width:760px;overflow:hidden;height:190px;border:1px solid #65502b;margin:25px auto}.track{display:flex;gap:12px;align-items:center;width:max-content;height:100%;transition:transform 2.7s cubic-bezier(.12,.72,.18,1)}.track span{display:grid;place-items:center;width:110px;height:110px;background:#242019;border:1px solid #bb9142;color:#f5d579;font-size:48px}.track .box-tile{width:140px;height:140px;flex:0 0 140px;overflow:hidden;background:linear-gradient(140deg,#211a11,#0a0b0e);padding:5px}.track .box-tile img{display:block;width:100%;height:100%;object-fit:contain}.pointer{position:absolute;top:0;left:50%;height:100%;border-left:3px solid #fff;z-index:2}#outcome[hidden]{display:none}.result-panel{width:min(100%,900px)}#spinButton{min-width:240px;font-size:16px;letter-spacing:.04em}#spinButton:disabled{opacity:.65;cursor:wait}#spinStatus{margin:12px 0}.outcome-card{position:relative;margin:26px auto 0;padding:28px;border:1px solid var(--gold);background:linear-gradient(145deg,#252017,#0a0d11);max-width:600px}.outcome-card .close-card{position:absolute;right:10px;top:9px;width:42px;height:42px;display:grid;place-items:center;padding:0;margin:0;border:1px solid #806633;background:#16191e;color:#fff;font-size:28px;line-height:1;z-index:3}.outcome-card .result-product{display:block;width:min(250px,75%);height:160px;object-fit:contain;margin:0 auto 12px}.mystery-showcase{display:flex;flex-direction:column;align-items:center;gap:12px;margin:32px auto;color:var(--gold-light);font-weight:800}.mystery-showcase img{width:min(390px,90%);height:235px;object-fit:contain}.secondary{background:#24272a;color:#fff}.gift{font-size:70px}
@media(max-width:800px){.site-header{min-height:85px}.brand{width:220px}.site-header nav{gap:12px;font-size:11px}.hero{grid-template-columns:1fr;padding:60px 0;min-height:0}.hero-art{min-height:320px}.hero-art img{max-height:300px}.steps{grid-template-columns:1fr}.prizes{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.prizes-section,.steps-section,.participation-section,.info-section{padding:55px 0}}@media(max-width:520px){html,body{max-width:100%;overflow-x:hidden}.site-header{padding:12px 4%}.brand{width:150px}.site-header nav{gap:10px}.site-header nav a:nth-child(2){display:none}.nav-cta{padding:10px}.hero h1{font-size:clamp(43px,12vw,64px)}.hero-stats{gap:12px}.hero-stats>div{padding-right:12px}.hero-stats strong{font-size:25px}.hero-art{min-height:270px}.hero-art img{max-height:245px}.panel{padding:24px 16px}.panel-top{font-size:8px}.price{font-size:78px}.price span{font-size:45px}.prize-card{padding:20px}.center .logo{width:min(220px,70vw);max-width:100%;height:auto}.result-panel{width:100%;min-width:0;max-width:100%;padding:20px 12px}.result-panel .roulette{width:100%;max-width:100%;height:150px;overflow:hidden}.result-panel .track{gap:8px}.result-panel .track .box-tile{width:110px;height:110px;flex-basis:110px}#spinButton{width:100%;min-width:0}.result-panel .outcome-card{width:100%;max-width:100%;padding:54px 12px 24px}.result-panel .outcome-card h1{font-size:clamp(22px,6vw,32px);overflow-wrap:anywhere}}

/* KG Studio Premium responsive 2026 */
:root{--gold:#d9a94f;--gold-light:#ffdf92;--border:#5a4324}body{background:radial-gradient(ellipse at 80% 0%,#38200a 0,transparent 37%),radial-gradient(ellipse at 10% 30%,#17120b 0,transparent 45%),#050505} .site-header{max-width:none;padding-inline:max(5%,calc((100vw - 1320px)/2));background:rgba(5,5,5,.85);backdrop-filter:blur(16px);position:relative;z-index:3}.brand{width:175px}.brand img{max-height:72px}.site-header nav{font-size:13px}.nav-cta,.button.primary{border-radius:100px;background:linear-gradient(135deg,#ffe8a9 0%,#e1b95d 55%,#ad7928 100%);color:#171008!important;box-shadow:0 7px 26px #c68e3540}.hero{min-height:620px;gap:24px}.hero h1{font-size:clamp(52px,7vw,110px);line-height:.96;text-transform:uppercase;text-shadow:0 7px 35px #b9893e33}.hero h1 span{background:linear-gradient(130deg,#fff0b7,#c89134);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-subtitle{color:#f5d68f}.hero-art{min-height:460px;overflow:hidden;border-radius:20px;border-color:#60451f;background:radial-gradient(circle at 50% 40%,#7c4e16 0,#2b1c0d 28%,#0b0a09 74%);box-shadow:0 35px 110px #000b,inset 0 0 55px #c48a1917}.hero-art:before{content:"";position:absolute;inset:12%;border-radius:50%;background:#d89b392b;filter:blur(55px);pointer-events:none}.hero-art img{position:relative;filter:drop-shadow(0 25px 30px #000b);max-height:395px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{border-radius:100px;min-height:54px}.button.ghost{color:#f4d48c;background:#15110c;border-color:#76582a}.prize-card,.steps article,.info-grid article,.panel{border-radius:18px}.prize-card{overflow:hidden;background:linear-gradient(145deg,#2a1c0d,#0c0b0b 65%)}.prize-card>img{filter:drop-shadow(0 20px 22px #000a)}.steps article{border:1px solid #5b4325;border-top:3px solid #d7aa53}.video-section{padding:85px 0;border-top:1px solid #33291c;text-align:center}.video-copy{max-width:680px;margin:0 auto 28px}.video-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}.video-frame{position:relative;max-width:980px;margin:auto;border:1px solid #9b7638;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 30px 90px #000b,0 0 55px #b7871b22}.video-frame video{display:block;width:100%;height:auto;max-height:650px;aspect-ratio:16/9;object-fit:contain;background:#000}.video-disclaimer{font-size:11px;color:#8f887d;line-height:1.7}.entry-panel{box-shadow:0 25px 85px #0008,0 0 60px #c9952b13}.entry-panel input{border-radius:10px}.entry-panel form button{border-radius:100px}.hero-stats strong{font-size:clamp(25px,3vw,38px)}.hero-stats>div{flex:0 1 auto}@media(max-width:900px){.site-header nav a:not(.nav-cta){display:none}.hero{min-height:0;grid-template-columns:1fr;padding:55px 0}.hero-copy{text-align:center}.hero-text{margin-inline:auto}.hero-stats,.hero-actions{justify-content:center}.hero-art{max-width:680px;width:100%;margin:auto}.video-section{padding:60px 0}}@media(max-width:520px){main{padding:0 5%}.site-header{min-height:76px}.brand{width:125px}.site-header nav{gap:7px}.nav-cta{padding:11px 16px}.hero{padding:42px 0 54px;gap:32px}.hero h1{font-size:clamp(44px,12vw,70px);letter-spacing:-.065em}.hero-subtitle{font-size:19px}.hero-text{font-size:14px;line-height:1.7}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:24px 0}.hero-stats>div{padding:0 5px;border-right:1px solid #594222}.hero-stats strong{font-size:25px}.hero-stats span{font-size:10px;line-height:1.4}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-art{min-height:305px;padding:15px}.hero-art img{max-height:255px}.hero-art-label,.hero-art-bottom{font-size:9px}.prizes-section,.steps-section,.participation-section,.info-section{padding:52px 0}.video-section{padding:50px 0}.video-frame{border-radius:12px}.video-frame video{max-height:330px}.prize-card{border-radius:14px}.panel{border-radius:14px}.entry-panel{padding:25px 17px}.entry-panel form button{font-size:11px;letter-spacing:0}.steps article{padding:20px}.price{font-size:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Visuels fournis : images complètes et adaptées aux écrans */
.hero-art img{mix-blend-mode:normal;object-fit:contain;border-radius:12px;max-width:100%;height:auto;background:#f7f7f7}
.prize-card>img{object-fit:contain;background:#f7f7f7;border-radius:12px;padding:8px;max-width:100%}
.gift-art{background:transparent;box-shadow:none;transform:none;height:255px;max-width:100%;width:100%;margin:18px auto;display:flex;align-items:center;justify-content:center}
.gift-art img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 15px 25px #0009)}
@media(max-width:520px){.hero-art img{max-height:255px}.prize-card>img{height:205px}.gift-art{height:225px}}

/* KG STUDIO — CORRECTIONS MOBILE */
@media screen and (max-width: 767px) {

  /* En-tête : logo et bouton bien séparés */
  header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    min-height: 80px !important;
    padding: 14px 16px !important;
    overflow: hidden !important;
  }

  header > a:first-child {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 46% !important;
    min-width: 0 !important;
    max-width: 170px !important;
    overflow: hidden !important;
  }

  header > a:first-child img {
    display: block !important;
    width: 100% !important;
    max-width: 160px !important;
    height: auto !important;
    max-height: 52px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  header nav {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  /* Le titre ne doit plus passer sous le logo */
  main {
    position: relative !important;
    clear: both !important;
  }

  .hero {
    position: relative !important;
    padding-top: 40px !important;
    overflow: hidden !important;
  }

  .hero h1 {
    position: relative !important;
    z-index: 1 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  /* Masquer les flèches décoratives des boutons */
  .hero .button .arrow,
  .hero .button .icon,
  .play button .arrow,
  .play button .icon {
    display: none !important;
  }
}


/* KG STUDIO — LOGO MOBILE FINAL */
@media screen and (max-width: 767px) {

  .site-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 84px !important;
    padding: 12px 18px !important;
    gap: 16px !important;
  }

  .site-header .brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 84px !important;
    width: 84px !important;
    max-width: 84px !important;
    height: 65px !important;
    overflow: hidden !important;
  }

  .site-header .brand img {
    display: block !important;
    width: 78px !important;
    height: 61px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .site-header nav {
    flex: 0 0 auto !important;
  }

  .hero {
    clear: both !important;
    padding-top: 42px !important;
  }

  .hero-copy {
    position: relative !important;
    z-index: 1 !important;
  }

  .hero h1 {
    max-width: 100% !important;
  }
}


/* KG STUDIO - LOGOS RESPONSIVE */

@media (min-width: 768px) {
  header > a:first-child picture,
  .site-header .brand picture {
    display: block;
    width: min(300px, 100%);
  }

  header > a:first-child picture img,
  .site-header .brand picture img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 90px !important;
    object-fit: contain !important;
  }
}

@media (max-width: 767px) {
  header > a:first-child picture,
  .site-header .brand picture {
    display: block !important;
    width: 78px !important;
    height: 61px !important;
  }

  header > a:first-child picture img,
  .site-header .brand picture img {
    display: block !important;
    width: 78px !important;
    height: 61px !important;
    object-fit: contain !important;
    content: normal !important;
  }
}

/* Intégration discrète des médias au fond — uniquement index */
/* Conserve les dimensions, textes, boutons et disposition existants. */
.hero-art{border:0;background:transparent;box-shadow:none;overflow:visible}
.hero-art::before{background:radial-gradient(circle,#b8863633 0%,transparent 68%);filter:blur(35px)}
.hero-art img{background:transparent;border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 22px 34px #0009)}
.video-frame{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;
  -webkit-mask-image:radial-gradient(ellipse 75% 75% at center,#000 62%,transparent 100%);
  mask-image:radial-gradient(ellipse 75% 75% at center,#000 62%,transparent 100%)}
.video-frame video{background:transparent}
.prize-card{border:0;background:transparent;box-shadow:none;overflow:visible}
.prize-card>img{background:transparent;border-radius:0;padding:0;filter:drop-shadow(0 18px 28px #000a)}
.gift-art{background:transparent;box-shadow:none;transform:none}
.gift-art img{filter:drop-shadow(0 18px 28px #000a)}