/* ── Base de la page d'origine (.hp-body), portée par l'enveloppe de chaque section ── */
.bbc-liv { font-family: var(--font-family-text); font-weight: var(--font-weight-base); font-size: var(--font-size-md); line-height: var(--line-height-md); letter-spacing: var(--letter-spacing-default); color: var(--color-foreground-neutral-10); background: var(--color-surface-0); -webkit-font-smoothing: antialiased; }
.bbc-liv *, .bbc-liv *::before, .bbc-liv *::after { box-sizing: border-box; }
.bbc-liv h1, .bbc-liv h2, .bbc-liv p, .bbc-liv dl, .bbc-liv dd, .bbc-liv fieldset { margin: 0; }
.bbc-liv h1, .bbc-liv h2 { text-transform: none; }
.bbc-liv a.btn, .bbc-liv a.btn:hover, .bbc-liv a.btn:focus, .bbc-liv a.btn:active { text-decoration: none; }
.bbc-liv video { max-width: none; }
.bbc-liv { --color-neutral-0: #ffffff; --color-neutral-50: #f9f9f9; --color-neutral-100: #f2f2f2; --color-neutral-150: #e6e6e6; --color-neutral-200: #d9d9d9; --color-neutral-250: #cccccc; --color-neutral-300: #bfbfbf; --color-neutral-350: #b3b3b3; --color-neutral-400: #a6a6a6; --color-neutral-450: #8c8c8c; --color-neutral-500: #808080; --color-neutral-550: #737373; --color-neutral-600: #666666; --color-neutral-650: #595959; --color-neutral-700: #4d4d4d; --color-neutral-750: #404040; --color-neutral-800: #333333; --color-neutral-850: #262626; --color-neutral-900: #1a1a1a; --color-neutral-950: #0b0b0c; --color-neutral-1000: #000000; --color-red-100: #fef2f2; --color-red-200: #fde1e1; --color-red-300: #fbbebe; --color-red-400: #f99393; --color-red-500: #f75556; --color-red-600: #e80206; --color-red-700: #c90205; --color-red-800: #a40104; --color-red-900: #740103; --color-green-100: #f2fef2; --color-green-200: #e1fde1; --color-green-300: #bffbbe; --color-green-400: #95f893; --color-green-500: #58f655; --color-green-600: #17e702; --color-green-700: #14c802; --color-green-800: #10a301; --color-green-900: #0b7301; --color-orange-100: #fef6f2; --color-orange-200: #fdebe1; --color-orange-300: #fbd4be; --color-orange-400: #f8bb93; --color-orange-500: #f69e55; --color-orange-600: #e78502; --color-orange-700: #c87302; --color-orange-800: #a35e01; --color-orange-900: #734201; --color-yellow-100: #fefbf2; --color-yellow-200: #fdf6e1; --color-yellow-300: #fbecbe; --color-yellow-400: #f8e293; --color-yellow-500: #f6d855; --color-yellow-600: #e7c602; --color-yellow-700: #c8ab02; --color-yellow-800: #a38c01; --color-yellow-900: #736301; --size-0: 0; --size-1: 2px; --size-2: 4px; --size-3: 8px; --size-4: 16px; --size-5: 24px; --size-6: 32px; --size-7: 40px; --size-8: 48px; --size-9: 56px; --size-10: 64px; --size-11: 80px; --size-12: 96px; --size-13: 120px; --size-14: 144px; --size-15: 200px; --size-16: 256px; --device-mobile-width: 393px; --device-mobile-height: 852px; --device-tablet-width: 834px; --device-tablet-height: 1194px; --device-desktop-width: 1536px; --device-desktop-height: 864px; --color-surface-0: var(--color-neutral-0); --color-surface-1: var(--color-neutral-50); --color-surface-2: var(--color-neutral-100); --color-surface-3: var(--color-neutral-150); --color-surface-4: var(--color-neutral-200); --color-surface-5: var(--color-neutral-350); --color-surface-6: var(--color-neutral-550); --color-surface-7: var(--color-neutral-800); --color-surface-8: var(--color-neutral-850); --color-surface-9: var(--color-neutral-900); --color-surface-10: var(--color-neutral-950); --color-background-neutral-0: var(--color-neutral-0); --color-background-neutral-1: var(--color-neutral-50); --color-background-neutral-2: var(--color-neutral-100); --color-background-neutral-3: var(--color-neutral-150); --color-background-neutral-4: var(--color-neutral-200); --color-background-neutral-5: var(--color-neutral-350); --color-background-neutral-6: var(--color-neutral-550); --color-background-neutral-7: var(--color-neutral-800); --color-background-neutral-8: var(--color-neutral-850); --color-background-neutral-9: var(--color-neutral-900); --color-background-neutral-10: var(--color-neutral-950); --color-background-red-light: var(--color-red-200); --color-background-red-dark: var(--color-red-800); --color-background-green-light: var(--color-green-200); --color-background-green-dark: var(--color-green-900); --color-background-orange-light: var(--color-orange-200); --color-background-orange-dark: var(--color-orange-700); --color-background-yellow-light: var(--color-yellow-200); --color-background-yellow-dark: var(--color-yellow-600); --color-border-neutral-0: var(--color-neutral-0); --color-border-neutral-1: var(--color-neutral-50); --color-border-neutral-2: var(--color-neutral-100); --color-border-neutral-3: var(--color-neutral-150); --color-border-neutral-4: var(--color-neutral-200); --color-border-neutral-5: var(--color-neutral-350); --color-border-neutral-6: var(--color-neutral-550); --color-border-neutral-7: var(--color-neutral-800); --color-border-neutral-8: var(--color-neutral-850); --color-border-neutral-9: var(--color-neutral-900); --color-border-neutral-10: var(--color-neutral-950); --color-border-red-light: var(--color-red-200); --color-border-red-dark: var(--color-red-800); --color-border-green-light: var(--color-green-200); --color-border-green-dark: var(--color-green-900); --color-border-orange-light: var(--color-orange-200); --color-border-orange-dark: var(--color-orange-700); --color-border-yellow-light: var(--color-yellow-200); --color-border-yellow-dark: var(--color-yellow-600); --color-foreground-neutral-0: var(--color-neutral-0); --color-foreground-neutral-1: var(--color-neutral-50); --color-foreground-neutral-2: var(--color-neutral-100); --color-foreground-neutral-3: var(--color-neutral-150); --color-foreground-neutral-4: var(--color-neutral-200); --color-foreground-neutral-5: var(--color-neutral-350); --color-foreground-neutral-6: var(--color-neutral-550); --color-foreground-neutral-7: var(--color-neutral-800); --color-foreground-neutral-8: var(--color-neutral-850); --color-foreground-neutral-9: var(--color-neutral-900); --color-foreground-neutral-10: var(--color-neutral-950); --color-foreground-red-light: var(--color-red-200); --color-foreground-red-dark: var(--color-red-800); --color-foreground-green-light: var(--color-green-200); --color-foreground-green-dark: var(--color-green-900); --color-foreground-orange-light: var(--color-orange-200); --color-foreground-orange-dark: var(--color-orange-700); --color-foreground-yellow-light: var(--color-yellow-200); --color-foreground-yellow-dark: var(--color-yellow-600); --spacing-margin-mobile-sm: var(--size-3); --spacing-margin-mobile-md: var(--size-4); --spacing-margin-mobile-lg: var(--size-5); --spacing-margin-tablet-sm: var(--size-7); --spacing-margin-tablet-md: var(--size-10); --spacing-margin-tablet-lg: var(--size-13); --spacing-margin-desktop-sm: var(--size-10); --spacing-margin-desktop-md: var(--size-14); --spacing-margin-desktop-lg: var(--size-16); --spacing-gap-none: var(--size-0); --spacing-gap-xs: var(--size-1); --spacing-gap-sm: var(--size-2); --spacing-gap-md: var(--size-3); --spacing-gap-lg: var(--size-4); --spacing-gap-xl: var(--size-5); --spacing-gap-2xl: var(--size-6); --spacing-gap-3xl: var(--size-7); --spacing-gap-4xl: var(--size-8); --spacing-gap-5xl: var(--size-9); --spacing-gap-6xl: var(--size-10); --spacing-height-none: var(--size-0); --spacing-height-xs: var(--size-1); --spacing-height-sm: var(--size-2); --spacing-height-md: var(--size-3); --spacing-height-lg: var(--size-4); --spacing-height-xl: var(--size-5); --spacing-height-2xl: var(--size-6); --spacing-height-3xl: var(--size-7); --spacing-height-4xl: var(--size-9); --spacing-height-5xl: var(--size-10); --spacing-width-none: var(--size-0); --spacing-width-xs: var(--size-1); --spacing-width-sm: var(--size-2); --spacing-width-md: var(--size-3); --spacing-width-lg: var(--size-4); --spacing-width-xl: var(--size-5); --spacing-width-2xl: var(--size-6); --spacing-width-3xl: var(--size-7); --spacing-width-4xl: var(--size-10); --spacing-width-5xl: var(--size-11); --radius-none: var(--size-0); --radius-sm: var(--size-2); --radius-md: var(--size-3); --radius-lg: var(--size-4); --radius-xl: var(--size-6); --radius-full: var(--size-16); --radius-badge: var(--size-0); --radius-button: var(--size-0); --line-stroke-base: 1px; --line-stroke-bold: 2px; --elevation-sm: 0px 0px 25px rgba(12, 12, 13, 0.05); --elevation-md: 0px 0px 25px rgba(12, 12, 13, 0.10); --elevation-lg: 0px 0px 25px rgba(12, 12, 13, 0.15); --font-family-text: "Hanken Grotesk", sans-serif; --font-family-heading: "Hanken Grotesk", sans-serif; --font-family-display: "Hanken Grotesk", sans-serif; --font-family-subtitle: "Hanken Grotesk", sans-serif; --font-family-utility: "Hanken Grotesk", sans-serif; --font-family-product: "Hanken Grotesk", sans-serif; --font-family-code: "Hanken Grotesk", sans-serif; --font-weight-base: 400; --font-weight-medium: 600; --font-weight-strong: 700; --font-weight-stronger: 800; --font-weight-strongest: 900; --font-size-xs: 10px; --font-size-sm: 12px; --font-size-md: 14px; --font-size-lg: 18px; --font-size-xl: 25px; --font-size-2xl: 31px; --font-size-3xl: 39px; --font-size-4xl: 49px; --font-size-5xl: 61px; --font-size-6xl: 76px; --font-size-7xl: 95px; --font-size-8xl: 119px; --line-height-xs: 12px; --line-height-flag: 14px; --line-height-sm: 16px; --line-height-md: 20px; --line-height-lg: 24px; --line-height-xl: 28px; --line-height-2xl: 35px; --line-height-3xl: 48px; --line-height-4xl: 64px; --line-height-5xl: 76px; --line-height-6xl: 100px; --line-height-7xl: 125px; --line-height-8xl: 150px; --letter-spacing-default: -0.16px; --letter-spacing-caps: 0.48px; --letter-spacing-display: -1.5px; }
.bbc-liv .display-sm { font-family: var(--font-family-display); font-weight: var(--font-weight-base); font-size: var(--font-size-4xl); line-height: var(--line-height-4xl); letter-spacing: var(--letter-spacing-display); }
.bbc-liv .heading-title-md { font-family: var(--font-family-heading); font-weight: var(--font-weight-medium); font-size: var(--font-size-xl); line-height: var(--line-height-xl); letter-spacing: var(--letter-spacing-default); }
.bbc-liv .heading-title-sm { font-family: var(--font-family-heading); font-weight: var(--font-weight-medium); font-size: var(--font-size-lg); line-height: var(--line-height-xl); letter-spacing: var(--letter-spacing-default); }
.bbc-liv .text-lg-strong { font-family: var(--font-family-text); font-weight: var(--font-weight-strong); font-size: var(--font-size-lg); line-height: var(--line-height-lg); letter-spacing: var(--letter-spacing-default); }
.bbc-liv .text-md-regular { font-family: var(--font-family-text); font-weight: var(--font-weight-base); font-size: var(--font-size-md); line-height: var(--line-height-md); letter-spacing: var(--letter-spacing-default); }
.bbc-liv .utility-label { font-family: var(--font-family-utility); font-weight: var(--font-weight-medium); font-size: var(--font-size-sm); line-height: var(--line-height-sm); letter-spacing: var(--letter-spacing-default); }
.bbc-liv img { display: block; }
.bbc-liv .sec { padding: 0px 64px; }
.bbc-liv .sec-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: var(--spacing-gap-2xl); gap: var(--spacing-gap-xl); }
.bbc-liv .sec-head h2 { margin: 0px; }
.bbc-liv .sec-eyebrow { margin: 0 0 var(--spacing-gap-md); color: var(--color-foreground-neutral-6); }
.bbc-liv .hero { position: relative; height: 100vh; min-height: 680px; overflow: hidden; color: var(--color-foreground-neutral-10); }
.bbc-liv .hero--first { margin-top: -117px; }
.bbc-liv .hero__media { position: absolute; inset: 0px; background: var(--color-neutral-800); }
.bbc-liv .hero__video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.bbc-liv .hero__scrim { position: absolute; inset: 0px; background: radial-gradient(80% 70% at 22% 38%, rgba(11, 11, 12, 0.45), transparent 70%), linear-gradient(90deg, rgba(11, 11, 12, 0.55) 0%, rgba(11, 11, 12, 0.2) 42%, transparent 70%); }
.bbc-liv .hero__inner { position: relative; height: 100%; display: flex; align-items: center; padding: 0px 64px; }
.bbc-liv .hero__copy { max-width: 600px; }
.bbc-liv .hero__copy h1 { margin: 0px; color: var(--color-foreground-neutral-10); text-wrap: balance; }
.bbc-liv .hero__lead { margin: var(--spacing-gap-lg) 0 0; max-width: 460px; color: var(--color-foreground-neutral-9); }
.bbc-liv .hero__cta { margin-top: var(--spacing-gap-2xl); display: flex; gap: var(--spacing-gap-md); }
.bbc-liv .hero__cta .btn { width: auto; }
.bbc-liv .hero--dark { color: var(--color-foreground-neutral-0); }
.bbc-liv .hero--dark .hero__copy h1 { color: var(--color-foreground-neutral-0); }
.bbc-liv .hero--dark .hero__lead { color: rgba(255, 255, 255, 0.86); }
.bbc-liv .hero--dark .btn.outline { background: transparent; color: var(--color-foreground-neutral-0); border-color: var(--color-foreground-neutral-5); }
.bbc-liv .hero--dark .btn.outline:hover { border-color: var(--color-neutral-0); }
.bbc-liv .ugc-track { display: flex; gap: var(--spacing-gap-lg); margin: 0 calc(-1 * var(--spacing-margin-desktop-sm)); padding: 0 var(--spacing-margin-desktop-sm); scroll-padding-inline: var(--spacing-margin-desktop-sm); overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.bbc-liv .ugc-track::-webkit-scrollbar { display: none; }
.bbc-liv .ugc-card { flex: 0 0 calc((100% - 4 * var(--spacing-gap-lg)) / 5); min-width: 184px; scroll-snap-align: start; display: flex; flex-direction: column; background: var(--color-surface-0); border: var(--line-stroke-base) solid var(--color-border-neutral-3); border-radius: var(--radius-none); text-decoration: none; color: inherit; }
.bbc-liv .ugc-media { position: relative; aspect-ratio: 3 / 4; overflow: hidden; }
.bbc-liv .tp-scenes .ugc-card { flex: 0 0 calc((100% - 3 * var(--spacing-gap-lg)) / 4); }
.bbc-liv .tp-scene-label { position: absolute; left: var(--spacing-gap-lg); bottom: var(--spacing-gap-lg); background: rgba(12, 12, 13, 0.32); backdrop-filter: blur(14px) saturate(1.2); color: var(--color-foreground-neutral-0); padding: var(--spacing-height-md) var(--spacing-width-lg); pointer-events: none; }
.bbc-liv .ugc-media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.bbc-liv .stat { border-top: var(--line-stroke-base) solid var(--color-neutral-300); padding-top: var(--spacing-gap-lg); }
.bbc-liv .btn { font-family: var(--font-family-utility); font-weight: var(--font-weight-medium); font-size: var(--font-size-md); line-height: var(--line-height-md); letter-spacing: var(--letter-spacing-default); border-radius: var(--radius-button); height: 40px; padding: 0px 16px; border: 1px solid transparent; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; box-sizing: border-box; white-space: nowrap; justify-content: center; }
.bbc-liv .primary { background: var(--color-background-neutral-10); color: var(--color-foreground-neutral-0); }
.bbc-liv .primary:hover { background: var(--color-background-neutral-7); color: var(--color-foreground-neutral-0); }
.bbc-liv .primary:focus { background: var(--color-neutral-700); color: var(--color-foreground-neutral-0); }
.bbc-liv .primary:disabled { background: var(--color-background-neutral-4); color: var(--color-foreground-neutral-5); cursor: not-allowed; }
.bbc-liv .btn.white { background: var(--color-background-neutral-0); color: var(--color-foreground-neutral-10); border-color: transparent; }
.bbc-liv .btn.white:hover { background: var(--color-background-neutral-2); color: var(--color-foreground-neutral-10); }
.bbc-liv .btn.white:focus { background: var(--color-background-neutral-3); color: var(--color-foreground-neutral-10); }
.bbc-liv .btn.white:disabled { background: transparent; color: var(--color-foreground-neutral-5); cursor: not-allowed; }
.bbc-liv .outline { background: transparent; color: var(--color-foreground-neutral-10); border-color: var(--color-border-neutral-5); }
.bbc-liv .outline:hover { background: transparent; color: var(--color-foreground-neutral-10); border-color: var(--color-border-neutral-7); }
.bbc-liv .outline:focus { background: transparent; color: var(--color-foreground-neutral-10); border-color: var(--color-border-neutral-10); }
.bbc-liv .outline:disabled { background: transparent; color: var(--color-foreground-neutral-4); border-color: var(--color-border-neutral-4); cursor: not-allowed; }
.bbc-liv .block { padding-top: 80px; padding-bottom: 80px; }
.bbc-liv .block--40 { padding-top: 40px; padding-bottom: 40px; }
@media (max-width: 767px) { .bbc-liv.bbc-m .hero--first { margin-top: calc(-1 * var(--bhm-h)); } }
@media (max-width: 767px) { .bbc-liv.bbc-m .hero { height: auto; min-height: 0px; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .hero__inner { padding: 0 var(--spacing-margin-mobile-md); min-height: 560px; height: auto; align-items: center; justify-content: center; text-align: center; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .hero__copy { max-width: 100%; margin: 0px auto; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .hero__lead { max-width: 100%; margin-left: auto; margin-right: auto; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .hero__cta { justify-content: center; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .hero__copy h1.display-sm { font-size: var(--font-size-2xl); line-height: var(--line-height-2xl); } }
@media (max-width: 767px) { .bbc-liv.bbc-m .block { padding-top: 40px; padding-bottom: 40px; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .block--40 { padding-top: 32px; padding-bottom: 32px; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .sec { padding-left: var(--spacing-margin-mobile-md); padding-right: var(--spacing-margin-mobile-md); } }
@media (max-width: 767px) { .bbc-liv.bbc-m .ugc-track { margin-left: calc(-1 * var(--spacing-margin-mobile-md)); margin-right: calc(-1 * var(--spacing-margin-mobile-md)); padding-left: var(--spacing-margin-mobile-md); padding-right: var(--spacing-margin-mobile-md); scroll-padding-left: var(--spacing-margin-mobile-md); } }
@media (max-width: 767px) { .bbc-liv.bbc-m .ugc-card { flex: 0 0 72%; min-width: 0px; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .sec-head { display: block; padding-right: 0px; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .sec-head .btn.outline { display: none; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .sec-head h2.display-sm { font-size: var(--font-size-2xl); line-height: var(--line-height-2xl); margin-bottom: var(--spacing-gap-2xl); } }
@media (max-width: 767px) { .bbc-liv.bbc-m .sec.block--40 { text-align: center; } }
@media (max-width: 767px) { .bbc-liv.bbc-m .sec.block--40 .sec-head { text-align: left; } }
@media (min-width: 768px) { .bbc-liv.bbc-r:not(.bbc-x) .hero { height: min(100vh, 900px); } }
.bbc-liv .hp-game:focus { outline: none; }
.bbc-liv .hp-game [hidden] { display: none !important; }
.bbc-liv .hp-game .brand { display: none; }
.bbc-liv .hp-game__body { display: flex; flex-direction: column; gap: var(--spacing-gap-xl); }
.bbc-liv .hp-game .game { display: flex; flex-direction: column; gap: var(--spacing-gap-lg); }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage { aspect-ratio: 4 / 3; } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .overlay { padding: var(--spacing-height-md) var(--spacing-width-md); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .panel { padding: var(--spacing-height-lg) var(--spacing-width-lg); gap: var(--spacing-gap-lg); max-width: var(--size-16); } }
.bbc-liv .hp-game .game { display: flex; flex-direction: column; gap: var(--spacing-gap-lg); }
.bbc-liv .hp-game .driver { border: 0px; margin: 0px; padding: 0px; min-width: 0px; display: flex; align-items: flex-start; flex-wrap: wrap; gap: var(--spacing-gap-md) var(--spacing-gap-lg); }
.bbc-liv .hp-game .driver legend { padding: 0px; margin-bottom: var(--spacing-gap-md); color: var(--color-foreground-neutral-6); }
.bbc-liv .hp-game .pick { position: relative; display: inline-flex; flex-direction: column; align-items: center; gap: var(--spacing-gap-sm); cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.bbc-liv .hp-game .pick input { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.bbc-liv .hp-game .pick-face { display: block; box-sizing: border-box; width: var(--size-11); height: var(--size-12); background: var(--color-surface-1); border: var(--line-stroke-bold) solid var(--color-border-neutral-3); overflow: hidden; transition: border-color 150ms, box-shadow 150ms; }
.bbc-liv .hp-game .pick-face img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: cover; object-position: center top; }
.bbc-liv .hp-game .pick-name { color: var(--color-foreground-neutral-6); transition: color 150ms; }
.bbc-liv .hp-game .pick:hover .pick-face { border-color: var(--color-border-neutral-6); }
.bbc-liv .hp-game .pick input:focus-visible ~ .pick-face { box-shadow: 0 0 0 var(--line-stroke-bold) var(--color-border-neutral-4); }
.bbc-liv .hp-game .pick input:checked ~ .pick-face { border-color: var(--color-border-neutral-10); background: var(--color-surface-0); }

.bbc-liv .hp-game .pick.is-on .pick-face  { border-color: var(--color-border-neutral-10); background: var(--color-surface-0); }
.bbc-liv .hp-game .pick input:checked ~ .pick-name { color: var(--color-foreground-neutral-10); }

.bbc-liv .hp-game .pick.is-on .pick-name  { color: var(--color-foreground-neutral-10); }
@media (prefers-reduced-motion: reduce) { .bbc-liv .hp-game .pick-face,
.bbc-liv .hp-game .pick-name { transition: none; } }
.bbc-liv .hp-game .topline { display: flex; align-items: flex-end; gap: var(--spacing-gap-xl); }
.bbc-liv .hp-game .stats { margin: 0px; flex: 0 0 auto; }
.bbc-liv .hp-game .stat { display: flex; flex-direction: column; gap: var(--spacing-gap-sm); min-width: 0px; }
.bbc-liv .hp-game .stat dt { color: var(--color-foreground-neutral-6); }
.bbc-liv .hp-game .stat dd { margin: 0px; font-variant-numeric: tabular-nums; white-space: nowrap; min-width: 6ch; }
.bbc-liv .hp-game .gauge { --p: 0; --run: calc(100% - var(--size-5) * 2 - var(--spacing-gap-md)); position: relative; flex: 1 1 0px; min-width: 0px; height: var(--size-5); margin-bottom: var(--size-1); color: var(--color-foreground-neutral-10); }
.bbc-liv .hp-game .gauge .ico { display: block; width: var(--size-5); height: var(--size-5); }
.bbc-liv .hp-game .gauge-line,
.bbc-liv .hp-game .gauge-fill { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.bbc-liv .hp-game .gauge-line { right: calc(var(--size-5) + var(--spacing-gap-md)); height: var(--line-stroke-base); background: var(--color-border-neutral-4); }
.bbc-liv .hp-game .gauge-fill { width: calc(var(--run) * var(--p)); height: var(--line-stroke-bold); background: var(--color-border-neutral-10); }
.bbc-liv .hp-game .gauge-truck { position: absolute; top: 0px; left: calc(var(--run) * var(--p)); background: var(--color-surface-0); }
.bbc-liv .hp-game .gauge-home { position: absolute; top: 0px; right: 0px; }
.bbc-liv .hp-game .stage { position: relative; width: 100%; max-width: 100%; aspect-ratio: 2 / 1; background: var(--color-surface-0); border: var(--line-stroke-base) solid var(--color-border-neutral-3); overflow: hidden; }
.bbc-liv .hp-game .stage canvas { display: block; width: 100%; height: 100%; touch-action: manipulation; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; }
.bbc-liv .hp-game .overlay { position: absolute; inset: 0px; display: flex; justify-content: center; align-items: center; padding: var(--spacing-height-lg) var(--spacing-width-lg); pointer-events: none; background: color-mix(in srgb, var(--color-background-neutral-10) 45%, transparent); }
.bbc-liv .hp-game .panel { pointer-events: none; box-sizing: border-box; width: 100%; max-width: calc(var(--size-16) * 2 + var(--size-14)); display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--spacing-gap-lg); padding: var(--spacing-height-xl) var(--spacing-width-2xl); background: var(--color-surface-0); border: var(--line-stroke-base) solid var(--color-border-neutral-3); box-shadow: var(--elevation-lg); }
.bbc-liv .hp-game .panel p { margin: 0px; text-wrap: balance; }
.bbc-liv .hp-game .nw { white-space: nowrap; }
.bbc-liv .hp-game .panel #ov-text { color: var(--color-foreground-neutral-7); }
.bbc-liv .hp-game .panel .btn { pointer-events: auto; max-width: var(--size-16); }
.bbc-liv .hp-game .keys { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--spacing-gap-xl) var(--spacing-gap-4xl); padding-block: var(--spacing-height-sm); }
.bbc-liv .hp-game .keys-group { display: flex; align-items: center; gap: var(--spacing-gap-2xl); }
.bbc-liv .hp-game .ctl { display: block; }
.bbc-liv .hp-game .kb { display: block; max-width: 100%; height: auto; overflow: visible; }
.bbc-liv .hp-game .keys { --kc-off: var(--color-surface-3); --kc-off-skirt: color-mix(in srgb, var(--color-surface-4) 50%, var(--color-surface-5)); --kc-on: var(--color-surface-6); --kc-on-skirt: color-mix(in srgb, var(--color-surface-6) 50%, var(--color-surface-7)); }
.bbc-liv .hp-game .kc-top-off { fill: var(--kc-off); }
.bbc-liv .hp-game .kc-top-on { fill: var(--kc-on); }
.bbc-liv .hp-game .kc-skirt { stroke-width: 8; stroke-linejoin: round; }
.bbc-liv .hp-game .kc-skirt-off { fill: var(--kc-off-skirt); stroke: var(--kc-off-skirt); }
.bbc-liv .hp-game rect.kc-skirt-off { stroke: none; }
.bbc-liv .hp-game .kc-skirt-on { fill: var(--kc-on-skirt); stroke: var(--kc-on-skirt); }
.bbc-liv .hp-game .kc-glyph { stroke-width: 1; stroke-linejoin: round; }
.bbc-liv .hp-game .kc-glyph-off { fill: var(--kc-on); stroke: var(--kc-on); }
.bbc-liv .hp-game .kc-glyph-on { fill: var(--color-surface-0); stroke: var(--color-surface-0); }
.bbc-liv .hp-game .kc-line-on { fill: none; stroke: var(--color-surface-0); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.bbc-liv .hp-game .kc-ring,
.bbc-liv .hp-game .kc-ring2,
.bbc-liv .hp-game .kc-seam,
.bbc-liv .hp-game .kc-click { fill: none; stroke-linecap: round; stroke-width: 2; }
.bbc-liv .hp-game .kc-ring { stroke: var(--kc-on); }
.bbc-liv .hp-game .kc-ring2 { stroke: var(--kc-off-skirt); }
.bbc-liv .hp-game .kc-dot { fill: var(--kc-on); }
.bbc-liv .hp-game .kc-seam { stroke: var(--color-surface-0); }
.bbc-liv .hp-game .kc-wheel { fill: var(--color-surface-0); }
.bbc-liv .hp-game .kc-click { stroke: var(--kc-on); }
.bbc-liv .hp-game .tap { display: flex; align-items: center; justify-content: center; width: var(--size-8); height: var(--size-8); border: var(--line-stroke-base) solid var(--color-border-neutral-10); border-radius: var(--radius-full); color: var(--color-foreground-neutral-10); }
.bbc-liv .hp-game .tap .ico { display: block; width: var(--size-5); height: var(--size-5); }
.bbc-liv .hp-game .only-touch { display: none; }
@media (max-width: 760px) { .bbc-liv .hp-game .keys { zoom: 0.72; gap: var(--spacing-gap-lg) var(--spacing-gap-2xl); } }
@media (max-width: 760px) { .bbc-liv .hp-game .panel { padding: var(--spacing-height-xl) var(--spacing-width-xl); gap: var(--spacing-gap-lg); } }
.bbc-liv .hp-game.is-touch .hide-touch { display: none; }
.bbc-liv .hp-game.is-touch .only-touch { display: flex; }
.bbc-liv .hp-game.is-touch .keys { padding-block: 0px; zoom: 1; }
.bbc-liv .hp-game .tap-row { flex-direction: column; align-items: center; gap: var(--spacing-gap-md); color: var(--color-foreground-neutral-10); }
.bbc-liv .hp-game .tap-row .text-md-regular { white-space: nowrap; }
@media (max-width: 560px) { .bbc-liv .hp-game:not(.is-touch) .keys { zoom: 0.5; } }
@media (max-width: 560px) { .bbc-liv .hp-game:not(.is-touch) .panel { max-width: none; } }
.bbc-liv .hp-game .btn { font-family: var(--font-family-utility); font-weight: var(--font-weight-medium); font-size: var(--font-size-md); line-height: var(--line-height-md); letter-spacing: var(--letter-spacing-default); border-radius: var(--radius-button); height: var(--size-7); padding: 0 var(--spacing-width-lg); border: var(--line-stroke-base) solid transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; white-space: nowrap; width: 100%; touch-action: manipulation; user-select: none; }
.bbc-liv .hp-game .btn.primary { background: var(--color-background-neutral-10); color: var(--color-foreground-neutral-0); }
.bbc-liv .hp-game .btn.primary:hover,
.bbc-liv .hp-game .btn.primary:active { background: var(--color-background-neutral-7); }
.bbc-liv .hp-game .btn.primary:focus-visible { background: var(--color-background-neutral-7); outline: var(--line-stroke-bold) solid var(--color-border-neutral-10); outline-offset: var(--size-1); }
@media (max-width: 560px) { .bbc-liv .hp-game .stage { aspect-ratio: 4 / 3; } }
@media (max-width: 560px) { .bbc-liv .hp-game .overlay { padding: var(--spacing-height-md) var(--spacing-width-md); } }
@media (max-width: 560px) { .bbc-liv .hp-game .panel { padding: var(--spacing-height-lg) var(--spacing-width-lg); gap: var(--spacing-gap-lg); max-width: var(--size-16); } }
.bbc-liv .hp-game .stage .driver { position: absolute; top: var(--spacing-height-lg); left: var(--spacing-width-lg); z-index: 2; pointer-events: auto; padding: var(--spacing-height-md) var(--spacing-width-md); background: var(--color-surface-0); border: var(--line-stroke-base) solid var(--color-border-neutral-3); gap: var(--spacing-gap-sm) var(--spacing-gap-md); }
.bbc-liv .hp-game .stage .driver legend { float: left; width: 100%; margin-bottom: var(--spacing-gap-sm); }
.bbc-liv .hp-game .stage .pick-face { width: var(--size-8); height: var(--size-9); }
.bbc-liv .hp-game .stage .overlay { z-index: 1; }
.bbc-liv.bbc-r .hp-game { background: transparent; }
.bbc-liv .hp-game .stage .pick { flex-direction: column; align-items: center; gap: var(--spacing-gap-sm); }
.bbc-liv .hp-game .stage .driver { align-items: flex-start; }
.bbc-liv .hp-game .stage .driver { background: transparent; border-color: transparent; }
.bbc-liv .hp-game .stage .driver legend { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.bbc-liv .hp-game .stage .pick-face,
.bbc-liv .hp-game .stage .pick input:checked ~ .pick-face { background: var(--color-surface-0); }

.bbc-liv .hp-game .stage .pick.is-on .pick-face  { background: var(--color-surface-0); }
.bbc-liv .hp-game .stage .pick-name { display: none; }
.bbc-liv .hp-game .stage .pick input:checked ~ .pick-name { display: block; }

.bbc-liv .hp-game .stage .pick.is-on .pick-name  { display: block; }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick { gap: var(--spacing-gap-sm); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick input:checked ~ .pick-name { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; }
 .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick.is-on .pick-name  { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; } }
.bbc-liv.bbc-r .sec.hp-game { padding: 80px 128px; }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .sec.hp-game { padding: 64px calc(var(--spacing-margin-mobile-md) * 2); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick { gap: var(--spacing-gap-xs); } }
.bbc-liv .hp-game .stage .driver { gap: 0px; padding-bottom: var(--spacing-height-xl); }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .driver { gap: 0px; padding-bottom: var(--spacing-height-xl); } }
.bbc-liv .hp-game .stage .pick { position: relative; align-items: flex-start; }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick { position: relative; align-items: flex-start; } }
.bbc-liv .hp-game .stage .pick input:checked ~ .pick-name { position: absolute; top: 100%; left: 0px; width: auto; height: auto; margin: var(--spacing-gap-sm) 0 0; overflow: visible; clip: auto; white-space: nowrap; }

.bbc-liv .hp-game .stage .pick.is-on .pick-name  { position: absolute; top: 100%; left: 0px; width: auto; height: auto; margin: var(--spacing-gap-sm) 0 0; overflow: visible; clip: auto; white-space: nowrap; }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick input:checked ~ .pick-name { position: absolute; top: 100%; left: 0px; width: auto; height: auto; margin: var(--spacing-gap-sm) 0 0; overflow: visible; clip: auto; white-space: nowrap; }
 .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick.is-on .pick-name  { position: absolute; top: 100%; left: 0px; width: auto; height: auto; margin: var(--spacing-gap-sm) 0 0; overflow: visible; clip: auto; white-space: nowrap; } }
.bbc-liv .hp-game .stage .driver { gap: var(--spacing-gap-md); }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .driver { gap: var(--spacing-gap-md); } }
.bbc-liv.bbc-r .sec.hp-game { background: var(--color-background-neutral-10); color: var(--color-foreground-neutral-0); padding-top: calc(149px); }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .sec.hp-game { padding-top: calc(24px + var(--bhm-h)); } }
.bbc-liv .hp-game .sec-head h2 { color: var(--color-foreground-neutral-0); }
.bbc-liv .hp-game .sec-head .sec-eyebrow { color: var(--color-foreground-neutral-3); }
.bbc-liv .hp-game .stat dt { color: var(--color-foreground-neutral-4); }
.bbc-liv .hp-game .stat dd { color: var(--color-foreground-neutral-0); }
.bbc-liv .hp-game .gauge { color: var(--color-foreground-neutral-0); }
.bbc-liv .hp-game .gauge-line { background: var(--color-border-neutral-7); }
.bbc-liv .hp-game .gauge-fill { background: var(--color-border-neutral-0); }
.bbc-liv .hp-game .gauge-truck { background: var(--color-background-neutral-10); }
.bbc-liv .hp-game .stage { border-color: var(--color-border-neutral-8); }
.bbc-liv .hp-game .panel { color: var(--color-foreground-neutral-10); }
.bbc-liv.bbc-r .sec.hp-game { background-image: var(--bbc-decor-jeu); background-repeat: repeat-x; background-position: left bottom; background-size: auto 720px; }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .sec.hp-game { background-size: auto 440px; } }
.bbc-liv .hp-game .stat { border-top: 0px; padding-top: 0px; }
.bbc-liv .hp-game .stat dt { display: none; }
.bbc-liv .hp-game .panel .btn.outline { background: transparent; color: var(--color-foreground-neutral-10); border-color: var(--color-border-neutral-10); }
.bbc-liv .hp-game .panel .btn.outline:hover { background: var(--color-background-neutral-2); }
.bbc-liv .hp-game .panel a.btn { text-decoration: none; }
.bbc-liv.bbc-r .sec.hp-game { background-image: var(--bbc-decor-jeu); background-repeat: repeat; background-position: left bottom; }
.bbc-liv.bbc-r .sec.hp-game { background-image: var(--bbc-decor-jeu); }
.bbc-liv.bbc-r .sec.hp-game { background-image: var(--bbc-decor-nuages), var(--bbc-decor-jeu); background-repeat: repeat-x, repeat-x; background-position: left top 24px, left bottom; background-size: auto 300px, auto 720px; }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .sec.hp-game { background-size: auto 180px, auto 440px; background-position: left top 16px, left bottom; } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage { aspect-ratio: 1 / 1; } }
@media (max-width: 560px) { .bbc-liv .hp-game .stage { aspect-ratio: 1 / 1; } }
.bbc-liv .tp-scenes .sec-head .tp-scenes__cta { flex-shrink: 0; }
.bbc-liv .tp-scenes .tp-scenes__cta-bottom { display: none; }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .tp-scenes .sec-head .tp-scenes__cta { display: none; } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .tp-scenes .tp-scenes__cta-bottom { display: flex; margin-top: var(--spacing-gap-xl); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .tp-scenes .tp-scenes__cta-bottom .btn { width: 100%; justify-content: center; } }
.bbc-liv .hp-game .stage { container: hpstage / size; }
@container hpstage (max-width: 1007px) { .bbc-liv .hp-game .overlay { padding-top: 132px; } }
@container hpstage (max-height: 520px) { .bbc-liv .hp-game .keys { zoom: 0.72; } }
@container hpstage (max-height: 520px) { .bbc-liv .hp-game .panel { padding: var(--spacing-height-lg) var(--spacing-width-xl); gap: var(--spacing-gap-md); } }
@container hpstage (max-height: 420px) { .bbc-liv .hp-game .keys { zoom: 0.56; } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .overlay { align-items: center; padding-top: 72px; } }
.bbc-liv.bbc-r a.btn,
.bbc-liv.bbc-r a.btn:hover,
.bbc-liv.bbc-r a.btn:focus,
.bbc-liv.bbc-r a.btn:active { text-decoration: none; }
.bbc-liv .tp-scenes .tp-scene-label { max-width: calc(100% - 2 * var(--spacing-gap-lg)); box-sizing: border-box; }
.bbc-liv .tp-scenes .tp-scene-label { text-align: left; }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .driver { top: var(--spacing-height-md); left: var(--spacing-width-md); padding: var(--spacing-height-sm) var(--spacing-width-sm); gap: var(--spacing-gap-sm); flex-wrap: nowrap; } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .driver legend,
.bbc-liv.bbc-r.bbc-m .hp-game .stage .pick-name { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick { gap: 0px; } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick-face { width: var(--size-6); height: var(--size-7); border-width: var(--line-stroke-base); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick input:checked ~ .pick-face { border-width: var(--line-stroke-bold); }
 .bbc-liv.bbc-r.bbc-m .hp-game .stage .pick.is-on .pick-face  { border-width: var(--line-stroke-bold); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .overlay { padding: var(--spacing-height-md) var(--spacing-width-md); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .panel { max-width: calc(var(--size-15) + var(--size-7)); padding: var(--spacing-height-md) var(--spacing-width-lg); gap: var(--spacing-gap-md); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .panel .heading-title-sm { font-size: var(--font-size-md); line-height: var(--line-height-md); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .panel .text-md-regular { font-size: var(--font-size-sm); line-height: var(--line-height-sm); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game.is-touch .keys { padding-block: 0px; } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .tap-row { flex-direction: row; gap: var(--spacing-gap-md); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .tap { width: var(--size-7); height: var(--size-7); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .panel .btn { height: var(--size-6); font-size: var(--font-size-sm); } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .overlay { align-items: flex-end; } }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .hp-game .panel { max-width: none; width: 100%; } }

/* ── Ajustements propres à l'intégration Shopify ── */
/* Le header du thème n'est pas transparent : le jeu ne glisse plus dessous */
.bbc-liv.bbc-r .sec.hp-game { padding-top: 80px; scroll-margin-top: var(--header-height, 0px); }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .sec.hp-game { padding-top: 64px; } }
.bbc-liv .hero { margin-top: 0; }
/* Hero : bouton en lien */
.bbc-liv .hero__cta a.btn { text-decoration: none; }
/* Cartes vidéo : la vidéo Shopify (video_tag) remplit la carte */
.bbc-liv .ugc-media video, .bbc-liv .ugc-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bbc-liv .hero__video { width: 100%; height: 100%; object-fit: cover; }
/* Jeu en ouverture de page : encart à la hauteur de l'écran, le jeu occupe la place restante */
.bbc-liv.bbc-r .sec.hp-game.bbc-fullh { height: var(--bbc-jeu-h, 100svh); min-height: 520px; display: flex; flex-direction: column; padding-top: calc(40px + var(--bbc-hdr-cover, 0px)); padding-bottom: 40px; }
.bbc-liv .hp-game.bbc-fullh .sec-head { flex: 0 0 auto; }
.bbc-liv .hp-game.bbc-fullh .hp-game__body { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.bbc-liv .hp-game.bbc-fullh .game { flex: 1 1 auto; min-height: 0; }
.bbc-liv.bbc-r .hp-game.bbc-fullh .stage { flex: 1 1 auto; min-height: 0; aspect-ratio: auto; }
.bbc-liv .hp-game.bbc-fullh .stage { position: relative; }
.bbc-liv .hp-game.bbc-fullh .stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
@media (max-width: 767px) { .bbc-liv.bbc-r.bbc-m .sec.hp-game.bbc-fullh { padding-top: calc(24px + var(--bbc-hdr-cover, 0px)); padding-bottom: 24px; } .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .stage { aspect-ratio: auto; } }
/* Mobile, jeu plein écran : titre, texte et marges resserrés pour laisser le maximum de place au jeu.
   La hauteur suit la zone visible (barres de Safari comprises) ; si elle est trop courte, le jeu garde au moins 300 px et la section s'allonge. */
@media (max-width: 767px) {
  .bbc-liv.bbc-r.bbc-m .sec.hp-game.bbc-fullh { height: auto; min-height: var(--bbc-jeu-h, 100svh); padding: calc(12px + var(--bbc-hdr-cover, 0px)) 16px 16px; }
  .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .sec-head { margin: 0; padding: 0; }
  .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .sec-head h2 { font-size: 22px; line-height: 26px; }
  .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .sec-head .sec-eyebrow { margin: 6px 0 0 !important; font-size: 13px; line-height: 18px; }
  .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .hp-game__body { gap: 10px; margin-top: 10px; }
  .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .game { gap: 8px; }
  .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .stat dd { font-size: 20px; line-height: 24px; }
  .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .stage { min-height: 300px; }
  .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .panel { padding: 12px 16px; gap: 8px; }
  .bbc-liv.bbc-r.bbc-m .hp-game.bbc-fullh .panel .btn { height: 40px; }
}
/* iPhone : un appui long sur le jeu ne sélectionne rien (pas de surbrillance bleue ni de menu copier/coller) */
.bbc-liv .hp-game, .bbc-liv .hp-game * { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
.bbc-liv .hp-game .stage, .bbc-liv .hp-game .stage canvas { touch-action: manipulation; }
.bbc-liv .hp-game ::selection { background: transparent; }
/* Libellés des 4 vidéos : alignés à gauche, même sur mobile */
.bbc-liv .tp-scenes .tp-scene-label { text-align: left; }

/* ── PrestaShop 1.6 / Bootstrap 3 : neutralise les styles du thème qui portent les mêmes noms de classes ── */
.bbc-liv .btn { background-image: none; box-shadow: none; text-shadow: none; vertical-align: middle; margin-bottom: 0; }
.bbc-liv .btn:active, .bbc-liv .btn.active { box-shadow: none; }
.bbc-liv .btn:focus { outline: none; }
.bbc-liv .btn:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.bbc-liv .panel { border-radius: 0; margin-bottom: 0; }
.bbc-liv .block { margin-bottom: 0; }
.bbc-liv label { margin: 0; font-weight: inherit; max-width: none; }
.bbc-liv legend { width: auto; font-size: inherit; line-height: inherit; color: inherit; border: 0; }
.bbc-liv a:hover, .bbc-liv a:focus { text-decoration: none; }
.bbc-liv img { max-width: none; }
.bbc-liv h1, .bbc-liv h2 { font-weight: inherit; letter-spacing: inherit; }
/* La home PrestaShop est souvent dans un .container : les encarts sortent du conteneur et prennent toute la largeur.
   --bbc-sbw (largeur de la barre de défilement, mesurée par le JS) évite tout débordement horizontal,
   sans toucher à l'overflow de html/body (qui casserait le header collant du thème). */
.bbc-liv { --bbc-vw: calc(100vw - var(--bbc-sbw, 0px)); width: var(--bbc-vw); max-width: none; margin-left: calc(50% - var(--bbc-vw) / 2); margin-right: calc(50% - var(--bbc-vw) / 2); }
/* Sélecteur de conducteur : PrestaShop 1.6 (jQuery Uniform) enveloppe les boutons radio ; on masque l'enveloppe
   et l'état « choisi » est aussi porté par la classe .is-on (le JS la pose), au cas où le radio ne serait plus voisin des visuels */
.bbc-liv .pick div.radio, .bbc-liv .pick div.radio span { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; opacity: 0; background: none; }