.deck-component.live-card{
  padding:0;
  background:var(--md-neutral-background-1-rest);
  border-radius:var(--radius);
  text-align:left;
  container-type:inline-size;
}
.live-layout{ display:flex; gap:32px; height:100%; min-height:0; }
.live-main{ flex:1 1 auto; min-width:0; min-height:0; display:flex; flex-direction:column; gap:24px; }
.live-head{ display:flex; justify-content:flex-end; }
.present-frame .live-card.is-revealed .live-head{ display:none; }
.deck-component.live-card.live-head-up{ overflow:visible; }
.live-card.live-head-up .live-head{
  position:absolute; z-index:1;
  left:calc(100% + 32px); width:calc(100cqw - 100% - 32px);
  top:var(--live-head-y); height:var(--live-head-h);
}
.live-card.live-head-up .live-quiz-timer{
  flex:1 1 auto; justify-content:center; height:100%; box-sizing:border-box; padding:0 24px;
  border-radius:var(--radius);
}
.cards-grid:has(> .live-card.live-head-up) > .slide-title-cell{ padding-right:var(--live-title-pad, 0px); }
.live-body{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; }
.live-footer{ display:flex; justify-content:space-between; gap:16px; font-family:var(--font-sans); font-size:var(--md-typography-font-size-600); line-height:32px; color:var(--md-neutral-foreground-2-rest); }
.live-footer:has(.live-voters:empty):has(.live-status:empty){ display:none; }
.live-status{ font-weight:600; }

.live-join{
  flex:0 0 300px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;
  padding:24px; border-radius:var(--radius);
  background:var(--md-neutral-background-2-rest);
  text-align:center;
}
.live-join-qr{
  width:240px; height:240px; display:flex; align-items:center; justify-content:center;
  border-radius:12px; background:#fff;
  color:var(--md-neutral-foreground-3-rest);
}
.live-join-qr i{ font-size:120px; }
.live-join-qr svg{ width:224px; height:224px; display:block; }
.live-join-text{ display:flex; flex-direction:column; align-items:center; gap:2px; font-family:var(--font-sans); color:var(--md-neutral-foreground-2-rest); }
.live-join-hint, .live-join-code-label{ font-size:var(--md-typography-font-size-500); line-height:28px; }
.live-join-url{ font-size:var(--md-typography-font-size-700); line-height:36px; color:var(--md-neutral-foreground-1-rest); margin-bottom:8px; }
.live-join-code{ font-family:var(--font-display); font-size:var(--md-typography-font-size-1000); line-height:76px; letter-spacing:.04em; color:var(--md-brand-foreground-1-rest); font-variant-numeric:tabular-nums; white-space:nowrap; }
.live-join-count{ font-family:var(--font-sans); font-size:var(--md-typography-font-size-600); line-height:32px; color:var(--md-neutral-foreground-2-rest); }
.live-join-count:empty{ display:none; }

@container (max-width: 900px){
  .live-layout{ flex-direction:column; gap:20px; }
  .live-join{ flex:0 0 auto; flex-direction:row; flex-wrap:wrap; gap:4px 16px; padding:12px 16px; }
  .live-join-qr{ display:none; }
  .live-join-text{ flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:baseline; gap:4px 8px; }
  .live-join-url{ margin-bottom:0; }
  .live-join-code{ font-size:var(--md-typography-font-size-800); line-height:40px; }
  .live-quiz-choices{ grid-template-columns:1fr; }
}

