/*
 * Arcade Musicale 8.3.6
 * Direction artistique partagée avec adrienhauquin.com : papier ivoire,
 * encre brune, accents sourds et scènes musicales ponctuellement sombres.
 */

:where(.atlas-musical, .arcade-musicale-live) {
  --music-paper: #f2ede4;
  --music-paper-soft: #f8f4ed;
  --music-paper-strong: #fffdf8;
  --music-ink: #332820;
  --music-brown: #544236;
  --music-brown-deep: #342a24;
  --music-muted: #6f6258;
  --music-line: rgba(84, 66, 54, .18);
  --music-line-strong: rgba(84, 66, 54, .32);
  --music-gold: #7d5d24;
  --music-gold-soft: #f2e1b9;
  --music-sage: #52654f;
  --music-sage-soft: #e8eee5;
  --music-clay: #945844;
  --music-clay-soft: #f4e4dd;
  --music-slate: #6d7f96;
  --music-slate-soft: #e5eaf0;
  --music-violet: #6b5d8d;
  --music-violet-soft: #ebe7f2;
  --music-teal: #3b706f;
  --music-teal-soft: #e0eeee;
  --music-shadow-sm: 0 8px 22px rgba(64, 48, 34, .07);
  --music-shadow: 0 18px 48px rgba(64, 48, 34, .10);
  --music-shadow-lg: 0 30px 80px rgba(64, 48, 34, .14);
  --music-radius-sm: 9px;
  --music-radius: 13px;
  --music-radius-lg: 18px;
  color: var(--music-ink);
  font-family: Merriweather, Georgia, "Times New Roman", serif;
}

:where(.atlas-musical, .arcade-musicale-live) *,
:where(.atlas-musical, .arcade-musicale-live) *::before,
:where(.atlas-musical, .arcade-musicale-live) *::after { box-sizing: border-box; }

:where(.atlas-musical, .arcade-musicale-live) :is(button, input, select, textarea) { font: inherit; }
:where(.atlas-musical, .arcade-musicale-live) :is(h1, h2, h3, h4, strong, button, .am-button, .aml-button) { font-family: Georgia, "Times New Roman", serif; }
:where(.atlas-musical, .arcade-musicale-live) :is(button, a, input, select, summary):focus-visible {
  outline: 3px solid var(--music-teal) !important;
  outline-offset: 3px !important;
}

.arcade-musicale-live :is(h1, h2, h3)[tabindex="-1"]:focus { outline: 0 !important; }

.am-ui-icon,
.aml-ui-icon {
  display: block;
  flex: 0 0 auto;
  height: 1.35em;
  width: 1.35em;
}

body.atlas-musical-page,
body.atlas-musical-live-page,
body.atlas-musical-page #page,
body.atlas-musical-live-page #page,
body.atlas-musical-page .site,
body.atlas-musical-live-page .site,
body.atlas-musical-page .site-inner,
body.atlas-musical-live-page .site-inner,
body.atlas-musical-page .site-content,
body.atlas-musical-live-page .site-content,
body.atlas-musical-page .content-area,
body.atlas-musical-live-page .content-area,
body.atlas-musical-page main.site-main,
body.atlas-musical-live-page main.site-main,
body.atlas-musical-page article.page,
body.atlas-musical-live-page article.page,
body.atlas-musical-page .entry-content,
body.atlas-musical-live-page .entry-content,
body.atlas-musical-page .post-content,
body.atlas-musical-live-page .post-content,
body.atlas-musical-page .page-content,
body.atlas-musical-live-page .page-content,
body.atlas-musical-page .wp-block-post-content,
body.atlas-musical-live-page .wp-block-post-content {
  background: var(--music-paper, #f2ede4) !important;
  background-color: var(--music-paper, #f2ede4) !important;
}

body.atlas-musical-page,
body.atlas-musical-live-page { overflow-x: hidden !important; }

/* -------------------------------------------------------------------------- */
/* Choix du mode                                                              */
/* -------------------------------------------------------------------------- */

.atlas-musical .am-mode-gate {
  background:
    linear-gradient(rgba(253, 250, 245, .78), rgba(242, 237, 228, .9)),
    repeating-linear-gradient(90deg, rgba(84, 66, 54, .018) 0 1px, transparent 1px 5px),
    var(--music-paper);
  color: var(--music-ink);
  padding: clamp(16px, 3vw, 42px);
}

.atlas-musical .am-mode-panel {
  background: var(--music-paper-strong);
  border: 1px solid var(--music-line);
  border-radius: var(--music-radius-lg);
  box-shadow: var(--music-shadow-lg);
  max-width: 1160px;
  padding: clamp(34px, 5vw, 64px);
}

.atlas-musical .am-mode-panel::before {
  background: linear-gradient(90deg, var(--music-teal), var(--music-gold) 52%, var(--music-clay));
  height: 4px;
}

.atlas-musical .am-mode-kicker {
  color: var(--music-brown);
  font-family: Georgia, "Times New Roman", serif;
  font-size: .78rem;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.atlas-musical .am-mode-kicker i { background: var(--music-line-strong); }

.atlas-musical .am-mode-panel h1 {
  color: var(--music-brown-deep);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.75rem, 6vw, 5rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1;
}

.atlas-musical .am-mode-panel > p {
  color: var(--music-muted);
  font-size: clamp(.98rem, 1.5vw, 1.08rem);
  line-height: 1.7;
}

.atlas-musical .am-mode-options { gap: clamp(14px, 2vw, 22px); margin-block: clamp(28px, 4vw, 44px) 20px; }

.atlas-musical .am-mode-option,
.atlas-musical-v6 .am-mode-option,
.atlas-musical .am-mode-option.is-live {
  --am-mode-accent: 59, 112, 111;
  background-color: var(--music-paper-strong) !important;
  background-image: linear-gradient(145deg, rgba(var(--am-mode-accent), .09), transparent 62%) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius);
  box-shadow: var(--music-shadow-sm);
  color: var(--music-ink) !important;
  min-height: 224px;
  padding: clamp(24px, 3vw, 32px);
}

.atlas-musical .am-mode-option.is-live { --am-mode-accent: 107, 93, 141; }
.atlas-musical .am-mode-option::before { background: rgb(var(--am-mode-accent)); height: 3px; }
.atlas-musical .am-mode-option:hover {
  border-color: rgba(var(--am-mode-accent), .62) !important;
  box-shadow: var(--music-shadow);
  transform: translateY(-3px);
}

.atlas-musical .am-mode-icon {
  background: rgba(var(--am-mode-accent), .1);
  border: 1px solid rgba(var(--am-mode-accent), .28);
  border-radius: 12px;
  color: rgb(var(--am-mode-accent));
  height: 58px;
  width: 58px;
}

.atlas-musical .am-mode-option small { color: rgb(var(--am-mode-accent)); }
.atlas-musical .am-mode-option strong { color: var(--music-brown-deep); font-size: clamp(1.55rem, 2.4vw, 2rem); }
.atlas-musical .am-mode-option em { color: var(--music-muted); }
.atlas-musical .am-mode-option > b {
  background: rgba(var(--am-mode-accent), .1);
  border: 1px solid rgba(var(--am-mode-accent), .25);
  color: rgb(var(--am-mode-accent));
}

.atlas-musical .am-mode-tags > span {
  background: rgba(var(--am-mode-accent), .075);
  border: 1px solid rgba(var(--am-mode-accent), .17);
  color: var(--music-brown);
}
.atlas-musical .am-mode-note { color: var(--music-muted); }

/* -------------------------------------------------------------------------- */
/* Coquille et accueil solo                                                    */
/* -------------------------------------------------------------------------- */

.atlas-musical-v6 {
  background: var(--music-paper) !important;
  color: var(--music-ink) !important;
  font-family: Merriweather, Georgia, "Times New Roman", serif !important;
}

.atlas-musical-v6 .am-ambient { display: none !important; }

.atlas-musical-v6 .am-topbar {
  align-items: center !important;
  background: rgba(253, 250, 245, .97) !important;
  border-bottom: 1px solid var(--music-line) !important;
  box-shadow: 0 6px 22px rgba(64, 48, 34, .05) !important;
  column-gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto !important;
  min-height: 76px !important;
  padding-block: 11px !important;
  row-gap: 0 !important;
}

.atlas-musical-v6[data-am-current-view] .am-topbar {
  column-gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto !important;
  row-gap: 0 !important;
}

.atlas-musical-v6 .am-brand { color: var(--music-brown-deep) !important; }
.atlas-musical-v6 .am-brand-mark {
  background: var(--music-brown) !important;
  border: 1px solid var(--music-brown) !important;
  border-radius: 11px !important;
  box-shadow: 0 8px 18px rgba(84, 66, 54, .16) !important;
  color: var(--music-paper-strong) !important;
}
.atlas-musical-v6 .am-brand-copy strong { color: var(--music-brown-deep) !important; font-family: Georgia, "Times New Roman", serif !important; }
.atlas-musical-v6 .am-brand-copy small { color: var(--music-muted) !important; }

.atlas-musical-v6 .am-mode-change {
  background: var(--music-paper-strong) !important;
  border-color: var(--music-line) !important;
  border-radius: 999px !important;
  color: var(--music-brown) !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

.atlas-musical-v6 .am-primary-nav {
  background: rgba(255, 253, 248, .9) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius) !important;
  box-shadow: var(--music-shadow-sm) !important;
  gap: 5px !important;
  margin: 18px auto 0 !important;
  max-width: 1180px !important;
  padding: 6px !important;
  width: calc(100% - 32px) !important;
}

.atlas-musical-v6[data-am-current-view] .am-primary-nav {
  background: rgba(255, 253, 248, .96) !important;
  color: var(--music-ink) !important;
}

.atlas-musical-v6 .am-primary-nav :is(button, a) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: var(--music-muted) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  min-height: 46px !important;
}

.atlas-musical-v6 .am-primary-nav :is(button, a):hover { background: rgba(84, 66, 54, .07) !important; color: var(--music-brown-deep) !important; }
.atlas-musical-v6 .am-primary-nav :is(button.is-active, [aria-current="page"]) { background: var(--music-brown) !important; color: #fffdf8 !important; }
.atlas-musical-v6 .am-nav-icon svg {
  fill: none;
  height: 19px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
  width: 19px;
}

.atlas-musical-v6 .am-main {
  background: transparent !important;
  color: var(--music-ink) !important;
  margin-inline: auto !important;
  max-width: 1220px !important;
  padding: clamp(20px, 3vw, 38px) 16px 48px !important;
}

.atlas-musical-v6 [data-am-content]:focus { outline: 0 !important; }

.atlas-musical-v6 .am-v611-lobby { gap: 18px !important; }
.atlas-musical-v6 .am-v611-hud {
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius) !important;
  box-shadow: var(--music-shadow-sm) !important;
  color: var(--music-ink) !important;
  min-height: 84px !important;
  padding: 13px 16px !important;
}

.atlas-musical-v6 .am-v611-level,
.atlas-musical-v6 .am-v611-stat {
  background: var(--music-paper-soft) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: 10px !important;
  color: var(--music-brown) !important;
}

.atlas-musical-v6 .am-v611-avatar {
  background: var(--music-gold-soft) !important;
  color: var(--music-brown) !important;
}
.atlas-musical-v6 .am-v611-avatar .am-ui-icon { height: 22px; width: 22px; }
.atlas-musical-v6 .am-v611-level :is(strong, small),
.atlas-musical-v6 .am-v611-stat :is(strong, small) { color: inherit !important; }
.atlas-musical-v6 .am-v611-stat > span { color: var(--music-clay) !important; }
.atlas-musical-v6 .am-v611-stat .am-ui-icon { height: 18px; width: 18px; }

.atlas-musical-v6 .am-v611-xp { color: var(--music-brown) !important; }
.atlas-musical-v6 .am-v611-xp strong { color: var(--music-brown-deep) !important; }
.atlas-musical-v6 .am-v611-xp small { color: var(--music-muted) !important; }
.atlas-musical-v6 .am-v611-xp-track { background: rgba(84, 66, 54, .1) !important; }
.atlas-musical-v6 .am-v611-xp-track i { background: linear-gradient(90deg, var(--music-teal), var(--music-gold)) !important; }

.atlas-musical-v6 .am-custom-session {
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius-lg) !important;
  box-shadow: var(--music-shadow) !important;
  color: var(--music-ink) !important;
  gap: clamp(24px, 4vw, 52px) !important;
  overflow: hidden !important;
  padding: clamp(26px, 4vw, 48px) !important;
  position: relative;
}

.atlas-musical-v6 .am-custom-session::before {
  background: linear-gradient(90deg, var(--music-teal), var(--music-gold), var(--music-clay));
  content: '';
  height: 4px;
  inset: 0 0 auto;
  position: absolute;
}

.atlas-musical-v6 .am-custom-intro { color: var(--music-ink) !important; }
.atlas-musical-v6 .am-custom-kicker { color: var(--music-teal) !important; letter-spacing: .11em !important; }
.atlas-musical-v6 .am-custom-kicker b { background: var(--music-teal-soft) !important; color: var(--music-teal) !important; }
.atlas-musical-v6 .am-custom-kicker .am-ui-icon { height: 20px; width: 20px; }
.atlas-musical-v6 .am-custom-intro h1 {
  color: var(--music-brown-deep) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.35rem, 4.8vw, 4.2rem) !important;
  letter-spacing: -.045em !important;
  line-height: 1.02 !important;
}
.atlas-musical-v6 .am-custom-intro > p { color: var(--music-muted) !important; font-size: .98rem !important; line-height: 1.7 !important; }
.atlas-musical-v6 .am-custom-benefits { border-top-color: var(--music-line) !important; }
.atlas-musical-v6 .am-custom-benefits span { background: var(--music-paper-soft) !important; border-color: var(--music-line) !important; color: var(--music-muted) !important; }
.atlas-musical-v6 .am-custom-benefits b { color: var(--music-brown) !important; }

.atlas-musical-v6 .am-custom-form {
  background: var(--music-paper-soft) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius) !important;
  box-shadow: none !important;
  color: var(--music-ink) !important;
  padding: clamp(18px, 2.5vw, 28px) !important;
}
.atlas-musical-v6 .am-custom-form fieldset { border-color: var(--music-line) !important; }
.atlas-musical-v6 .am-custom-form legend { color: var(--music-brown-deep) !important; }
.atlas-musical-v6 .am-custom-form legend > span { background: var(--music-brown) !important; color: #fffdf8 !important; }
.atlas-musical-v6 .am-custom-selection-actions button {
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  color: var(--music-brown) !important;
}

.atlas-musical-v6 .am-custom-game {
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--music-brown-deep) !important;
  min-height: 76px !important;
}
.atlas-musical-v6 .am-custom-game:hover { border-color: var(--music-line-strong) !important; transform: translateY(-1px); }
.atlas-musical-v6 .am-custom-game.is-selected { background: var(--music-teal-soft) !important; border-color: rgba(77, 137, 136, .48) !important; box-shadow: inset 3px 0 var(--music-teal) !important; }
.atlas-musical-v6 .am-custom-game.is-world.is-selected { background: var(--music-sage-soft) !important; border-color: rgba(132, 151, 127, .52) !important; box-shadow: inset 3px 0 var(--music-sage) !important; }
.atlas-musical-v6 .am-custom-game.is-timeline.is-selected { background: #f5ead5 !important; border-color: rgba(197, 154, 74, .55) !important; box-shadow: inset 3px 0 var(--music-gold) !important; }
.atlas-musical-v6 .am-custom-game.is-odd.is-selected { background: var(--music-clay-soft) !important; border-color: rgba(173, 111, 91, .48) !important; box-shadow: inset 3px 0 var(--music-clay) !important; }
.atlas-musical-v6 .am-custom-game.is-hunter.is-selected { background: var(--music-slate-soft) !important; border-color: rgba(109, 127, 150, .48) !important; box-shadow: inset 3px 0 var(--music-slate) !important; }
.atlas-musical-v6 .am-custom-game.is-beat.is-selected { background: var(--music-violet-soft) !important; border-color: rgba(120, 107, 154, .48) !important; box-shadow: inset 3px 0 var(--music-violet) !important; }
.atlas-musical-v6 .am-custom-game.is-orchestra.is-selected { background: #eee8df !important; border-color: rgba(84, 66, 54, .34) !important; box-shadow: inset 3px 0 var(--music-brown) !important; }
.atlas-musical-v6 .am-custom-game-icon { color: var(--music-brown) !important; }
.atlas-musical-v6 .am-custom-game-icon .am-ui-icon { height: 24px; width: 24px; }
.atlas-musical-v6 .am-custom-game-copy strong { color: var(--music-brown-deep) !important; }
.atlas-musical-v6 .am-custom-game-copy small { color: var(--music-muted) !important; }
.atlas-musical-v6 .am-custom-game > i {
  background: transparent !important;
  border-color: var(--music-line-strong) !important;
  color: transparent !important;
}
.atlas-musical-v6 .am-custom-game.is-selected > i,
.atlas-musical-v6 .am-custom-game input:checked ~ i {
  background: var(--music-teal) !important;
  border-color: var(--music-teal) !important;
  color: #fff !important;
}

.atlas-musical-v6 .am-custom-round-option span {
  background: var(--music-paper-strong) !important;
  border-color: var(--music-line) !important;
  color: var(--music-brown) !important;
}
.atlas-musical-v6 .am-custom-round-option input:checked + span { background: var(--music-brown) !important; border-color: var(--music-brown) !important; color: #fffdf8 !important; }
.atlas-musical-v6 .am-custom-start {
  background: var(--music-brown) !important;
  border: 1px solid var(--music-brown) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(84, 66, 54, .18) !important;
  color: #fffdf8 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}
.atlas-musical-v6 .am-custom-start:hover { background: var(--music-brown-deep) !important; transform: translateY(-1px); }
.atlas-musical-v6 .am-custom-start .am-ui-icon { height: 21px; width: 21px; }
.atlas-musical-v6 .am-custom-status { color: var(--music-muted) !important; }

.atlas-musical-v6 .am-v611-dashboard { gap: 12px !important; }
.atlas-musical-v6 .am-v611-profile,
.atlas-musical-v6 .am-v611-coming {
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius) !important;
  box-shadow: var(--music-shadow-sm) !important;
  color: var(--music-ink) !important;
}
.atlas-musical-v6 .am-v611-profile-icon { background: var(--music-gold-soft) !important; color: var(--music-brown) !important; }
.atlas-musical-v6 .am-v611-profile-icon .am-ui-icon { height: 22px; width: 22px; }
.atlas-musical-v6 .am-v611-profile :is(small, strong, em, b) { color: var(--music-brown) !important; }
.atlas-musical-v6 .am-v611-profile em { color: var(--music-muted) !important; }
.atlas-musical-v6 .am-v611-coming { color: var(--music-muted) !important; }
.atlas-musical-v6 .am-v611-coming small { color: var(--music-teal) !important; }
.atlas-musical-v6 .am-v611-coming .am-ui-icon { display: inline-block; height: 17px; margin-right: 5px; vertical-align: -3px; width: 17px; }

.atlas-musical-v6 .am-footer {
  background: var(--music-paper-soft) !important;
  border-top: 1px solid var(--music-line) !important;
  color: var(--music-muted) !important;
}
.atlas-musical-v6 .am-footer :is(a, button, strong) { color: var(--music-brown) !important; }

/* Le profil conserve la même grammaire éditoriale que l’accueil. */
.atlas-musical-v6 :is(.am-v72-hero, .am-v72-section, .am-v72-stats, .am-v72-xp-card, .am-v72-universe, .am-v72-goal, .am-v72-badge-layout, .am-v72-next-badge) {
  background-color: var(--music-paper-strong) !important;
  border-color: var(--music-line) !important;
  color: var(--music-ink) !important;
}
.atlas-musical-v6 .am-v72-hero,
.atlas-musical-v6 .am-v72-section { border-radius: var(--music-radius-lg) !important; box-shadow: var(--music-shadow-sm) !important; }
.atlas-musical-v6 :is(.am-v72-hero-copy h1, .am-v72-section h2, .am-v72-xp-card strong, .am-v72-universe strong, .am-v72-goal strong) { color: var(--music-brown-deep) !important; }
.atlas-musical-v6 :is(.am-v72-hero-copy p, .am-v72-section p, .am-v72-universe em, .am-v72-goal small) { color: var(--music-muted) !important; }

/* Les mini-jeux restent des scènes immersives, mais sont encadrés proprement. */
.atlas-musical-v6[data-am-current-view="game"] .am-main { max-width: 1280px !important; padding-top: 18px !important; }
.atlas-musical-v6[data-am-current-view="game"] [data-am-content] > :first-child {
  border-radius: var(--music-radius-lg) !important;
  box-shadow: var(--music-shadow) !important;
  overflow: hidden;
}

/* Scène de jeu : immersion sombre, mais dans la matière brune du site. */
.atlas-musical-v6[data-am-current-view="game"] .am-game-shell {
  background: transparent !important;
  color: var(--music-ink) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-top {
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius) !important;
  box-shadow: var(--music-shadow-sm) !important;
  color: var(--music-ink) !important;
  padding: 10px 12px !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-exit,
.atlas-musical-v6[data-am-current-view="game"] .am-game-score {
  background: var(--music-paper-soft) !important;
  border-color: var(--music-line) !important;
  color: var(--music-brown) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-title > span:first-child {
  background: var(--music-gold-soft) !important;
  border-color: rgba(197, 154, 74, .34) !important;
  box-shadow: none !important;
  color: var(--music-brown) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-title small { color: var(--music-teal) !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-game-title strong,
.atlas-musical-v6[data-am-current-view="game"] .am-game-score strong { color: var(--music-brown-deep) !important; font-family: Georgia, "Times New Roman", serif !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-game-score span { color: var(--music-muted) !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-game-progress { background: rgba(84, 66, 54, .12) !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-game-progress > span { background: linear-gradient(90deg, var(--music-teal), var(--music-gold), var(--music-clay)) !important; }

.atlas-musical-v6[data-am-current-view="game"] .am-game-stage {
  background:
    radial-gradient(circle at 14% 0, rgba(197, 154, 74, .18), transparent 27rem),
    radial-gradient(circle at 92% 18%, rgba(77, 137, 136, .11), transparent 24rem),
    linear-gradient(145deg, #3a3029, #251f1b) !important;
  border: 1px solid rgba(255, 253, 248, .14) !important;
  box-shadow: 0 24px 64px rgba(52, 42, 36, .24) !important;
  color: #f8f1e7 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-stage :is(h1, h2, h3) {
  color: #fffdf8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
}
.atlas-musical-v6[data-am-current-view="game"][data-am-game-phase] .am-game-stage h1 {
  color: #fffdf8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2rem, 4vw, 3.3rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.04em !important;
  line-height: 1.02 !important;
  text-transform: none !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-stage :is(p, small, .am-game-step, .am-game-question > p) { color: #d8cec4 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-game-stage :is(.am-game-step strong, .am-game-kicker, .am-odd-round-head > span) { color: #e6c47e !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-game-listen-box {
  background: rgba(255, 253, 248, .07) !important;
  border-color: rgba(255, 253, 248, .16) !important;
  box-shadow: none !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-listen-main strong { color: #fffdf8 !important; font-family: Georgia, "Times New Roman", serif !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-game-audio-toggle {
  background: var(--music-gold-soft) !important;
  border-color: rgba(197, 154, 74, .34) !important;
  color: var(--music-brown-deep) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-choice {
  background: rgba(255, 253, 248, .075) !important;
  border-color: rgba(255, 253, 248, .16) !important;
  box-shadow: none !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-choice:hover:not(:disabled) {
  background: rgba(197, 154, 74, .14) !important;
  border-color: rgba(230, 196, 126, .64) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-game-choice :is(strong, b) { color: #fffdf8 !important; font-family: Georgia, "Times New Roman", serif !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-game-choice-letter,
.atlas-musical-v6[data-am-current-view="game"] .am-game-choice-state {
  background: rgba(197, 154, 74, .13) !important;
  border-color: rgba(230, 196, 126, .34) !important;
  color: #e6c47e !important;
}

.atlas-musical-v6[data-am-current-view="game"] .am-bt-stage .am-game-listen-icon {
  background: var(--music-clay) !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-bt-stage .am-game-listen-label { color: #e6c47e !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-bt-stage .am-game-audio-progress { background: rgba(255, 253, 248, .12) !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-bt-stage .am-game-audio-progress span { background: linear-gradient(90deg, var(--music-clay), var(--music-gold), var(--music-teal)) !important; }

.atlas-musical-v6[data-am-current-view="game"] .am-tm-card {
  background: rgba(255, 253, 248, .075) !important;
  border-color: rgba(255, 253, 248, .16) !important;
  box-shadow: none !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-tm-card:hover:not(:disabled) { background: rgba(197, 154, 74, .14) !important; border-color: rgba(230, 196, 126, .58) !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-tm-card :is(strong, b) { color: #fffdf8 !important; font-family: Georgia, "Times New Roman", serif !important; }
.atlas-musical-v6[data-am-current-view="game"] :is(.am-tm-card-index, .am-tm-card-clock) { background: rgba(77, 137, 136, .18) !important; color: #c8e0dd !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-tm-hint button { background: rgba(197, 154, 74, .12) !important; border-color: rgba(230, 196, 126, .32) !important; color: #f2e1b9 !important; }

.atlas-musical-v6[data-am-current-view="game"] .am-odd-common-rule {
  background: rgba(197, 154, 74, .1) !important;
  border-color: rgba(230, 196, 126, .34) !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-odd-common-rule strong { color: #fffdf8 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-odd-case {
  background: rgba(255, 253, 248, .07) !important;
  border-color: rgba(255, 253, 248, .16) !important;
  box-shadow: none !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-odd-case:hover:not(:disabled) { background: rgba(77, 137, 136, .14) !important; border-color: rgba(126, 183, 181, .58) !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-odd-case strong { color: #fffdf8 !important; font-family: Georgia, "Times New Roman", serif !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-odd-case-scan { color: #e6c47e !important; }

/* Instrument Hunter : réponses sobres, lisibles et cohérentes avec l’écoute. */
.atlas-musical-v6[data-am-current-view="game"] .am-hunter-hint :is(button, p) {
  background: rgba(197, 154, 74, .1) !important;
  border-color: rgba(230, 196, 126, .35) !important;
  color: #f2e1b9 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-hunter-hint span { color: #c8bdb2 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-hunter-choice {
  background: rgba(255, 253, 248, .075) !important;
  border-color: rgba(255, 253, 248, .16) !important;
  box-shadow: none !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-hunter-choice:hover:not(:disabled) {
  background: rgba(197, 154, 74, .14) !important;
  border-color: rgba(230, 196, 126, .64) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-hunter-choice > strong { color: #fffdf8 !important; font-family: Georgia, "Times New Roman", serif !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-hunter-choice > small { color: #c8bdb2 !important; }
.atlas-musical-v6[data-am-current-view="game"] :is(.am-hunter-target-dot, .am-hunter-mechanism-icon) {
  background: rgba(77, 137, 136, .14) !important;
  border-color: rgba(126, 183, 181, .3) !important;
  color: #a9d0cc !important;
}

/* Beat Lab : console de rythme chaude, sans accents fluorescents. */
.atlas-musical-v6[data-am-current-view="game"] .am-beat-demo-panel {
  background: linear-gradient(105deg, rgba(197, 154, 74, .12), rgba(77, 137, 136, .08)) !important;
  border-color: rgba(230, 196, 126, .28) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-demo-panel small { color: #e6c47e !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-demo-panel strong { color: #fffdf8 !important; font-family: Georgia, "Times New Roman", serif !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-demo-panel div > span { color: #c8bdb2 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-demo-panel > button {
  background: #e6c47e !important;
  box-shadow: 0 8px 20px rgba(197, 154, 74, .16) !important;
  color: #332820 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-demo-panel > button.is-listening {
  background: #a9d0cc !important;
  color: #263c3b !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-step-grid i {
  background: rgba(255, 253, 248, .07) !important;
  border-color: rgba(255, 253, 248, .14) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-step-grid i::after { background: rgba(230, 196, 126, .38) !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-step-grid i.is-playing {
  background: #e6c47e !important;
  border-color: #e6c47e !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-step-grid i.is-playing::after { background: #332820 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-step-grid i.is-revealed {
  background: rgba(77, 137, 136, .2) !important;
  border-color: rgba(126, 183, 181, .68) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-step-grid i.is-revealed::after { background: #a9d0cc !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad,
.atlas-musical-v6[data-am-current-view="game"] .am-beat-tap-status {
  background: rgba(255, 253, 248, .065) !important;
  border-color: rgba(230, 196, 126, .3) !important;
  box-shadow: none !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad span { color: #e6c47e !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad strong { color: #a9d0cc !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad small,
.atlas-musical-v6[data-am-current-view="game"] .am-beat-tap-status > span { color: #c8bdb2 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad.is-waiting {
  background: rgba(255, 253, 248, .045) !important;
  border-color: rgba(255, 253, 248, .14) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad.is-waiting span { color: #b9aea4 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad.is-listening {
  background: rgba(77, 137, 136, .12) !important;
  border-color: rgba(126, 183, 181, .42) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad.is-listening span { color: #a9d0cc !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad.is-ready {
  background: rgba(197, 154, 74, .13) !important;
  border-color: rgba(230, 196, 126, .72) !important;
  box-shadow: 0 0 0 4px rgba(230, 196, 126, .06) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-pad.is-hit {
  background: #e6c47e !important;
  color: #332820 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-tap-status > strong { color: #fffdf8 !important; font-family: Georgia, "Times New Roman", serif !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-tap-status > button {
  border-color: rgba(255, 253, 248, .16) !important;
  color: #eee5da !important;
}
.atlas-musical-v6[data-am-current-view="game"] :is(.am-beat-rescue, .am-beat-result, .am-beat-result-score) {
  background: rgba(255, 253, 248, .07) !important;
  border-color: rgba(255, 253, 248, .16) !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-beat-result-score span { color: #e6c47e !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-beat-result-score small,
.atlas-musical-v6[data-am-current-view="game"] .am-beat-result-copy p { color: #c8bdb2 !important; }

/* Orchestra Builder : pupitre et scène prolongent la matière brune commune. */
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-bench {
  background: rgba(255, 253, 248, .065) !important;
  border-color: rgba(255, 253, 248, .15) !important;
  box-shadow: inset 0 1px rgba(255, 253, 248, .035) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-bench-title span,
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-stage-label { color: #e6c47e !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-bench-title small,
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-bench-empty { color: #c8bdb2 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-token {
  background: rgba(255, 253, 248, .075) !important;
  border-color: rgba(255, 253, 248, .16) !important;
  box-shadow: none !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-token:hover,
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-token.is-selected {
  background: rgba(197, 154, 74, .15) !important;
  border-color: rgba(230, 196, 126, .7) !important;
  box-shadow: 0 0 0 2px rgba(230, 196, 126, .07) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-token i,
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-placed i {
  background: rgba(197, 154, 74, .13) !important;
  border: 1px solid rgba(230, 196, 126, .28) !important;
  color: #f2e1b9 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-token strong,
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-placed strong { color: #fffdf8 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-token small { color: #c8bdb2 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-bench-actions button:first-child {
  background: rgba(255, 253, 248, .07) !important;
  border-color: rgba(255, 253, 248, .16) !important;
  color: #eee5da !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-bench-actions button:last-child {
  background: linear-gradient(105deg, #e6c47e, #c98865) !important;
  color: #332820 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-bench-actions button:disabled {
  background: rgba(255, 253, 248, .09) !important;
  color: #b9aea4 !important;
  filter: none !important;
  opacity: .62 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-stage-map {
  background:
    radial-gradient(ellipse at 50% 112%, rgba(197, 154, 74, .16), transparent 52%),
    linear-gradient(180deg, rgba(255, 253, 248, .07), rgba(255, 253, 248, .025)) !important;
  border-color: rgba(230, 196, 126, .25) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-stage-map::after {
  background: repeating-radial-gradient(ellipse at 50% 112%, transparent 0 48px, rgba(230, 196, 126, .085) 49px 50px, transparent 51px 82px) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-zone {
  background: rgba(32, 26, 22, .54) !important;
  border-color: rgba(255, 253, 248, .2) !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-zone:hover:not(:disabled),
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-zone.is-drag-over {
  background: rgba(77, 137, 136, .18) !important;
  border-color: rgba(126, 183, 181, .74) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-zone.is-locked {
  background: rgba(132, 151, 127, .18) !important;
  border-color: rgba(166, 188, 159, .68) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-zone-meta b { color: #e6c47e !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-zone-meta small,
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-empty { color: #c8bdb2 !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-placed small { color: #a9d0cc !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-conductor { color: #e6c47e !important; }
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-conductor i {
  background: #e6c47e !important;
  color: #332820 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-rescue,
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-result {
  background: rgba(255, 253, 248, .07) !important;
  border-color: rgba(255, 253, 248, .16) !important;
  color: #fffdf8 !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-result.is-correct {
  background: linear-gradient(100deg, rgba(132, 151, 127, .2), rgba(77, 137, 136, .1)) !important;
  border-color: rgba(166, 188, 159, .58) !important;
}
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-result-copy :is(h2, p),
.atlas-musical-v6[data-am-current-view="game"] .am-orchestra-rescue :is(strong, p) { color: #eee5da !important; }

@media (max-width: 900px) {
  .atlas-musical .am-mode-options { grid-template-columns: 1fr; max-width: 700px; }
  .atlas-musical .am-mode-option,
  .atlas-musical .am-mode-option.is-live { min-height: 224px; }
  .atlas-musical-v6 .am-primary-nav { overflow-x: auto; }
  .atlas-musical-v6 .am-custom-session { grid-template-columns: 1fr !important; }
  .atlas-musical-v6 .am-custom-intro { max-width: 760px !important; }
}

@media (max-width: 620px) {
  .atlas-musical .am-mode-gate { padding: max(10px, env(safe-area-inset-top)) 8px max(10px, env(safe-area-inset-bottom)); }
  .atlas-musical .am-mode-panel { border-radius: 14px; padding: 28px 14px 22px; }
  .atlas-musical .am-mode-panel h1 { font-size: clamp(2.35rem, 12vw, 3.2rem); }
  .atlas-musical .am-mode-option,
  .atlas-musical .am-mode-option.is-live { grid-template-columns: auto minmax(0, 1fr); min-height: 190px !important; padding: 17px 15px; }
  .atlas-musical .am-mode-option > b { display: none; }
  .atlas-musical .am-mode-tags { display: none; }
  .atlas-musical-v6 .am-primary-nav { border-radius: 10px !important; margin-top: 10px !important; width: calc(100% - 16px) !important; }
  .atlas-musical-v6 .am-primary-nav :is(button, a) { min-width: max-content; padding-inline: 12px !important; }
  .atlas-musical-v6 .am-main { padding-inline: 8px !important; }
  .atlas-musical-v6 .am-v611-hud { grid-template-columns: auto 1fr !important; }
  .atlas-musical-v6 .am-v611-stat { display: none !important; }
  .atlas-musical-v6 .am-custom-session { border-radius: 13px !important; padding: 24px 12px !important; }
  .atlas-musical-v6 .am-custom-game-grid { grid-template-columns: 1fr !important; }
  .atlas-musical-v6 .am-custom-form { padding: 14px !important; }
  .atlas-musical-v6 .am-v611-dashboard { grid-template-columns: minmax(0, 1fr) !important; }
  .atlas-musical-v6[data-am-current-view="home"] :is(.am-v611-profile, .am-v611-coming) {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  .atlas-musical-v6[data-am-current-view="home"] .am-v611-profile { grid-template-columns: auto minmax(0, 1fr) !important; }
  .atlas-musical-v6[data-am-current-view="home"] .am-v611-profile > span { min-width: 0 !important; }
  .atlas-musical-v6[data-am-current-view="home"] .am-v611-profile :is(strong, em, b) { overflow-wrap: anywhere; }
  .atlas-musical-v6[data-am-current-view="home"] .am-v611-coming { overflow: hidden !important; }
  .atlas-musical-v6[data-am-current-view="home"] .am-v611-coming > span {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
    width: auto !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Arcade Live                                                                */
/* -------------------------------------------------------------------------- */

.arcade-musicale-live {
  --aml-bg: var(--music-paper);
  --aml-surface: var(--music-paper-strong);
  --aml-surface-2: var(--music-paper-soft);
  --aml-surface-3: #ece4d8;
  --aml-ink: var(--music-ink);
  --aml-muted: var(--music-muted);
  --aml-line: var(--music-line);
  --aml-line-strong: var(--music-line-strong);
  --aml-violet: var(--music-violet);
  --aml-violet-strong: #62577f;
  --aml-cyan: var(--music-teal);
  --aml-green: var(--music-sage);
  --aml-yellow: var(--music-gold);
  --aml-red: var(--music-clay);
  background: var(--music-paper) !important;
  color: var(--music-ink) !important;
  font-family: Merriweather, Georgia, "Times New Roman", serif !important;
}

.arcade-musicale-live .aml-ambient { display: none !important; }
.arcade-musicale-live [hidden] { display: none !important; }

.arcade-musicale-live .aml-header {
  background: rgba(253, 250, 245, .97) !important;
  border-bottom: 1px solid var(--music-line) !important;
  box-shadow: 0 6px 22px rgba(64, 48, 34, .05) !important;
  min-height: 76px;
}
.arcade-musicale-live .aml-brand { color: var(--music-brown-deep) !important; }
.arcade-musicale-live .aml-brand-mark {
  background: var(--music-brown) !important;
  border: 1px solid var(--music-brown) !important;
  border-radius: 11px !important;
  box-shadow: 0 8px 18px rgba(84, 66, 54, .16) !important;
}
.arcade-musicale-live .aml-brand strong { color: var(--music-brown-deep) !important; font-family: Georgia, "Times New Roman", serif !important; }
.arcade-musicale-live .aml-brand small { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-capacity { background: var(--music-sage-soft) !important; border-color: rgba(132, 151, 127, .38) !important; color: #52654f !important; }
.arcade-musicale-live .aml-capacity-dot { color: var(--music-sage) !important; }

.arcade-musicale-live .aml-main {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--music-ink) !important;
  margin: 0 auto !important;
  max-width: 1320px !important;
  min-height: calc(100svh - 150px) !important;
  padding: clamp(28px, 4vw, 58px) 18px 48px !important;
  width: 100% !important;
}
.arcade-musicale-live .aml-shell { max-width: 1180px !important; }

.arcade-musicale-live .aml-live-hero { margin-inline: auto; max-width: 760px; padding: 0; text-align: center; }
.arcade-musicale-live .aml-live-hero .aml-eyebrow {
  color: var(--music-teal) !important;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.arcade-musicale-live .aml-live-hero h1 {
  color: var(--music-brown-deep) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(3rem, 6vw, 5.1rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.05em !important;
  line-height: .98 !important;
}
.arcade-musicale-live .aml-live-hero p { color: var(--music-muted) !important; font-size: clamp(.98rem, 1.4vw, 1.08rem) !important; line-height: 1.7 !important; }

.arcade-musicale-live .aml-entry-switch {
  background: rgba(255, 253, 248, .82);
  border: 1px solid var(--music-line);
  border-radius: var(--music-radius);
  box-shadow: var(--music-shadow-sm);
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 24px auto 18px;
  max-width: 660px;
  padding: 6px;
  width: 100%;
}
.arcade-musicale-live .aml-entry-switch-button {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: var(--music-muted) !important;
  cursor: pointer;
  display: grid;
  gap: 1px 10px;
  grid-template-columns: auto 1fr;
  min-height: 60px;
  padding: 9px 14px !important;
  text-align: left;
}
.arcade-musicale-live .aml-entry-switch-button > span { grid-row: 1 / 3; }
.arcade-musicale-live .aml-entry-switch-button .aml-ui-icon { height: 24px; width: 24px; }
.arcade-musicale-live .aml-entry-switch-button strong { color: inherit; font-size: 1rem; }
.arcade-musicale-live .aml-entry-switch-button small { color: inherit; font-size: .75rem; opacity: 1; }
.arcade-musicale-live .aml-entry-switch-button.is-active { background: var(--music-brown) !important; color: #fffdf8 !important; }

.arcade-musicale-live .aml-entry-grid {
  display: block !important;
  margin-inline: auto;
  max-width: 780px !important;
}
.arcade-musicale-live .aml-entry-panel { animation: aml-paper-in .26s ease both; }

@keyframes aml-paper-in {
  from { opacity: 1; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.arcade-musicale-live .aml-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius-lg) !important;
  box-shadow: var(--music-shadow) !important;
  color: var(--music-ink) !important;
}
.arcade-musicale-live .aml-player-entry,
.arcade-musicale-live .aml-host-entry { border-top: 4px solid var(--music-teal) !important; padding: clamp(24px, 4vw, 42px) !important; }
.arcade-musicale-live .aml-host-entry { border-top-color: var(--music-violet) !important; }
.arcade-musicale-live .aml-entry-heading h2 { color: var(--music-brown-deep) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(1.7rem, 3vw, 2.35rem) !important; }
.arcade-musicale-live .aml-entry-label { color: var(--music-teal) !important; letter-spacing: .12em !important; }
.arcade-musicale-live .aml-host-entry .aml-entry-label { color: var(--music-violet) !important; }
.arcade-musicale-live .aml-entry-heading + p,
.arcade-musicale-live .aml-card > p { color: var(--music-muted) !important; line-height: 1.65 !important; }
.arcade-musicale-live .aml-card-badge {
  background: var(--music-teal-soft) !important;
  border: 1px solid rgba(77, 137, 136, .26) !important;
  border-radius: 10px !important;
  color: var(--music-teal) !important;
}
.arcade-musicale-live .aml-host-entry .aml-card-badge { background: var(--music-violet-soft) !important; border-color: rgba(120, 107, 154, .24) !important; color: var(--music-violet) !important; }
.arcade-musicale-live .aml-card-badge .aml-ui-icon { height: 25px; width: 25px; }

.arcade-musicale-live .aml-field > span,
.arcade-musicale-live .aml-fieldset legend,
.arcade-musicale-live .aml-fixed-setting > span { color: var(--music-brown) !important; font-family: Georgia, "Times New Roman", serif !important; }
.arcade-musicale-live .aml-field :is(input, select) {
  background: #fff !important;
  border: 1px solid var(--music-line-strong) !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 2px rgba(64, 48, 34, .03) !important;
  color: var(--music-ink) !important;
}
.arcade-musicale-live .aml-field :is(input, select)::placeholder { color: #a2978e !important; opacity: 1 !important; }
.arcade-musicale-live .aml-code-input { color: var(--music-brown-deep) !important; letter-spacing: .16em !important; }

.arcade-musicale-live .aml-fieldset { border-color: var(--music-line) !important; }
.arcade-musicale-live .aml-game-check {
  background: var(--music-paper-soft) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: 9px !important;
  color: var(--music-brown) !important;
}
.arcade-musicale-live .aml-game-check:has(input:checked) { background: var(--music-violet-soft) !important; border-color: rgba(120, 107, 154, .36) !important; }
.arcade-musicale-live .aml-game-check input { accent-color: var(--music-violet); }
.arcade-musicale-live .aml-game-check .aml-ui-icon { display: inline-block; height: 17px; margin-right: 5px; vertical-align: -3px; width: 17px; }
.arcade-musicale-live .aml-fixed-setting,
.arcade-musicale-live .aml-host-player-choice { background: var(--music-paper-soft) !important; border-color: var(--music-line) !important; color: var(--music-muted) !important; }
.arcade-musicale-live .aml-fixed-setting strong { color: var(--music-brown-deep) !important; }

.arcade-musicale-live .aml-audio-primer,
.arcade-musicale-live .aml-privacy-note {
  background: var(--music-teal-soft) !important;
  border: 1px solid rgba(77, 137, 136, .2) !important;
  border-radius: 10px !important;
  color: #456f6e !important;
}
.arcade-musicale-live .aml-audio-primer strong { color: #456f6e !important; }
.arcade-musicale-live .aml-audio-primer small { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-privacy-note { background: var(--music-paper-soft) !important; border-color: var(--music-line) !important; color: var(--music-muted) !important; }
.arcade-musicale-live :is(.aml-audio-primer, .aml-privacy-note) .aml-ui-icon { height: 22px; width: 22px; }

.arcade-musicale-live .aml-button {
  border-radius: 9px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.arcade-musicale-live .aml-button-primary {
  background: var(--music-brown) !important;
  border-color: var(--music-brown) !important;
  box-shadow: 0 9px 22px rgba(84, 66, 54, .16) !important;
  color: #fffdf8 !important;
}
.arcade-musicale-live .aml-button-primary:hover { background: var(--music-brown-deep) !important; transform: translateY(-1px); }
.arcade-musicale-live .aml-button-secondary {
  background: var(--music-paper-strong) !important;
  border-color: var(--music-line-strong) !important;
  color: var(--music-brown) !important;
}
.arcade-musicale-live .aml-button-danger { background: transparent !important; border-color: rgba(173, 111, 91, .42) !important; color: #8f5343 !important; }
.arcade-musicale-live .aml-button .aml-ui-icon { display: inline-block; height: 18px; margin-right: 6px; vertical-align: -4px; width: 18px; }

/* Salle d’attente et barre de partie. */
.arcade-musicale-live .aml-roombar {
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius) !important;
  box-shadow: var(--music-shadow-sm) !important;
  color: var(--music-ink) !important;
}
.arcade-musicale-live .aml-room-code span { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-room-code strong { color: var(--music-brown-deep) !important; }
.arcade-musicale-live .aml-room-phase { background: var(--music-teal-soft) !important; border-color: rgba(77, 137, 136, .24) !important; color: #456f6e !important; }
.arcade-musicale-live .aml-room-progress { background: var(--music-violet-soft) !important; border-color: rgba(120, 107, 154, .26) !important; color: var(--music-violet) !important; }

.arcade-musicale-live .aml-lobby-grid { gap: 18px !important; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important; }
.arcade-musicale-live .aml-code-stage {
  background:
    radial-gradient(circle at 84% 5%, rgba(197, 154, 74, .2), transparent 18rem),
    var(--music-brown-deep) !important;
  border-color: rgba(255, 253, 248, .12) !important;
  color: #fffdf8 !important;
}
.arcade-musicale-live .aml-code-stage > span,
.arcade-musicale-live .aml-code-stage > p { color: #ded4ca !important; }
.arcade-musicale-live .aml-code-stage > strong { color: #fffdf8 !important; font-family: Georgia, "Times New Roman", serif !important; }
.arcade-musicale-live .aml-code-stage .aml-button-secondary { background: rgba(255, 253, 248, .08) !important; border-color: rgba(255, 253, 248, .2) !important; color: #fffdf8 !important; }
.arcade-musicale-live .aml-qr-button { background: #fff !important; border: 1px solid rgba(255, 253, 248, .22) !important; border-radius: 12px !important; color: var(--music-brown) !important; }
.arcade-musicale-live .aml-player-head h2 { color: var(--music-brown-deep) !important; }
.arcade-musicale-live .aml-player-head small { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-count { background: var(--music-paper-soft) !important; color: var(--music-brown) !important; }
.arcade-musicale-live .aml-player-list :is(li, button) { background: var(--music-paper-soft) !important; border-color: var(--music-line) !important; color: var(--music-brown) !important; }
.arcade-musicale-live .aml-player-audio .aml-ui-icon { height: 18px; width: 18px; }

.arcade-musicale-live .aml-sound-card,
.arcade-musicale-live .aml-lobby-action { box-shadow: var(--music-shadow-sm) !important; }
.arcade-musicale-live .aml-sound-status > span,
.arcade-musicale-live .aml-sound-lock-icon { background: var(--music-teal-soft) !important; color: var(--music-teal) !important; }
.arcade-musicale-live .aml-sound-status .aml-ui-icon,
.arcade-musicale-live .aml-sound-lock-icon .aml-ui-icon { height: 24px; width: 24px; }
.arcade-musicale-live .aml-sound-status strong { color: var(--music-brown-deep) !important; }
.arcade-musicale-live .aml-sound-status small { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-audio-readiness,
.arcade-musicale-live .aml-ready-state { background: var(--music-paper-soft) !important; border-color: var(--music-line) !important; color: var(--music-muted) !important; }
.arcade-musicale-live .aml-audio-readiness strong,
.arcade-musicale-live .aml-ready-state strong { color: var(--music-brown-deep) !important; }

.arcade-musicale-live .aml-qr-dialog {
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: var(--music-radius-lg) !important;
  box-shadow: 0 30px 100px rgba(30, 23, 18, .28) !important;
  color: var(--music-ink) !important;
}
.arcade-musicale-live .aml-qr-dialog::backdrop { background: rgba(35, 28, 23, .72) !important; backdrop-filter: blur(5px); }
.arcade-musicale-live .aml-qr-code-label { color: var(--music-brown) !important; }
.arcade-musicale-live .aml-qr-dialog h2 { color: var(--music-brown-deep) !important; }

/* Décompte, questions et réponses. */
.arcade-musicale-live .aml-preflight {
  background:
    radial-gradient(circle at 50% 8%, rgba(197, 154, 74, .22), transparent 19rem),
    var(--music-brown-deep) !important;
  border-color: rgba(255, 253, 248, .12) !important;
  color: #fffdf8 !important;
}
.arcade-musicale-live .aml-preflight h1 { color: #fffdf8 !important; }
.arcade-musicale-live .aml-preflight p { color: #dcd1c7 !important; }
.arcade-musicale-live .aml-preflight-kicker { color: var(--music-gold-soft) !important; }
.arcade-musicale-live .aml-preflight-count { background: rgba(255, 253, 248, .06) !important; border-color: var(--music-gold) !important; color: #fffdf8 !important; }
.arcade-musicale-live .aml-preflight-shield { background: rgba(255, 253, 248, .08) !important; border-color: rgba(255, 253, 248, .16) !important; color: #e5dbd1 !important; }

.arcade-musicale-live .aml-question-layout { gap: 18px !important; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px) !important; }
.arcade-musicale-live .aml-question-card { padding: clamp(22px, 3.5vw, 42px) !important; }
.arcade-musicale-live .aml-game-progress { background: rgba(84, 66, 54, .09) !important; }
.arcade-musicale-live .aml-game-progress span { background: linear-gradient(90deg, var(--music-teal), var(--music-gold)) !important; }
.arcade-musicale-live .aml-question-kicker { color: var(--music-teal) !important; }
.arcade-musicale-live .aml-question-kicker > span { background: var(--music-teal-soft) !important; border-radius: 8px; color: var(--music-teal) !important; padding: 6px; }
.arcade-musicale-live .aml-question-kicker .aml-ui-icon { height: 18px; width: 18px; }
.arcade-musicale-live .aml-progress-label { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-timer {
  background: var(--music-brown-deep) !important;
  border-color: var(--music-brown-deep) !important;
  border-radius: 10px !important;
  color: #fffdf8 !important;
}
.arcade-musicale-live .aml-timer-label { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-question-card h1 { color: var(--music-brown-deep) !important; font-family: Georgia, "Times New Roman", serif !important; letter-spacing: -.035em !important; }
.arcade-musicale-live .aml-context { background: #f7edda !important; border-color: rgba(197, 154, 74, .34) !important; color: var(--music-brown) !important; }
.arcade-musicale-live .aml-context span { color: #8d6f35 !important; }
.arcade-musicale-live .aml-context strong { color: var(--music-brown-deep) !important; }

.arcade-musicale-live .aml-audio-box {
  background: var(--music-paper-soft) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: 11px !important;
  color: var(--music-brown) !important;
}
.arcade-musicale-live .aml-audio-box > span { background: var(--music-teal-soft) !important; color: var(--music-teal) !important; }
.arcade-musicale-live .aml-audio-box .aml-ui-icon { height: 24px; width: 24px; }
.arcade-musicale-live .aml-audio-copy strong { color: var(--music-brown-deep) !important; }
.arcade-musicale-live .aml-audio-copy small { color: var(--music-muted) !important; }

.arcade-musicale-live .aml-choice {
  background: var(--music-paper-soft) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  color: var(--music-brown-deep) !important;
}
.arcade-musicale-live .aml-choice:nth-child(4n + 1) { background: var(--music-clay-soft) !important; border-color: rgba(173, 111, 91, .35) !important; }
.arcade-musicale-live .aml-choice:nth-child(4n + 2) { background: var(--music-slate-soft) !important; border-color: rgba(109, 127, 150, .35) !important; }
.arcade-musicale-live .aml-choice:nth-child(4n + 3) { background: #f5ead5 !important; border-color: rgba(197, 154, 74, .4) !important; }
.arcade-musicale-live .aml-choice:nth-child(4n + 4) { background: var(--music-violet-soft) !important; border-color: rgba(120, 107, 154, .34) !important; }
.arcade-musicale-live .aml-choice:hover:not(:disabled) { border-color: var(--music-brown) !important; box-shadow: var(--music-shadow-sm) !important; transform: translateY(-2px); }
.arcade-musicale-live .aml-choice.is-selected { box-shadow: 0 0 0 3px rgba(77, 137, 136, .28) !important; border-color: var(--music-teal) !important; }
.arcade-musicale-live .aml-choice-index { background: var(--music-brown) !important; color: #fffdf8 !important; }
.arcade-musicale-live .aml-choice-copy strong { color: var(--music-brown-deep) !important; }
.arcade-musicale-live .aml-choice-copy small { color: var(--music-muted) !important; }

.arcade-musicale-live .aml-answered {
  background: var(--music-sage-soft) !important;
  border: 1px solid rgba(132, 151, 127, .38) !important;
  border-radius: 12px !important;
  color: #485a45 !important;
}
.arcade-musicale-live .aml-answered-mark { background: var(--music-sage) !important; color: #fff !important; }
.arcade-musicale-live .aml-answered strong { color: #3f503c !important; }
.arcade-musicale-live .aml-answered-question,
.arcade-musicale-live .aml-waiting-pulse { color: #60715d !important; }
.arcade-musicale-live .aml-answered b { background: rgba(255, 255, 255, .58) !important; border-color: rgba(132, 151, 127, .3) !important; color: #3f503c !important; }
.arcade-musicale-live .aml-waiting-pulse i { background: var(--music-sage) !important; }

.arcade-musicale-live .aml-stat-card { box-shadow: var(--music-shadow-sm) !important; }
.arcade-musicale-live .aml-stat-card > span { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-stat-card strong { color: var(--music-brown-deep) !important; }
.arcade-musicale-live .aml-stat-card small { color: var(--music-muted) !important; }

.arcade-musicale-live .aml-question-sound-lock { background: var(--music-clay-soft) !important; border-color: rgba(173, 111, 91, .32) !important; color: var(--music-brown) !important; }

/* Correction, classement et bilan. */
.arcade-musicale-live .aml-reveal-card { border-left: 5px solid var(--music-gold) !important; text-align: left !important; }
.arcade-musicale-live .aml-reveal-card .aml-result-mark { background: var(--music-gold-soft) !important; color: #8b6b30 !important; }
.arcade-musicale-live .aml-reveal-card .aml-eyebrow,
.arcade-musicale-live .aml-podium .aml-eyebrow { color: var(--music-gold) !important; }
.arcade-musicale-live .aml-reveal-card h1,
.arcade-musicale-live .aml-podium h1 { color: var(--music-brown-deep) !important; font-family: Georgia, "Times New Roman", serif !important; }
.arcade-musicale-live .aml-learning { background: var(--music-paper-soft) !important; border-color: var(--music-line) !important; color: var(--music-brown) !important; }
.arcade-musicale-live .aml-personal-result { background: var(--music-sage-soft) !important; border-color: rgba(132, 151, 127, .34) !important; color: #4f604b !important; }
.arcade-musicale-live .aml-personal-result > span:first-child { background: rgba(255, 255, 255, .7) !important; color: var(--music-sage) !important; }
.arcade-musicale-live .aml-personal-result .aml-ui-icon { height: 24px; width: 24px; }
.arcade-musicale-live .aml-phase-cue { background: var(--music-brown) !important; border-color: var(--music-brown) !important; color: #fffdf8 !important; }
.arcade-musicale-live .aml-card > p.aml-phase-cue { color: #fffdf8 !important; }

.arcade-musicale-live .aml-ranking-caption { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-ranking li,
.arcade-musicale-live .aml-mini-ranking li { background: var(--music-paper-soft) !important; border-color: var(--music-line) !important; color: var(--music-brown) !important; }
.arcade-musicale-live .aml-ranking li.is-me { background: var(--music-teal-soft) !important; border-color: rgba(77, 137, 136, .38) !important; }
.arcade-musicale-live .aml-rank { background: var(--music-gold-soft) !important; color: #7d602b !important; }
.arcade-musicale-live .aml-ranking-copy strong,
.arcade-musicale-live .aml-score { color: var(--music-brown-deep) !important; }
.arcade-musicale-live .aml-ranking-copy small { color: var(--music-muted) !important; }

.arcade-musicale-live .aml-final-stage {
  background:
    radial-gradient(circle at 50% 5%, rgba(197, 154, 74, .22), transparent 22rem),
    var(--music-brown-deep) !important;
  border-color: rgba(255, 253, 248, .12) !important;
  color: #fffdf8 !important;
}
.arcade-musicale-live .aml-final-stage h1 { color: #fffdf8 !important; }
.arcade-musicale-live .aml-final-stage > p { color: #ded4ca !important; }
.arcade-musicale-live .aml-final-stage .aml-eyebrow { color: var(--music-gold-soft) !important; }
.arcade-musicale-live .aml-podium-medal { color: var(--music-gold-soft) !important; }
.arcade-musicale-live .aml-podium-medal .aml-ui-icon { height: 34px; width: 34px; }
.arcade-musicale-live .aml-podium-place > strong { color: #fffdf8 !important; }
.arcade-musicale-live .aml-podium-place > small { color: #ded4ca !important; }
.arcade-musicale-live .aml-podium-step { background: var(--music-slate) !important; border-color: rgba(255, 255, 255, .2) !important; color: #fff !important; }
.arcade-musicale-live .aml-podium-place.is-slot-1 .aml-podium-step { background: linear-gradient(#e0b85f, #b7862f) !important; }
.arcade-musicale-live .aml-podium-place.is-slot-2 .aml-podium-step { background: linear-gradient(#9ba7b4, #6f7e8e) !important; }
.arcade-musicale-live .aml-podium-place.is-slot-3 .aml-podium-step { background: linear-gradient(#b9876a, #8d604b) !important; }
.arcade-musicale-live .aml-final-personal { background: #f7edda !important; border-color: rgba(197, 154, 74, .35) !important; color: var(--music-brown) !important; }
.arcade-musicale-live .aml-report-grid .aml-card,
.arcade-musicale-live .aml-results > .aml-card { box-shadow: var(--music-shadow-sm) !important; }
.arcade-musicale-live .aml-metric,
.arcade-musicale-live .aml-review { background: var(--music-paper-soft) !important; border-color: var(--music-line) !important; color: var(--music-brown) !important; }
.arcade-musicale-live .aml-metric .aml-ui-icon,
.arcade-musicale-live .aml-review-icon .aml-ui-icon { display: inline-block; height: 19px; vertical-align: -4px; width: 19px; }
.arcade-musicale-live .aml-review-title strong,
.arcade-musicale-live .aml-metric strong { color: var(--music-brown-deep) !important; }
.arcade-musicale-live .aml-review-title small,
.arcade-musicale-live .aml-metric small { color: var(--music-muted) !important; }
.arcade-musicale-live .aml-review-status.is-ok { background: var(--music-sage-soft) !important; color: #52654f !important; }
.arcade-musicale-live .aml-review-status.is-review { background: var(--music-clay-soft) !important; color: #8f5343 !important; }

.arcade-musicale-live .aml-footer { background: var(--music-paper-soft) !important; border-top-color: var(--music-line) !important; color: var(--music-muted) !important; }
.arcade-musicale-live .aml-footer :is(a, strong) { color: var(--music-brown) !important; }

.arcade-musicale-live.is-presentation,
.arcade-musicale-live:fullscreen { background: var(--music-paper) !important; }
.arcade-musicale-live.is-presentation .aml-main,
.arcade-musicale-live:fullscreen .aml-main { max-width: 1600px !important; padding: clamp(10px, 2vw, 24px) !important; }

@media (max-width: 940px) {
  .arcade-musicale-live .aml-question-layout,
  .arcade-musicale-live .aml-lobby-grid { grid-template-columns: 1fr !important; }
  .arcade-musicale-live .aml-side-stack { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arcade-musicale-live .aml-side-stack > :only-child { grid-column: 1 / -1; }
  .arcade-musicale-live .aml-lobby-side { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arcade-musicale-live .aml-lobby-side > :first-child { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .arcade-musicale-live .aml-header { min-height: 66px; padding-block: 8px !important; }
  .arcade-musicale-live .aml-capacity-prefix { display: none; }
  .arcade-musicale-live .aml-main { padding: 22px 8px 34px !important; }
  .arcade-musicale-live .aml-live-hero h1 { font-size: clamp(2.55rem, 13vw, 3.7rem) !important; }
  .arcade-musicale-live .aml-entry-switch { margin-top: 18px; }
  .arcade-musicale-live .aml-entry-switch-button { min-height: 56px; padding-inline: 10px !important; }
  .arcade-musicale-live .aml-player-entry,
  .arcade-musicale-live .aml-host-entry { border-radius: 13px !important; padding: 20px 14px !important; }
  .arcade-musicale-live .aml-game-checks { grid-template-columns: 1fr !important; }
  .arcade-musicale-live .aml-form-row,
  .arcade-musicale-live .aml-side-stack,
  .arcade-musicale-live .aml-lobby-side { grid-template-columns: 1fr !important; }
  .arcade-musicale-live .aml-roombar { align-items: flex-start !important; border-radius: 11px !important; padding: 11px !important; }
  .arcade-musicale-live .aml-room-code strong { font-size: 1.3rem !important; }
  .arcade-musicale-live .aml-question-card { border-radius: 13px !important; padding: 20px 12px !important; }
  .arcade-musicale-live .aml-choice-grid { grid-template-columns: 1fr !important; }
  .arcade-musicale-live .aml-choice { min-height: 66px !important; }
  .arcade-musicale-live .aml-code-stage { border-radius: 13px !important; }
  .arcade-musicale-live .aml-final-stage { border-radius: 13px !important; }
}

@media (max-width: 390px) {
  .arcade-musicale-live .aml-entry-switch-button small { display: none; }
  .arcade-musicale-live .aml-entry-switch-button { grid-template-columns: auto 1fr; min-height: 50px; }
  .arcade-musicale-live .aml-entry-switch-button > span { grid-row: auto; }
  .arcade-musicale-live .aml-brand small { display: none; }
  .arcade-musicale-live .aml-capacity { font-size: .75rem !important; }
  .arcade-musicale-live .aml-question-head { align-items: flex-start !important; }
  .arcade-musicale-live .aml-progress-label { font-size: .75rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  .arcade-musicale-live .aml-entry-panel { animation: none; }
}

/* -------------------------------------------------------------------------- */
/* 8.3.2 — rythme, densité et cohérence multi-écrans                          */
/* -------------------------------------------------------------------------- */

/* Le choix du mode garde deux propositions de même poids visuel. */
.atlas-musical .am-mode-panel {
  max-width: 1080px;
  padding: clamp(30px, 4vw, 52px);
}
.atlas-musical .am-mode-panel h1 {
  font-size: clamp(2.65rem, 4.5vw, 4.25rem);
  line-height: 1.02;
  margin-inline: auto;
  max-width: 16ch;
  text-wrap: balance;
}
.atlas-musical .am-mode-panel > p {
  margin-inline: auto;
  max-width: 58ch;
  text-wrap: balance;
}
.atlas-musical .am-mode-options {
  gap: clamp(14px, 1.8vw, 20px);
  margin-block: clamp(22px, 3vw, 32px) 16px;
}
.atlas-musical .am-mode-option,
.atlas-musical-v6 .am-mode-option,
.atlas-musical .am-mode-option.is-live {
  min-height: 202px;
  padding: clamp(21px, 2.4vw, 28px);
}
.atlas-musical .am-mode-option:focus-visible {
  box-shadow: 0 0 0 4px rgba(var(--am-mode-accent), .16), var(--music-shadow-sm);
  outline: 2px solid rgba(var(--am-mode-accent), .78);
  outline-offset: 2px;
}

/* L’accueil Solo tient dans le premier écran sur ordinateur et reste scannable. */
.atlas-musical-v6 .am-topbar { min-height: 68px !important; padding-block: 8px !important; }
.atlas-musical-v6 .am-brand-mark { height: 41px !important; width: 41px !important; }
.atlas-musical-v6 .am-primary-nav { margin-top: 12px !important; }
.atlas-musical-v6 .am-primary-nav :is(button, a) { min-height: 42px !important; }
.atlas-musical-v6 .am-main { min-height: 0 !important; padding: clamp(15px, 2vw, 24px) 16px 38px !important; }
.atlas-musical-v6 .am-v611-lobby { gap: 13px !important; }
.atlas-musical-v6 .am-v611-hud { min-height: 72px !important; padding: 10px 13px !important; }
.atlas-musical-v6 .am-custom-session {
  gap: clamp(22px, 3vw, 34px) !important;
  grid-template-columns: minmax(270px, .76fr) minmax(500px, 1.24fr) !important;
  padding: clamp(22px, 3vw, 32px) !important;
}
.atlas-musical-v6 .am-custom-intro {
  align-content: center !important;
  padding: 0 !important;
}
.atlas-musical-v6 .am-custom-kicker { margin-bottom: 12px !important; }
.atlas-musical-v6 .am-custom-intro h1 {
  font-size: clamp(2.35rem, 3.7vw, 3.45rem) !important;
  line-height: 1.03 !important;
  margin-bottom: 13px !important;
  max-width: 11ch;
  text-wrap: balance;
}
.atlas-musical-v6 .am-custom-intro > p { line-height: 1.62 !important; max-width: 45ch; }
.atlas-musical-v6 .am-custom-benefits { margin-top: 18px !important; }
.atlas-musical-v6 .am-custom-benefits > span { border-radius: 9px !important; padding: 8px 9px !important; }
.atlas-musical-v6 .am-custom-benefits small { color: var(--music-muted) !important; }
.atlas-musical-v6 .am-custom-form { padding: clamp(17px, 2vw, 22px) !important; }
.atlas-musical-v6 .am-custom-selection-actions button {
  border-radius: 999px !important;
  font-size: .75rem !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
  text-decoration: none !important;
}
.atlas-musical-v6 .am-custom-game { min-height: 62px !important; padding: 8px 10px !important; }
.atlas-musical-v6 .am-custom-game-icon {
  background: var(--music-paper-soft) !important;
  border-color: var(--music-line) !important;
  height: 35px !important;
  width: 35px !important;
}
.atlas-musical-v6 .am-custom-launch { margin-top: 13px !important; }
.atlas-musical-v6 .am-custom-round-option input:checked + span { box-shadow: 0 6px 14px rgba(84, 66, 54, .14) !important; }
.atlas-musical-v6 .am-v611-dashboard { gap: 10px !important; }
.atlas-musical-v6 .am-v611-coming > span {
  background: var(--music-teal-soft) !important;
  border: 1px solid rgba(77, 137, 136, .22) !important;
  border-radius: 9px !important;
  color: #456f6e !important;
}
.atlas-musical-v6 .am-footer { padding-block: 16px !important; }

/* En direct : même coquille que le Solo, sans grande zone vide avant l’action. */
.arcade-musicale-live .aml-header { min-height: 68px; padding-block: 8px !important; }
.arcade-musicale-live .aml-brand-mark { height: 41px; width: 41px; }
.arcade-musicale-live .aml-main {
  min-height: calc(100svh - 128px) !important;
  padding: clamp(18px, 2.3vw, 28px) 16px 34px !important;
}
.arcade-musicale-live .aml-intro { gap: 14px; }
.arcade-musicale-live .aml-live-hero { max-width: 700px; }
.arcade-musicale-live .aml-live-hero .aml-eyebrow { margin-bottom: 8px; }
.arcade-musicale-live .aml-live-hero h1 {
  font-size: clamp(2.6rem, 4.6vw, 4rem) !important;
  line-height: 1.02 !important;
  margin-bottom: 10px;
  text-wrap: balance;
}
.arcade-musicale-live .aml-live-hero p {
  font-size: clamp(.94rem, 1.25vw, 1.04rem) !important;
  line-height: 1.58 !important;
  max-width: 60ch;
  text-wrap: balance;
}
.arcade-musicale-live .aml-entry-switch {
  margin-block: 10px 12px;
  max-width: 610px;
}
.arcade-musicale-live .aml-entry-switch-button { min-height: 52px; padding-block: 7px !important; }
.arcade-musicale-live .aml-entry-grid { max-width: 830px !important; }
.arcade-musicale-live .aml-player-entry,
.arcade-musicale-live .aml-host-entry { padding: clamp(22px, 2.8vw, 30px) !important; }
.arcade-musicale-live .aml-entry-heading { gap: 12px; }
.arcade-musicale-live .aml-entry-heading .aml-card-badge { flex-basis: 43px; height: 43px; width: 43px; }
.arcade-musicale-live .aml-entry-heading h2 { font-size: clamp(1.55rem, 2.3vw, 2rem) !important; }
.arcade-musicale-live .aml-player-entry > p,
.arcade-musicale-live .aml-host-entry > p { margin-top: 11px; }
.arcade-musicale-live .aml-form { gap: 12px; margin-top: 16px; }
.arcade-musicale-live .aml-player-entry .aml-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.arcade-musicale-live .aml-player-entry .aml-form > :is(.aml-audio-primer, .aml-privacy-note, .aml-join-button, .aml-inline-error) { grid-column: 1 / -1; }
.arcade-musicale-live .aml-field input,
.arcade-musicale-live .aml-field select { min-height: 50px; }
.arcade-musicale-live .aml-code-input { min-height: 54px !important; }
.arcade-musicale-live .aml-audio-primer,
.arcade-musicale-live .aml-privacy-note { margin: 0; padding: 9px 11px; }
.arcade-musicale-live .aml-join-button { min-height: 50px; }
.arcade-musicale-live .aml-footer { min-height: 62px; padding-block: 12px; }

/* Salle, question et bilans : composants plus compacts, titres sans césure. */
.arcade-musicale-live .aml-room { gap: 13px; }
.arcade-musicale-live .aml-roombar { min-height: 62px; padding: 10px 14px; }
.arcade-musicale-live .aml-room-code span { font-size: .75rem; text-transform: none; }
.arcade-musicale-live .aml-room-code strong { font-size: 1.55rem; }
.arcade-musicale-live .aml-roombar .aml-button { min-height: 44px; }
.arcade-musicale-live .aml-room-progress { min-height: 38px; padding-block: 6px; }
.arcade-musicale-live .aml-lobby-grid { gap: 13px !important; }
.arcade-musicale-live .aml-lobby-side { gap: 13px; }
.arcade-musicale-live .aml-code-stage { min-height: 286px; padding: 24px !important; }
.arcade-musicale-live .aml-code-stage > strong { font-size: clamp(3rem, 8vw, 5.2rem); margin-block: 10px 14px; }
.arcade-musicale-live .aml-code-stage > p { margin-bottom: 14px; }
.arcade-musicale-live .aml-lobby-action,
.arcade-musicale-live .aml-sound-card { padding: 17px !important; }
.arcade-musicale-live .aml-question-layout { gap: 13px !important; }
.arcade-musicale-live .aml-question-card {
  min-height: 0;
  padding: clamp(19px, 2.6vw, 30px) !important;
}
.arcade-musicale-live .aml-question-head { margin-bottom: 15px; }
.arcade-musicale-live .aml-timer-wrap { margin-bottom: 14px; }
.arcade-musicale-live .aml-timer { min-height: 50px; min-width: 100px; }
.arcade-musicale-live .aml-question-card h1 {
  font-size: clamp(1.75rem, 3.25vw, 2.7rem) !important;
  hyphens: none;
  line-height: 1.08 !important;
  margin-bottom: 11px;
  overflow-wrap: normal;
  text-wrap: balance;
  word-break: normal;
}
.arcade-musicale-live .aml-context { margin-bottom: 15px; }
.arcade-musicale-live .aml-audio-box { margin-bottom: 13px; }
.arcade-musicale-live .aml-choice-grid { gap: 9px; }
.arcade-musicale-live .aml-choice { min-height: 60px; padding: 9px 11px; }
.arcade-musicale-live .aml-answered {
  min-height: 0;
  margin-top: 13px;
  padding: 14px 16px;
}
.arcade-musicale-live .aml-answered-mark { flex-basis: 42px; height: 42px; }
.arcade-musicale-live .aml-answered > div > strong { font-size: clamp(1.05rem, 2.3vw, 1.35rem); }
.arcade-musicale-live .aml-answered b { padding: 8px 10px; }
.arcade-musicale-live .aml-side-stack { gap: 13px; }
.arcade-musicale-live .aml-stat-card { padding: 18px !important; }

.arcade-musicale-live .aml-reveal-card { min-height: 0; padding-block: clamp(27px, 4vw, 42px); }
.arcade-musicale-live .aml-reveal-card h1,
.arcade-musicale-live .aml-live-ranking h1 {
  hyphens: none;
  line-height: 1.06;
  overflow-wrap: normal;
  text-wrap: balance;
  word-break: normal;
}
.arcade-musicale-live .aml-learning { margin-top: 14px; }
.arcade-musicale-live .aml-ranking { margin-top: 15px; }
.arcade-musicale-live .aml-ranking li { min-height: 54px; }
.arcade-musicale-live .aml-final-stage { min-height: 410px; padding: 30px 22px 0; }
.arcade-musicale-live .aml-final-stage h1 { font-size: clamp(2rem, 4.2vw, 3.45rem); }
.arcade-musicale-live .aml-final-podium { margin-top: clamp(24px, 4vw, 38px); }
.arcade-musicale-live .aml-podium-place { animation-duration: .58s; animation-delay: 0s; }
.arcade-musicale-live .aml-podium-place.is-slot-2 { animation-delay: .06s; }
.arcade-musicale-live .aml-podium-place.is-slot-1 { animation-delay: .13s; }
.arcade-musicale-live .aml-podium-place.is-slot-3 { animation-delay: .2s; }
.arcade-musicale-live .aml-podium-medal { animation-delay: .12s; }
.arcade-musicale-live .aml-report-grid { gap: 13px; }
.arcade-musicale-live .aml-results { gap: 13px; }

@keyframes aml-podium-rise {
  from { opacity: 1; transform: translateY(28px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes aml-medal-pop {
  from { opacity: 1; transform: scale(.82) rotate(-6deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}

@media (max-width: 900px) {
  .atlas-musical .am-mode-option,
  .atlas-musical .am-mode-option.is-live { min-height: 190px; }
  .atlas-musical-v6 .am-custom-session {
    gap: 20px !important;
    grid-template-columns: 1fr !important;
    padding: 24px !important;
  }
  .atlas-musical-v6 .am-custom-intro { max-width: 680px !important; }
  .atlas-musical-v6 .am-custom-intro h1 { max-width: 14ch; }
  .arcade-musicale-live .aml-lobby-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 680px) {
  .atlas-musical .am-mode-gate { align-items: flex-start; overflow-y: auto; padding: max(8px, env(safe-area-inset-top)) 7px max(8px, env(safe-area-inset-bottom)); }
  .atlas-musical .am-mode-panel { border-radius: 13px; padding: 22px 12px 17px; }
  .atlas-musical .am-mode-kicker { font-size: .75rem; }
  .atlas-musical .am-mode-panel h1 { font-size: clamp(2.2rem, 10vw, 2.9rem); margin-top: 12px; }
  .atlas-musical .am-mode-panel > p { font-size: .9rem; line-height: 1.52; }
  .atlas-musical .am-mode-options { gap: 10px; margin-block: 17px 11px; }
  .atlas-musical .am-mode-option,
  .atlas-musical .am-mode-option.is-live {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 154px !important;
    padding: 14px 13px;
  }
  .atlas-musical .am-mode-icon { height: 46px; width: 46px; }
  .atlas-musical .am-mode-option strong { font-size: 1.4rem; }
  .atlas-musical .am-mode-option em { font-size: .77rem; line-height: 1.45; }

  .atlas-musical-v6 .am-topbar { min-height: 58px !important; padding-block: 7px !important; }
  .atlas-musical-v6 .am-brand-mark { height: 37px !important; width: 37px !important; }
  .atlas-musical-v6 .am-primary-nav { margin-top: 7px !important; }
  .atlas-musical-v6 .am-primary-nav :is(button, a) { min-height: 40px !important; }
  .atlas-musical-v6 .am-main { padding: 11px 8px 28px !important; }
  .atlas-musical-v6 .am-v611-hud { min-height: 62px !important; padding: 8px 10px !important; }
  .atlas-musical-v6 .am-custom-session { gap: 16px !important; padding: 18px 12px !important; }
  .atlas-musical-v6 .am-custom-kicker { margin-bottom: 9px !important; }
  .atlas-musical-v6 .am-custom-intro h1 { font-size: clamp(2.1rem, 10vw, 2.7rem) !important; margin-bottom: 10px !important; max-width: 13ch; }
  .atlas-musical-v6 .am-custom-intro > p { font-size: .84rem !important; line-height: 1.55 !important; }
  .atlas-musical-v6 .am-custom-benefits { margin-top: 13px !important; }
  .atlas-musical-v6 .am-custom-benefits > span { padding: 7px !important; }
  .atlas-musical-v6 .am-custom-form { padding: 13px !important; }
  .atlas-musical-v6 .am-custom-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .atlas-musical-v6 .am-custom-game { gap: 7px !important; min-height: 56px !important; padding: 7px !important; }
  .atlas-musical-v6 .am-custom-game-icon { height: 31px !important; width: 31px !important; }
  .atlas-musical-v6 .am-custom-game-copy small { display: none; }
  .atlas-musical-v6 .am-custom-launch { margin-top: 10px !important; }

  .arcade-musicale-live .aml-header { min-height: 58px; padding-block: 6px !important; }
  .arcade-musicale-live .aml-brand-mark { height: 37px; width: 37px; }
  .arcade-musicale-live .aml-main { min-height: calc(100svh - 112px) !important; padding: 10px 7px 24px !important; }
  .arcade-musicale-live .aml-intro { gap: 10px; }
  .arcade-musicale-live .aml-live-hero .aml-eyebrow { font-size: .75rem; margin-bottom: 5px; }
  .arcade-musicale-live .aml-live-hero h1 { font-size: clamp(2.15rem, 10.5vw, 2.75rem) !important; margin-bottom: 6px; }
  .arcade-musicale-live .aml-live-hero p { font-size: .86rem !important; line-height: 1.48 !important; }
  .arcade-musicale-live .aml-entry-switch { margin-block: 7px 9px; padding: 4px; }
  .arcade-musicale-live .aml-entry-switch-button { min-height: 48px; padding: 6px 8px !important; }
  .arcade-musicale-live .aml-entry-switch-button .aml-ui-icon { height: 20px; width: 20px; }
  .arcade-musicale-live .aml-player-entry,
  .arcade-musicale-live .aml-host-entry { border-radius: 12px !important; padding: 16px 13px !important; }
  .arcade-musicale-live .aml-entry-heading .aml-card-badge { flex-basis: 39px; height: 39px; width: 39px; }
  .arcade-musicale-live .aml-entry-heading h2 { font-size: 1.45rem !important; }
  .arcade-musicale-live .aml-player-entry > p,
  .arcade-musicale-live .aml-host-entry > p { font-size: .82rem; line-height: 1.5 !important; margin-top: 8px; }
  .arcade-musicale-live .aml-form { gap: 10px; margin-top: 12px; }
  .arcade-musicale-live .aml-player-entry .aml-form { grid-template-columns: 1fr; }
  .arcade-musicale-live .aml-player-entry .aml-form > * { grid-column: 1; }
  .arcade-musicale-live .aml-field input,
  .arcade-musicale-live .aml-field select,
  .arcade-musicale-live .aml-code-input { min-height: 48px !important; }
  .arcade-musicale-live .aml-audio-primer,
  .arcade-musicale-live .aml-privacy-note { font-size: .75rem; padding: 8px 9px; }
  .arcade-musicale-live .aml-footer { min-height: 54px; padding-block: 10px; }

  .arcade-musicale-live .aml-room { gap: 9px; }
  .arcade-musicale-live .aml-roombar {
    align-items: center !important;
    display: grid;
    gap: 7px 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 56px;
    padding: 8px 9px !important;
  }
  .arcade-musicale-live .aml-roombar-main { align-items: flex-start; display: grid; gap: 3px; }
  .arcade-musicale-live .aml-room-code { align-items: baseline; flex-direction: row; gap: 6px; }
  .arcade-musicale-live .aml-room-code strong { font-size: 1.13rem !important; letter-spacing: .1em; }
  .arcade-musicale-live .aml-room-phase { font-size: .75rem; justify-self: start; max-width: 100%; padding: 4px 6px; text-align: left; }
  .arcade-musicale-live .aml-roombar-actions { justify-self: end; }
  .arcade-musicale-live .aml-code-stage { min-height: 250px; padding: 18px 13px !important; }
  .arcade-musicale-live .aml-code-stage > strong { font-size: clamp(2.35rem, 13vw, 3.55rem); margin-block: 8px 11px; }
  .arcade-musicale-live .aml-lobby-action,
  .arcade-musicale-live .aml-sound-card { padding: 14px !important; }
  .arcade-musicale-live .aml-question-card { padding: 17px 11px !important; }
  .arcade-musicale-live .aml-question-head { margin-bottom: 10px; }
  .arcade-musicale-live .aml-timer-wrap { margin-bottom: 9px; }
  .arcade-musicale-live .aml-timer { min-height: 44px; min-width: 86px; }
  .arcade-musicale-live .aml-question-card h1 { font-size: clamp(1.45rem, 7vw, 1.9rem) !important; line-height: 1.1 !important; margin-bottom: 9px; }
  .arcade-musicale-live .aml-context { margin-bottom: 10px; padding: 9px 10px; }
  .arcade-musicale-live .aml-audio-box { margin-bottom: 9px; }
  .arcade-musicale-live .aml-choice { min-height: 56px !important; padding: 8px 9px; }
  .arcade-musicale-live .aml-answered { gap: 9px; margin-top: 9px; padding: 12px; }
  .arcade-musicale-live .aml-stat-card { padding: 14px !important; }
  .arcade-musicale-live .aml-reveal-card { padding-block: 24px; }
  .arcade-musicale-live .aml-reveal-card h1 { font-size: clamp(1.55rem, 7vw, 2rem); }
  .arcade-musicale-live .aml-live-ranking { padding: 18px 12px !important; }
  .arcade-musicale-live .aml-live-ranking h1 { font-size: clamp(1.65rem, 7vw, 2.15rem); }
  .arcade-musicale-live .aml-ranking li { min-height: 52px; }
  .arcade-musicale-live .aml-final-stage { min-height: 350px; padding: 22px 10px 0; }
  .arcade-musicale-live .aml-final-stage h1 { font-size: clamp(1.8rem, 8vw, 2.35rem); }
  .arcade-musicale-live .aml-final-podium { margin-top: 24px; }
  .arcade-musicale-live .aml-report-grid > .aml-card { padding: 15px !important; }
}

@media (max-width: 390px) {
  .atlas-musical .am-mode-panel h1 { font-size: clamp(2rem, 10.5vw, 2.5rem); }
  .atlas-musical .am-mode-option,
  .atlas-musical .am-mode-option.is-live { min-height: 144px !important; }
  .arcade-musicale-live .aml-live-hero h1 { font-size: 2.2rem !important; }
  .arcade-musicale-live .aml-entry-switch-button strong { font-size: .89rem; }
  .arcade-musicale-live .aml-entry-switch-button small { display: block; font-size: .75rem; }
  .arcade-musicale-live .aml-question-kicker { max-width: 67%; }
}

@media (max-width: 340px) {
  .atlas-musical-v6 .am-custom-game-grid { grid-template-columns: 1fr !important; }
  .arcade-musicale-live .aml-entry-switch-button small { display: none; }
  .arcade-musicale-live .aml-entry-switch-button { grid-template-columns: auto 1fr; }
}

@media (max-height: 560px) and (orientation: landscape) and (min-width: 620px) {
  .atlas-musical .am-mode-gate { align-items: flex-start; overflow-y: auto; padding: 8px; }
  .atlas-musical .am-mode-panel { padding: 18px 22px; }
  .atlas-musical .am-mode-panel h1 { font-size: clamp(2rem, 5vw, 2.8rem); margin-top: 8px; }
  .atlas-musical .am-mode-panel > p { font-size: .84rem; line-height: 1.4; }
  .atlas-musical .am-mode-options { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: 13px 8px; }
  .atlas-musical .am-mode-option,
  .atlas-musical .am-mode-option.is-live { min-height: 132px !important; padding: 12px 14px; }
  .atlas-musical .am-mode-icon { height: 42px; width: 42px; }
  .atlas-musical .am-mode-tags { display: none; }
  .atlas-musical-v6 .am-main { padding-top: 9px !important; }
  .atlas-musical-v6 .am-v611-hud { display: none !important; }
  .atlas-musical-v6 .am-custom-session {
    gap: 16px !important;
    grid-template-columns: minmax(220px, .7fr) minmax(420px, 1.3fr) !important;
    padding: 15px !important;
  }
  .atlas-musical-v6 .am-custom-intro h1 { font-size: 2.1rem !important; }
  .atlas-musical-v6 .am-custom-benefits { display: none; }
  .atlas-musical-v6 .am-custom-form { padding: 12px !important; }
  .atlas-musical-v6 .am-custom-game { min-height: 48px !important; }
  .arcade-musicale-live .aml-main { padding-top: 8px !important; }
  .arcade-musicale-live .aml-live-hero { display: none; }
  .arcade-musicale-live .aml-entry-switch { margin-top: 0; }
  .arcade-musicale-live .aml-question-card { padding: 14px !important; }
  .arcade-musicale-live .aml-question-head,
  .arcade-musicale-live .aml-timer-wrap { margin-bottom: 6px; }
  .arcade-musicale-live .aml-question-card h1 { font-size: 1.3rem !important; margin-bottom: 6px; }
  .arcade-musicale-live .aml-choice { min-height: 50px !important; }
}

/* -------------------------------------------------------------------------- */
/* 8.3.4 · états de jeu, Orchestra Builder, classements et bilans             */
/* -------------------------------------------------------------------------- */

/* Les pictogrammes gardent une couleur maîtrisée même face aux styles SVG du thème. */
.arcade-musicale-live .aml-ui-icon {
  color: inherit !important;
  fill: none !important;
  stroke: currentColor !important;
}
.arcade-musicale-live .aml-ui-icon :is(path, circle, rect, line, polyline, polygon) {
  fill: none !important;
  stroke: currentColor !important;
}

/* Orchestra Builder : choix tactiles clairs et véritable plan de scène. */
.arcade-musicale-live .aml-orchestra-stage-map {
  background: linear-gradient(180deg, #faf6ef 0%, #ece5da 100%);
  border: 1px solid var(--music-line);
  border-radius: 15px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .8);
  margin: 14px auto 16px;
  max-width: 930px;
  overflow: hidden;
  padding: 14px;
}
.arcade-musicale-live .aml-orchestra-stage-map > header {
  align-items: baseline;
  display: flex;
  gap: 9px;
  justify-content: space-between;
  margin-bottom: 10px;
}
.arcade-musicale-live .aml-orchestra-stage-map > header span {
  color: var(--music-teal);
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.arcade-musicale-live .aml-orchestra-stage-map > header strong {
  color: var(--music-muted);
  font-size: .76rem;
  font-weight: 700;
}
.arcade-musicale-live .aml-orchestra-stage-shell {
  align-items: center;
  background:
    radial-gradient(ellipse at 50% 108%, rgba(197, 154, 74, .18), transparent 34%),
    linear-gradient(180deg, rgba(255, 253, 248, .78), rgba(237, 230, 219, .72));
  border: 1px solid rgba(84, 66, 54, .14);
  border-radius: 80px 80px 13px 13px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 230px;
  padding: 15px 12px 11px;
  position: relative;
}
.arcade-musicale-live .aml-orchestra-stage-zone {
  align-items: center;
  background: rgba(255, 253, 248, .9);
  border: 1px solid rgba(84, 66, 54, .16);
  border-radius: 60px 60px 10px 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(88px, .38fr) minmax(0, 1fr);
  min-height: 42px;
  padding: 6px 12px;
  width: 68%;
}
.arcade-musicale-live .aml-orchestra-stage-zone:nth-child(1) { background: #f2e4dc; border-color: rgba(173, 111, 91, .28); }
.arcade-musicale-live .aml-orchestra-stage-zone:nth-child(2) { background: #e8eaf0; border-color: rgba(120, 107, 154, .25); width: 76%; }
.arcade-musicale-live .aml-orchestra-stage-zone:nth-child(3) { background: #e3edef; border-color: rgba(77, 137, 136, .25); width: 84%; }
.arcade-musicale-live .aml-orchestra-stage-zone:nth-child(4) { background: #f5ead5; border-color: rgba(197, 154, 74, .3); width: 92%; }
.arcade-musicale-live .aml-orchestra-zone-copy :is(b, small) { display: block; }
.arcade-musicale-live .aml-orchestra-zone-copy b { color: var(--music-brown-deep); font-size: .75rem; letter-spacing: .08em; }
.arcade-musicale-live .aml-orchestra-zone-copy small { color: var(--music-muted); font-size: .75rem; margin-top: 1px; }
.arcade-musicale-live .aml-orchestra-zone-instruments {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}
.arcade-musicale-live .aml-orchestra-zone-instruments > span {
  align-items: center;
  background: rgba(255, 255, 255, .84);
  border: 1px solid rgba(84, 66, 54, .14);
  border-radius: 999px;
  color: var(--music-brown-deep);
  display: inline-flex;
  font-size: .75rem;
  gap: 5px;
  padding: 4px 8px;
}
.arcade-musicale-live .aml-orchestra-zone-instruments i { font-size: 1rem; font-style: normal; }
.arcade-musicale-live .aml-orchestra-zone-instruments em { color: var(--music-muted); font-size: .75rem; font-style: normal; }
.arcade-musicale-live .aml-orchestra-conductor {
  align-items: center;
  color: var(--music-brown-deep);
  display: flex;
  flex-direction: column;
  font-size: .75rem;
  gap: 0;
  letter-spacing: .12em;
  margin-top: 1px;
}
.arcade-musicale-live .aml-orchestra-conductor span {
  align-items: center;
  background: var(--music-brown);
  border-radius: 50%;
  color: #fffdf8;
  display: flex;
  font-size: 1rem;
  height: 29px;
  justify-content: center;
  width: 29px;
}
.arcade-musicale-live .aml-orchestra-list {
  gap: 10px !important;
  margin: 0 auto !important;
  max-width: 930px !important;
}
.arcade-musicale-live .aml-orchestra-row {
  background: var(--music-paper-strong) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: 13px !important;
  display: block !important;
  margin: 0;
  min-width: 0;
  padding: 11px !important;
}
.arcade-musicale-live .aml-orchestra-row legend {
  align-items: center;
  color: var(--music-brown-deep);
  display: flex;
  font-size: .88rem;
  gap: 7px;
  margin: 0 0 8px;
  padding: 0 3px;
}
.arcade-musicale-live .aml-orchestra-row legend > span { font-size: 1.15rem; }
.arcade-musicale-live .aml-orchestra-zone-options {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.arcade-musicale-live .aml-orchestra-zone-choice {
  background: var(--music-paper-soft) !important;
  border: 1px solid var(--music-line) !important;
  border-radius: 9px !important;
  color: var(--music-brown) !important;
  cursor: pointer;
  min-height: 48px;
  padding: 6px 5px !important;
  text-align: center;
}
.arcade-musicale-live .aml-orchestra-zone-choice :is(strong, small) { display: block; }
.arcade-musicale-live .aml-orchestra-zone-choice strong { color: inherit !important; font-size: .75rem; letter-spacing: .04em; }
.arcade-musicale-live .aml-orchestra-zone-choice small { color: var(--music-muted) !important; font-size: .75rem; line-height: 1.25; margin-top: 2px; }
.arcade-musicale-live .aml-orchestra-zone-choice:hover:not(:disabled) { border-color: var(--music-teal) !important; transform: translateY(-1px); }
.arcade-musicale-live .aml-orchestra-zone-choice.is-selected {
  background: var(--music-teal) !important;
  border-color: var(--music-teal) !important;
  box-shadow: 0 5px 14px rgba(77, 137, 136, .2) !important;
  color: #fffdf8 !important;
}
.arcade-musicale-live .aml-orchestra-zone-choice.is-selected small { color: #eaf6f5 !important; }
.arcade-musicale-live .aml-orchestra-selection {
  color: var(--music-teal);
  display: block;
  font-size: .75rem;
  font-weight: 800;
  margin: 7px 2px 0;
}

/* Correction : états juste, faux et temps écoulé volontairement distincts. */
.arcade-musicale-live .aml-reveal-card {
  border-left-width: 6px !important;
  overflow: hidden;
  padding: clamp(22px, 3.5vw, 38px) !important;
}
.arcade-musicale-live .aml-reveal-card.is-correct { background: linear-gradient(135deg, #fbfdf9, #eef4eb) !important; border-left-color: var(--music-sage) !important; }
.arcade-musicale-live .aml-reveal-card.is-wrong { background: linear-gradient(135deg, #fffdf9, #f7e9e3) !important; border-left-color: var(--music-clay) !important; }
.arcade-musicale-live .aml-reveal-card.is-timeout { background: linear-gradient(135deg, #fffdf8, #f7edd9) !important; border-left-color: var(--music-gold) !important; }
.arcade-musicale-live .aml-reveal-card.is-neutral { background: var(--music-paper-strong) !important; border-left-color: var(--music-teal) !important; }
.arcade-musicale-live .aml-feedback-status {
  align-items: center;
  display: grid;
  gap: 14px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin: 0 auto;
  max-width: 960px;
}
.arcade-musicale-live .aml-feedback-status .aml-result-mark {
  border: 0 !important;
  box-shadow: none !important;
  height: 58px;
  margin: 0 !important;
  width: 58px;
}
.arcade-musicale-live .aml-feedback-status .aml-result-mark .aml-ui-icon { height: 28px; width: 28px; }
.arcade-musicale-live .aml-reveal-card.is-correct .aml-result-mark { background: var(--music-sage) !important; color: #fffdf8 !important; }
.arcade-musicale-live .aml-reveal-card.is-wrong .aml-result-mark { background: var(--music-clay) !important; color: #fffdf8 !important; }
.arcade-musicale-live .aml-reveal-card.is-timeout .aml-result-mark { background: var(--music-gold) !important; color: #fffdf8 !important; }
.arcade-musicale-live .aml-reveal-card.is-neutral .aml-result-mark { background: var(--music-teal) !important; color: #fffdf8 !important; }
.arcade-musicale-live .aml-feedback-status .aml-eyebrow { display: block; margin-bottom: 3px; }
.arcade-musicale-live .aml-reveal-card.is-correct .aml-eyebrow { color: #5c7557 !important; }
.arcade-musicale-live .aml-reveal-card.is-wrong .aml-eyebrow { color: #945844 !important; }
.arcade-musicale-live .aml-reveal-card.is-timeout .aml-eyebrow { color: #8b6b30 !important; }
.arcade-musicale-live .aml-feedback-status h1 { font-size: clamp(1.65rem, 3.5vw, 2.65rem) !important; margin: 0 0 3px !important; }
.arcade-musicale-live .aml-reveal-card.is-wrong .aml-feedback-status h1 { color: #7f4637 !important; }
.arcade-musicale-live .aml-feedback-status p { color: var(--music-muted); margin: 0; }
.arcade-musicale-live .aml-feedback-points {
  background: rgba(255, 255, 255, .7);
  border: 1px solid var(--music-line);
  border-radius: 12px;
  color: var(--music-brown-deep);
  font-size: 1.35rem;
  min-width: 92px;
  padding: 9px 11px;
  text-align: center;
}
.arcade-musicale-live .aml-feedback-points small { color: var(--music-muted); display: block; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.arcade-musicale-live .aml-question-recap {
  align-items: baseline;
  background: rgba(255, 255, 255, .6);
  border: 1px solid var(--music-line);
  border-radius: 11px;
  display: flex;
  gap: 9px;
  margin: 18px auto 12px !important;
  max-width: 960px;
  padding: 9px 12px;
}
.arcade-musicale-live .aml-question-recap span { color: var(--music-muted); flex: 0 0 auto; font-size: .75rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.arcade-musicale-live .aml-question-recap strong { color: var(--music-brown-deep); font-size: .82rem; }
.arcade-musicale-live .aml-answer-comparison {
  display: grid;
  gap: 11px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 960px;
}
.arcade-musicale-live .aml-answer-comparison.is-single { grid-template-columns: 1fr; }
.arcade-musicale-live .aml-answer-panel {
  background: rgba(255, 255, 255, .74);
  border: 1px solid var(--music-line);
  border-radius: 13px;
  min-width: 0;
  padding: 14px 15px;
}
.arcade-musicale-live .aml-answer-panel > span { align-items: center; display: flex; font-size: .75rem; font-weight: 900; gap: 6px; letter-spacing: .08em; text-transform: uppercase; }
.arcade-musicale-live .aml-answer-panel > span .aml-ui-icon { height: 17px; width: 17px; }
.arcade-musicale-live .aml-answer-panel > strong { color: var(--music-brown-deep); display: block; font-size: clamp(.98rem, 2vw, 1.25rem); line-height: 1.3; margin-top: 7px; overflow-wrap: anywhere; }
.arcade-musicale-live .aml-answer-panel > small { color: var(--music-muted); display: block; font-size: .75rem; margin-top: 5px; }
.arcade-musicale-live .aml-answer-panel.is-correct { background: var(--music-sage-soft); border-color: rgba(132, 151, 127, .42); box-shadow: inset 4px 0 var(--music-sage); }
.arcade-musicale-live .aml-answer-panel.is-correct > span { color: #53664f; }
.arcade-musicale-live .aml-answer-panel.is-user-wrong { background: var(--music-clay-soft); border-color: rgba(173, 111, 91, .38); box-shadow: inset 4px 0 var(--music-clay); }
.arcade-musicale-live .aml-answer-panel.is-user-wrong > span { color: #8a4e3d; }
.arcade-musicale-live .aml-answer-panel.is-user-timeout { background: #f7edda; border-color: rgba(197, 154, 74, .4); box-shadow: inset 4px 0 var(--music-gold); }
.arcade-musicale-live .aml-answer-panel.is-user-timeout > span { color: #80632d; }
.arcade-musicale-live .aml-reveal-card .aml-learning { margin-top: 13px; max-width: 960px; }
.arcade-musicale-live .aml-reveal-card .aml-source { margin-inline: auto; max-width: 960px; }

/* Classement intermédiaire : podium compact, top 5 et position personnelle. */
.arcade-musicale-live .aml-live-ranking {
  background: linear-gradient(155deg, #fffdf8 0%, #eee8df 100%) !important;
  border-top: 5px solid var(--music-violet) !important;
  max-width: 980px !important;
  padding: clamp(20px, 3.5vw, 34px) !important;
  text-align: left !important;
}
.arcade-musicale-live .aml-ranking-head {
  align-items: center;
  display: grid;
  gap: 15px;
  grid-template-columns: minmax(0, 1fr) auto;
}
.arcade-musicale-live .aml-ranking-head .aml-eyebrow { color: var(--music-violet) !important; }
.arcade-musicale-live .aml-ranking-head h1 { font-size: clamp(1.8rem, 4vw, 3rem) !important; margin: 3px 0 5px; }
.arcade-musicale-live .aml-ranking-head p { color: var(--music-muted); margin: 0; }
.arcade-musicale-live .aml-ranking-my-position {
  background: var(--music-teal-soft);
  border: 1px solid rgba(77, 137, 136, .3);
  border-radius: 999px;
  color: #456f6e;
  display: inline-flex;
  font-size: .75rem;
  gap: 4px;
  margin-top: 8px;
  padding: 5px 9px;
}
.arcade-musicale-live .aml-ranking-my-position strong { color: var(--music-brown-deep); }
.arcade-musicale-live .aml-ranking-countdown {
  align-items: center;
  background: var(--music-brown-deep);
  border-radius: 50%;
  color: #fffdf8;
  display: flex;
  flex-direction: column;
  height: 78px;
  justify-content: center;
  width: 78px;
}
.arcade-musicale-live .aml-ranking-countdown strong { font-size: 1.75rem; line-height: .9; }
.arcade-musicale-live .aml-ranking-countdown small { color: #ded4ca; font-size: .75rem; margin-top: 5px; text-transform: uppercase; }
.arcade-musicale-live .aml-live-leaders {
  align-items: end;
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 32px 0 14px;
}
.arcade-musicale-live .aml-live-leader {
  align-items: center;
  background: rgba(255, 255, 255, .78);
  border: 1px solid var(--music-line);
  border-radius: 14px;
  box-shadow: var(--music-shadow-sm);
  display: flex;
  flex-direction: column;
  min-height: 132px;
  min-width: 0;
  padding: 14px 10px 0;
  position: relative;
}
.arcade-musicale-live .aml-live-leader.is-slot-1 { background: linear-gradient(180deg, #fffaf0, #f4e4bc); border-color: rgba(197, 154, 74, .4); grid-column: 2; grid-row: 1; min-height: 152px; }
.arcade-musicale-live .aml-live-leader.is-slot-2 { background: linear-gradient(180deg, #fbfcfd, #e4e9ee); grid-column: 1; grid-row: 1; }
.arcade-musicale-live .aml-live-leader.is-slot-3 { background: linear-gradient(180deg, #fffaf7, #edddd3); grid-column: 3; grid-row: 1; }
.arcade-musicale-live .aml-live-leader.is-me { box-shadow: 0 0 0 3px rgba(77, 137, 136, .28), var(--music-shadow-sm); }
.arcade-musicale-live .aml-live-leader-medal {
  align-items: center;
  background: var(--music-paper-strong);
  border: 1px solid var(--music-line);
  border-radius: 50%;
  color: var(--music-violet);
  display: flex;
  height: 38px;
  justify-content: center;
  margin-bottom: 7px;
  width: 38px;
}
.arcade-musicale-live .aml-live-leader.is-slot-1 .aml-live-leader-medal { background: var(--music-gold); border-color: var(--music-gold); color: #fffdf8; }
.arcade-musicale-live .aml-live-leader.is-slot-2 .aml-live-leader-medal { background: var(--music-slate); border-color: var(--music-slate); color: #fff; }
.arcade-musicale-live .aml-live-leader.is-slot-3 .aml-live-leader-medal { background: var(--music-clay); border-color: var(--music-clay); color: #fff; }
.arcade-musicale-live .aml-live-leader-medal .aml-ui-icon { height: 20px; width: 20px; }
.arcade-musicale-live .aml-live-leader > strong { color: var(--music-brown-deep); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arcade-musicale-live .aml-live-leader > small { color: var(--music-muted); font-size: .75rem; margin-top: 2px; }
.arcade-musicale-live .aml-live-leader-rank {
  align-items: baseline;
  background: var(--music-brown-deep);
  border-radius: 10px 10px 0 0;
  color: #fffdf8;
  display: flex;
  font-size: 1.45rem;
  justify-content: center;
  margin-top: auto;
  min-height: 43px;
  padding-top: 8px;
  width: min(112px, 78%);
}
.arcade-musicale-live .aml-live-leader-rank sup { font-size: .75rem; margin-left: 1px; }
.arcade-musicale-live .aml-ranking-following > span { color: var(--music-muted); display: block; font-size: .75rem; font-weight: 900; letter-spacing: .1em; margin: 0 0 -7px 2px; text-transform: uppercase; }
.arcade-musicale-live .aml-ranking li.is-rank-1 .aml-rank { background: var(--music-gold) !important; color: #fffdf8 !important; }
.arcade-musicale-live .aml-ranking li.is-rank-2 .aml-rank { background: var(--music-slate) !important; color: #fff !important; }
.arcade-musicale-live .aml-ranking li.is-rank-3 .aml-rank { background: var(--music-clay) !important; color: #fff !important; }
.arcade-musicale-live .aml-ranking li.is-me { box-shadow: inset 4px 0 var(--music-teal) !important; }
.arcade-musicale-live .aml-live-ranking > .aml-phase-cue { display: flex !important; margin-top: 15px !important; width: fit-content; }

/* Podium et bilans : pictogrammes lisibles et cartes qui ne s’étirent plus. */
.arcade-musicale-live .aml-podium-medal {
  align-items: center;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  color: #fffdf8 !important;
  display: flex;
  filter: none !important;
  height: 50px;
  justify-content: center;
  width: 50px;
}
.arcade-musicale-live .aml-podium-medal.is-medal-1 { background: var(--music-gold); border-color: #f1d08a; color: #fff !important; }
.arcade-musicale-live .aml-podium-medal.is-medal-2 { background: var(--music-slate); border-color: #b9c4d0; color: #fff !important; }
.arcade-musicale-live .aml-podium-medal.is-medal-3 { background: var(--music-clay); border-color: #d8a692; color: #fff !important; }
.arcade-musicale-live .aml-podium-medal .aml-ui-icon { height: 26px !important; width: 26px !important; }
.arcade-musicale-live .aml-report-grid { align-items: start; }
.arcade-musicale-live .aml-report-grid > .aml-card { align-self: start; width: 100%; }
.arcade-musicale-live .aml-report-heading {
  align-items: flex-start;
  display: flex;
  gap: 11px;
}
.arcade-musicale-live .aml-report-heading-icon {
  align-items: center;
  background: var(--music-teal);
  border-radius: 11px;
  color: #fffdf8 !important;
  display: flex;
  flex: 0 0 42px;
  height: 42px;
  justify-content: center;
}
.arcade-musicale-live .aml-report-heading-icon .aml-ui-icon { height: 22px; width: 22px; }
.arcade-musicale-live .aml-report-heading > div > span { color: var(--music-teal); display: block; font-size: .75rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.arcade-musicale-live .aml-report-heading h2 { margin: 2px 0 3px; }
.arcade-musicale-live .aml-report-heading p { color: var(--music-muted); margin: 0; }
.arcade-musicale-live .aml-metric { border-left-width: 4px !important; }
.arcade-musicale-live .aml-metric.is-strong { background: var(--music-sage-soft) !important; border-left-color: var(--music-sage) !important; }
.arcade-musicale-live .aml-metric.is-mixed { background: #f7edda !important; border-left-color: var(--music-gold) !important; }
.arcade-musicale-live .aml-metric.is-low { background: var(--music-clay-soft) !important; border-left-color: var(--music-clay) !important; }
.arcade-musicale-live .aml-metric-label { align-items: center; display: flex !important; gap: 7px; }
.arcade-musicale-live .aml-metric-label > i {
  align-items: center;
  background: rgba(255, 255, 255, .72);
  border-radius: 8px;
  color: var(--music-teal) !important;
  display: flex;
  font-style: normal;
  height: 29px;
  justify-content: center;
  width: 29px;
}
.arcade-musicale-live .aml-metric-label > i .aml-ui-icon { height: 17px !important; width: 17px !important; }
.arcade-musicale-live .aml-review { border-left: 4px solid var(--music-line) !important; }
.arcade-musicale-live .aml-review.is-ok { border-left-color: var(--music-sage) !important; }
.arcade-musicale-live .aml-review.is-review { border-left-color: var(--music-clay) !important; }
.arcade-musicale-live .aml-review-icon {
  background: var(--music-teal-soft) !important;
  color: var(--music-teal) !important;
}
.arcade-musicale-live .aml-review.is-review .aml-review-icon { background: var(--music-clay-soft) !important; color: var(--music-clay) !important; }
.arcade-musicale-live .aml-review.is-ok .aml-review-icon { background: var(--music-sage-soft) !important; color: #5f765a !important; }
.arcade-musicale-live .aml-final-ranking .aml-eyebrow { color: var(--music-teal) !important; }
.arcade-musicale-live .aml-final-ranking h2 { margin-top: 3px; }

@media (max-width: 760px) {
  .arcade-musicale-live .aml-orchestra-stage-map > header { align-items: flex-start; flex-direction: column; gap: 2px; }
  .arcade-musicale-live .aml-orchestra-stage-shell { border-radius: 48px 48px 11px 11px; min-height: 218px; padding-inline: 5px; }
  .arcade-musicale-live .aml-orchestra-stage-zone { gap: 5px; grid-template-columns: minmax(62px, .4fr) minmax(0, 1fr); padding-inline: 7px; width: 76%; }
  .arcade-musicale-live .aml-orchestra-stage-zone:nth-child(2) { width: 83%; }
  .arcade-musicale-live .aml-orchestra-stage-zone:nth-child(3) { width: 90%; }
  .arcade-musicale-live .aml-orchestra-stage-zone:nth-child(4) { width: 97%; }
  .arcade-musicale-live .aml-orchestra-zone-copy small { display: none; }
  .arcade-musicale-live .aml-orchestra-zone-instruments > span { font-size: .75rem; padding: 3px 6px; }
  .arcade-musicale-live .aml-orchestra-list { grid-template-columns: 1fr !important; }
  .arcade-musicale-live .aml-feedback-status { align-items: flex-start; grid-template-columns: auto minmax(0, 1fr); }
  .arcade-musicale-live .aml-feedback-points { grid-column: 2; justify-self: start; }
  .arcade-musicale-live .aml-answer-comparison { grid-template-columns: 1fr; }
  .arcade-musicale-live .aml-question-recap { align-items: flex-start; flex-direction: column; gap: 3px; }
  .arcade-musicale-live .aml-live-leaders { margin-top: 24px; }
  .arcade-musicale-live .aml-live-leader { min-height: 122px; padding-inline: 6px; }
  .arcade-musicale-live .aml-live-leader.is-slot-1 { min-height: 139px; }
}

@media (max-width: 480px) {
  .arcade-musicale-live .aml-orchestra-stage-map { margin-inline: -3px; padding: 8px; }
  .arcade-musicale-live .aml-orchestra-stage-shell { min-height: 202px; }
  .arcade-musicale-live .aml-orchestra-stage-zone { min-height: 38px; width: 79%; }
  .arcade-musicale-live .aml-orchestra-stage-zone:nth-child(2) { width: 85%; }
  .arcade-musicale-live .aml-orchestra-stage-zone:nth-child(3) { width: 91%; }
  .arcade-musicale-live .aml-orchestra-stage-zone:nth-child(4) { width: 97%; }
  .arcade-musicale-live .aml-orchestra-zone-options { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .arcade-musicale-live .aml-orchestra-zone-choice { min-height: 46px; }
  .arcade-musicale-live .aml-orchestra-zone-choice small { display: none; }
  .arcade-musicale-live .aml-feedback-status .aml-result-mark { height: 46px; width: 46px; }
  .arcade-musicale-live .aml-feedback-status .aml-result-mark .aml-ui-icon { height: 23px; width: 23px; }
  .arcade-musicale-live .aml-feedback-status h1 { font-size: 1.55rem !important; }
  .arcade-musicale-live .aml-feedback-points { font-size: 1.05rem; min-width: 78px; padding: 7px 9px; }
  .arcade-musicale-live .aml-answer-panel { padding: 12px; }
  .arcade-musicale-live .aml-ranking-head { align-items: flex-start; }
  .arcade-musicale-live .aml-ranking-head h1 { font-size: 1.48rem !important; line-height: 1.08; }
  .arcade-musicale-live .aml-ranking-countdown { height: 62px; width: 62px; }
  .arcade-musicale-live .aml-ranking-countdown strong { font-size: 1.4rem; }
  .arcade-musicale-live .aml-ranking-countdown small { font-size: 0; margin-top: 2px; }
  .arcade-musicale-live .aml-ranking-countdown small::after { content: "s"; font-size: .75rem; text-transform: none; }
  .arcade-musicale-live .aml-ranking-head p { font-size: .75rem; }
  .arcade-musicale-live .aml-live-leaders { gap: 5px; }
  .arcade-musicale-live .aml-live-leader { border-radius: 11px; min-height: 112px; padding-top: 9px; }
  .arcade-musicale-live .aml-live-leader.is-slot-1 { min-height: 129px; }
  .arcade-musicale-live .aml-live-leader-medal { height: 31px; width: 31px; }
  .arcade-musicale-live .aml-live-leader-medal .aml-ui-icon { height: 17px; width: 17px; }
  .arcade-musicale-live .aml-live-leader > strong { font-size: .75rem; }
  .arcade-musicale-live .aml-live-leader > small { font-size: .75rem; }
  .arcade-musicale-live .aml-live-leader-rank { font-size: 1.15rem; min-height: 36px; width: 76%; }
  .arcade-musicale-live .aml-report-heading-icon { flex-basis: 36px; height: 36px; }
}

@media (max-width: 340px) {
  .arcade-musicale-live .aml-orchestra-zone-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arcade-musicale-live .aml-orchestra-zone-choice small { display: block; }
}

/* -------------------------------------------------------------------------- */
/* 8.3.5 · contraste et densité des petits écrans                             */
/* -------------------------------------------------------------------------- */

/* Le thème du site applique une grande marge supérieure aux titres d’article.
   Les scènes Live doivent conserver leur propre rythme, y compris après un
   focus automatique sur la correction ou le classement. */
.arcade-musicale-live .aml-live-hero h1,
.arcade-musicale-live .aml-entry-heading h2,
.arcade-musicale-live .aml-question-card h1,
.arcade-musicale-live .aml-preflight h1,
.arcade-musicale-live .aml-reveal-card h1,
.arcade-musicale-live .aml-live-ranking h1,
.arcade-musicale-live .aml-final-stage h1 {
  margin-block-start: 0 !important;
}

.arcade-musicale-live .aml-preflight h1,
.arcade-musicale-live .aml-reveal-card h1,
.arcade-musicale-live .aml-live-ranking h1,
.arcade-musicale-live .aml-final-stage h1 {
  scroll-margin-top: 128px;
}

@media (max-width: 700px) {
  .arcade-musicale-live .aml-live-hero h1 { margin-bottom: 6px !important; }
  .arcade-musicale-live .aml-preflight h1,
  .arcade-musicale-live .aml-reveal-card h1,
  .arcade-musicale-live .aml-live-ranking h1,
  .arcade-musicale-live .aml-final-stage h1 { scroll-margin-top: 104px; }
}

@media (max-width: 420px) {
  /* La marque reste lisible ; le changement de mode devient une commande
     compacte sans perdre son nom accessible. */
  .atlas-musical-v6 .am-brand-copy { min-width: 0; }
  .atlas-musical-v6 .am-brand-copy strong {
    display: block;
    font-size: .94rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .atlas-musical-v6 .am-mode-change {
    flex: 0 0 42px;
    font-size: 0 !important;
    height: 42px;
    justify-content: center;
    padding: 0 !important;
    width: 42px;
  }
  .atlas-musical-v6 .am-mode-change > span { font-size: 1.05rem; }

  /* Quatre destinations explicites et de largeur égale, sans libellé coupé
     hors écran ni défilement horizontal invisible. */
  .atlas-musical-v6 .am-primary-nav.am-v6-nav {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
    overflow: visible !important;
    padding: 4px !important;
  }
  .atlas-musical-v6 .am-primary-nav.am-v6-nav :is(button, a) {
    flex-direction: column;
    font-size: .75rem !important;
    gap: 2px !important;
    justify-content: center;
    line-height: 1.08;
    min-width: 0 !important;
    padding: 6px 3px !important;
    text-align: center;
    white-space: normal;
  }
  .atlas-musical-v6 .am-primary-nav.am-v6-nav .am-nav-label {
    display: block !important;
    overflow-wrap: anywhere;
  }

  /* Les sous-titres des deux onglets n’apportent plus d’information utile sur
     320–420 px et provoquaient trois lignes dans une cible tactile. */
  .arcade-musicale-live .aml-entry-switch-button {
    align-items: center;
    display: flex;
    gap: 7px;
    justify-content: center;
    min-height: 48px;
    padding: 7px 6px !important;
    text-align: center;
  }
  .arcade-musicale-live .aml-entry-switch-button > span { grid-row: auto; }
  .arcade-musicale-live .aml-entry-switch-button small { display: none !important; }
  .arcade-musicale-live .aml-entry-switch-button strong { font-size: .88rem; }

  /* Orchestra Builder garde le repère visuel, mais les quatre pupitres sont
     organisés en deux colonnes pour limiter fortement le défilement. */
  .arcade-musicale-live .aml-orchestra-stage-shell {
    gap: 3px;
    min-height: 174px;
    padding-block: 9px 7px;
  }
  .arcade-musicale-live .aml-orchestra-stage-zone { min-height: 32px; padding-block: 4px; }
  .arcade-musicale-live .aml-orchestra-conductor span { height: 24px; width: 24px; }
  .arcade-musicale-live .aml-orchestra-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  .arcade-musicale-live .aml-orchestra-row { padding: 8px !important; }
  .arcade-musicale-live .aml-orchestra-row legend { font-size: .75rem; margin-bottom: 6px; }
  .arcade-musicale-live .aml-orchestra-row legend > span { font-size: .95rem; }
  .arcade-musicale-live .aml-orchestra-zone-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arcade-musicale-live .aml-orchestra-zone-choice { min-height: 44px; padding-inline: 3px !important; }
  .arcade-musicale-live .aml-orchestra-zone-choice strong { font-size: .75rem; }
}

@media (max-width: 340px) {
  .atlas-musical-v6 .am-primary-nav.am-v6-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arcade-musicale-live .aml-orchestra-list { grid-template-columns: 1fr !important; }
}

/* 8.3.6 · ouverture progressive et finitions tactiles                       */
.atlas-musical .am-mode-status {
  color: var(--music-muted);
  display: block;
  font-size: .86rem;
  font-weight: 700;
  line-height: 1.45;
  margin: 16px auto 0;
  max-width: 620px;
  min-height: 1.45em;
  text-align: center;
}
.atlas-musical .am-mode-status:empty { margin-top: 0; min-height: 0; }
.atlas-musical .am-mode-status.is-error {
  background: var(--music-clay-soft);
  border: 1px solid rgba(173, 111, 91, .42);
  border-radius: 10px;
  color: #713f32;
  padding: 10px 12px;
}
.atlas-musical .am-mode-option.is-loading { cursor: progress; opacity: .78; }
.atlas-musical .am-mode-option.is-loading .am-mode-arrow { animation: am-mode-loading .8s linear infinite; }
@keyframes am-mode-loading { to { transform: rotate(360deg); } }

body.atlas-musical-live-page #ahc-manage-cookies,
body.atlas-musical-page #ahc-manage-cookies {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
}

@media (max-width: 430px) {
  body.atlas-musical-page #ahc-cookie-banner,
  body.atlas-musical-live-page #ahc-cookie-banner {
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: calc(100% - 16px) !important;
  }
  body.atlas-musical-page #ahc-cookie-banner .ahc-cookie-banner-content,
  body.atlas-musical-live-page #ahc-cookie-banner .ahc-cookie-banner-content { padding: 13px !important; }
  body.atlas-musical-page #ahc-cookie-banner .ahc-cookie-actions,
  body.atlas-musical-live-page #ahc-cookie-banner .ahc-cookie-actions {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 10px !important;
  }
  body.atlas-musical-page #ahc-cookie-banner :is(#ahc-accept-all, #ahc-refuse-all, #ahc-customize),
  body.atlas-musical-live-page #ahc-cookie-banner :is(#ahc-accept-all, #ahc-refuse-all, #ahc-customize) {
    min-height: 44px !important;
    width: 100% !important;
  }
  body.atlas-musical-page #ahc-cookie-banner #ahc-customize,
  body.atlas-musical-live-page #ahc-cookie-banner #ahc-customize { grid-column: 1 / -1 !important; }
}

/* Les moteurs attendent ces jetons avant d’afficher l’interface. */
.atlas-musical { --am-final-css-ready: 8360; }
.arcade-musicale-live { --aml-final-css-ready: 8360; }