.live-poll-rows{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; justify-content:center; gap:24px; }
.live-poll-row{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.live-poll-row-head{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; min-width:0; }
.live-poll-label{ min-width:0; outline:none; font-family:var(--font-sans); font-size:var(--md-typography-font-size-700); line-height:36px; color:var(--md-neutral-foreground-1-rest); }
.live-poll-value{ flex-shrink:0; font-family:var(--font-display); font-size:var(--md-typography-font-size-700); line-height:36px; color:var(--md-brand-foreground-1-rest); font-variant-numeric:tabular-nums; }
.live-poll-track{ height:24px; border-radius:12px; background:var(--md-neutral-background-3-rest); overflow:hidden; }
.live-poll-fill{ height:100%; width:0; border-radius:12px; background:var(--md-brand-foreground-1-rest); transition:width .6s cubic-bezier(.2, .8, .2, 1); }

.live-quiz-timer{
  flex-shrink:0; display:flex; align-items:center; gap:10px;
  padding:8px 18px; border-radius:999px;
  background:var(--md-neutral-background-2-rest);
  font-family:var(--font-display); font-size:var(--md-typography-font-size-800); line-height:40px;
  color:var(--md-neutral-foreground-1-rest); font-variant-numeric:tabular-nums;
  transition:background-color .3s ease, color .3s ease;
}
.live-quiz-timer i{ font-size:28px; color:var(--md-neutral-foreground-2-rest); transition:color .3s ease; }
.live-quiz-timer.is-urgent{ background:var(--md-status-danger-background-1-rest); color:var(--md-status-danger-foreground-1-rest); }
.live-quiz-timer.is-urgent i{ color:var(--md-status-danger-foreground-1-rest); }
.live-card .live-quiz-timer.is-done{ display:none; }
.live-quiz-choices{ flex:1 1 auto; min-height:0; display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:1fr; gap:16px; align-content:center; }
.live-quiz-choice{
  position:relative; overflow:hidden; min-width:0;
  display:flex; align-items:center; gap:16px;
  padding:18px 20px; border-radius:12px;
  border:2px solid var(--md-neutral-stroke-1-rest);
  background:var(--md-neutral-background-1-rest);
  transition:opacity .4s ease, border-color .4s ease, background-color .4s ease;
}
.live-quiz-fill{ position:absolute; left:0; top:0; bottom:0; width:0; background:var(--md-neutral-background-3-rest); transition:width .6s cubic-bezier(.2, .8, .2, 1); }
.live-quiz-letter{
  position:relative; flex-shrink:0; width:48px; height:48px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:var(--md-brand-foreground-1-rest); color:#fff;
  font-family:var(--font-display); font-size:var(--md-typography-font-size-700);
}
.live-quiz-label{ position:relative; flex:1 1 auto; min-width:0; outline:none; font-family:var(--font-sans); font-size:var(--md-typography-font-size-700); line-height:36px; color:var(--md-neutral-foreground-1-rest); }
.live-quiz-count{ position:relative; flex-shrink:0; font-family:var(--font-display); font-size:var(--md-typography-font-size-700); color:var(--md-neutral-foreground-1-rest); font-variant-numeric:tabular-nums; }
.live-quiz-count:empty{ display:none; }
.live-quiz-mark{
  position:relative; flex-shrink:0; width:40px; height:40px; border-radius:50%;
  display:none; align-items:center; justify-content:center;
  background:var(--md-status-success-foreground-1-rest); color:#fff; font-size:22px;
}
.live-quiz-choice[data-correct="true"] .live-quiz-mark{ display:flex; }
.live-quiz-choice[data-correct="true"]{ border-color:var(--md-status-success-stroke-color); }
.present-frame .live-card:not(.is-revealed) .live-quiz-mark{ display:none; }
.present-frame .live-card:not(.is-revealed) .live-quiz-choice{ border-color:var(--md-neutral-stroke-1-rest); }
.present-frame .live-card.is-revealed .live-quiz-choice[data-correct="false"]{ opacity:.45; }
.present-frame .live-card.is-revealed .live-quiz-choice[data-correct="true"]{ background:var(--md-status-success-background-1-rest); }
.present-frame .live-card.is-revealed .live-quiz-choice[data-correct="true"] .live-quiz-fill{ background:rgba(0, 0, 0, .06); }
.live-card:not(.is-revealed) .live-quiz-count{ display:none; }

.live-main{ position:relative; }
.live-lobby{
  position:absolute; inset:0; z-index:2;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  background:var(--md-neutral-background-1-rest);
  opacity:0; visibility:hidden; transition:opacity .4s ease, visibility 0s linear .4s;
}
.present-frame .live-card.is-lobby .live-lobby{ opacity:1; visibility:visible; transition:none; }
.present-frame.live-lobby-on .slide-title,
.present-frame.live-lobby-on .slide-title-sub{ visibility:hidden; }
.present-frame .live-card.is-lobby .live-head,
.present-frame .live-card.is-lobby .live-body,
.present-frame .live-card.is-lobby .live-footer{ visibility:hidden; }
.live-lobby-title{ font-family:var(--font-display); font-weight:var(--font-weight-light); font-size:var(--md-typography-font-size-1000); line-height:76px; color:var(--md-brand-foreground-1-rest); }
.live-lobby-hint{ font-family:var(--font-sans); font-size:var(--md-typography-font-size-700); line-height:36px; color:var(--md-neutral-foreground-2-rest); }
.live-lobby-start{
  margin-top:32px; display:inline-flex; align-items:center; gap:16px;
  padding:20px 56px; border:none; border-radius:999px;
  background:var(--md-brand-foreground-1-rest); color:#fff;
  font-family:var(--font-sans); font-size:var(--md-typography-font-size-700); line-height:36px;
  cursor:pointer; transition:transform .15s ease;
}
.live-lobby-start:hover{ transform:scale(1.04); }
.live-lobby-start i{ font-size:26px; }
.live-lobby-count{
  display:none; margin-top:24px; width:132px; height:132px; border-radius:50%;
  align-items:center; justify-content:center;
  background:var(--md-brand-foreground-1-rest); color:#fff;
  font-family:var(--font-display); font-size:72px; line-height:1; font-variant-numeric:tabular-nums;
}
.live-lobby.is-countdown .live-lobby-start{ display:none; }
.live-lobby.is-countdown .live-lobby-count{ display:flex; }

.live-board{ display:none; flex:1 1 auto; min-height:0; flex-direction:column; gap:20px; }
.present-frame .live-card.show-board .live-head,
.present-frame .live-card.show-board .live-body,
.present-frame .live-card.show-board .live-footer{ display:none; }
.present-frame .live-card.show-board .live-board{ display:flex; }
.present-frame .live-card.show-board .live-join{ display:none; }
.present-frame.live-board-on .slide-title{ position:relative; visibility:hidden; }
.present-frame.live-board-on .slide-title::after{ content:'Classement'; position:absolute; top:0; left:0; right:0; visibility:visible; }
.present-frame.live-board-on .slide-title-sub{ visibility:hidden; }
.live-board-head{ display:none; }
.live-board-rows{
  list-style:none; margin:0; padding:0; flex:1 1 auto; min-height:0;
  display:grid; grid-auto-flow:column; grid-template-rows:repeat(var(--board-rows, 5), auto);
  grid-template-columns:repeat(var(--board-cols, 1), minmax(0, 820px));
  justify-content:center; align-content:start; gap:20px 64px;
}
.live-board-row{ display:grid; grid-template-columns:56px minmax(0, 1fr) auto; grid-template-rows:auto auto; column-gap:16px; row-gap:6px; align-items:center; }
.live-board-rank{
  grid-row:1 / span 2; width:48px; height:48px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--md-neutral-background-2-rest); color:var(--md-neutral-foreground-1-rest);
  font-family:var(--font-display); font-size:var(--md-typography-font-size-600);
}
.live-board-row[data-rank="1"] .live-board-rank{ background:#F2B705; color:#fff; }
.live-board-row[data-rank="2"] .live-board-rank{ background:#A7B0BE; color:#fff; }
.live-board-row[data-rank="3"] .live-board-rank{ background:#C77B44; color:#fff; }
.live-board-name{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--font-sans); font-size:var(--md-typography-font-size-700); line-height:36px; color:var(--md-neutral-foreground-1-rest); }
.live-board-score{ font-family:var(--font-display); font-size:var(--md-typography-font-size-700); line-height:36px; color:var(--md-brand-foreground-1-rest); font-variant-numeric:tabular-nums; }
.live-board-bar{ grid-column:2 / span 2; height:12px; border-radius:6px; background:var(--md-neutral-background-3-rest); overflow:hidden; }
.live-board-fill{ display:block; height:100%; border-radius:6px; background:var(--md-brand-foreground-1-rest); transition:width .8s cubic-bezier(.2, .8, .2, 1); }
.live-board-footer{ font-family:var(--font-sans); font-size:var(--md-typography-font-size-600); line-height:32px; color:var(--md-neutral-foreground-2-rest); }
.live-board-footer:empty{ display:none; }

.live-cloud-area{ position:relative; flex:1 1 auto; min-height:160px; overflow:hidden; }
.live-cloud-sample{
  position:absolute; inset:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; gap:8px 24px;
  font-family:var(--font-display); color:var(--md-neutral-foreground-3-rest); opacity:.55;
}
.live-cloud-sample-word[data-size="1"]{ font-size:28px; }
.live-cloud-sample-word[data-size="2"]{ font-size:40px; }
.live-cloud-sample-word[data-size="3"]{ font-size:56px; }
.live-cloud-sample-word[data-size="4"]{ font-size:76px; color:var(--md-neutral-foreground-2-rest); }
.live-cloud-words{ position:absolute; inset:0; font-family:var(--font-display); }
.live-cloud-word{
  position:absolute; left:0; top:0; white-space:nowrap; line-height:1.2;
  font-family:var(--font-display);
  transition:transform .6s cubic-bezier(.2, .8, .2, 1), font-size .6s cubic-bezier(.2, .8, .2, 1), opacity .4s ease;
}
.live-cloud-word.is-new{ opacity:0; }
.live-cloud-word[data-tone="0"]{ color:var(--md-brand-foreground-1-rest); }
.live-cloud-word[data-tone="1"]{ color:#2F6BFF; }
.live-cloud-word[data-tone="2"]{ color:#0A2A8C; }
.live-cloud-word[data-tone="3"]{ color:#5C7CFA; }
.live-cloud-empty{
  position:absolute; inset:0; display:none; align-items:center; justify-content:center;
  font-family:var(--font-sans); font-size:var(--md-typography-font-size-700); color:var(--md-neutral-foreground-3-rest);
}
.present-frame .live-cloud-sample{ display:none; }
.present-frame .live-cloud-empty:not(:empty){ display:flex; }

.live-rank-rows{ list-style:none; margin:0; padding:0; flex:1 1 auto; min-height:0; display:flex; flex-direction:column; justify-content:center; gap:14px; }
.live-rank-row{ display:grid; grid-template-columns:52px minmax(0, 1fr) auto; grid-template-rows:auto auto; column-gap:16px; row-gap:6px; align-items:center; will-change:transform; }
.live-rank-pos{
  grid-row:1 / span 2; width:48px; height:48px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:var(--md-brand-foreground-1-rest); color:#fff;
  font-family:var(--font-display); font-size:var(--md-typography-font-size-600);
}
.live-rank-label{ min-width:0; outline:none; font-family:var(--font-sans); font-size:var(--md-typography-font-size-700); line-height:36px; color:var(--md-neutral-foreground-1-rest); }
.live-rank-avg{ font-family:var(--font-sans); font-size:var(--md-typography-font-size-500); line-height:28px; color:var(--md-neutral-foreground-2-rest); white-space:nowrap; }
.live-rank-avg:empty{ display:none; }
.live-rank-bar{ grid-column:2 / span 2; height:14px; border-radius:7px; background:var(--md-neutral-background-3-rest); overflow:hidden; }
.live-rank-fill{ display:block; height:100%; width:0; border-radius:7px; background:var(--md-brand-foreground-1-rest); transition:width .6s cubic-bezier(.2, .8, .2, 1); }

.live-card-thumb{ display:flex; flex-direction:column; gap:6px; width:100%; padding:8px; box-sizing:border-box; }
.live-card-thumb span{ display:block; height:8px; border-radius:4px; background:var(--md-brand-foreground-1-rest); }

.live-quiz-correct-toggle{ display:flex; align-items:center; flex-shrink:0; }