/* The same work, with today's accepted intentions laid beside or upon it. */
.melody-box-panel.is-participation-closed .mb-cta:not(.mb-live-summary){visibility:hidden}
.melody-box-panel.is-participation-closed .mb-tools{display:none}
.movie-panel.is-participation-closed:not(.is-repeat-drawing) :is(.movie-tools,.movie-guide-toggle,.movie-turn,.movie-cta:not(:has([data-movie="repeat"])),.movie-cta:has([data-movie="repeat"]) > [data-action="movie-submit"]){display:none}
.melody-box-panel .mb-live-summary {
  left: var(--chrome-x,16px);
  right: var(--chrome-x,16px);
  top: var(--mb-live-top);
  bottom: auto;
  width: auto;
  max-height: max(0px,calc(100% - var(--mb-live-top) - 8px));
  margin: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  padding: 22px;
  border: 1px solid #d8b7ea45;
  border-radius: 10px;
  background: #251829;
  box-shadow: 0 12px 36px #0e071645;
  overflow: hidden;
}
.mb-live-summary .wip-live-heading {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  gap: 8px 16px;
}
.mb-live-summary .wip-live-heading h2 {
  font: 400 var(--results-title-size)/1.12 var(--pluritual-serif,Georgia,serif);
  letter-spacing: -.025em;
}
.mb-live-summary .wip-live-total {
  justify-items: end;
  gap: 3px;
}
.mb-live-summary .wip-live-total strong { font: 400 var(--results-total-size)/.95 var(--pluritual-serif,Georgia,serif); }
.mb-live-summary :is(.wip-live-total span,.wip-live-deadline) {
  color: #d3b6de;
  font: 400 var(--results-meta-size)/1.35 var(--pluritual-sans,Arial,sans-serif);
  opacity: 1;
}
.mb-live-summary .wip-live-deadline { display: flex; align-items: center; gap: 7px; }
.mb-live-breakdown {
  min-width: 0;
  min-height: 0;
  padding-right: 2px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: #9c73ac59 transparent;
}
.mb-live-ranking { min-width: 0; }
.mb-live-ranking-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; margin-bottom: 6px; }
.mb-live-ranking h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px;
  margin: 0;
  color: #e8c9f0;
  font: 600 var(--results-section-size)/1.3 var(--pluritual-sans,Arial,sans-serif);
  letter-spacing: .015em;
}
.mb-live-ranking h3 small,.mb-live-ranking-heading > span {
  color: #d3b6de;
  font: 400 var(--results-meta-size)/1.4 var(--pluritual-sans,Arial,sans-serif);
}
.mb-live-ranking-heading > span { text-align: right; white-space: nowrap; margin-right: 55px; }
.mb-live-ranking + .mb-live-ranking { margin-top: 12px; }
.mb-live-notes { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.mb-live-row {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,1fr) 44px;
  box-sizing: border-box;
  min-height: var(--results-row-height);
  border: 1px solid #8b6b9859;
  border-radius: var(--results-row-radius);
  background: #37263f;
}
.mb-live-row::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--note-chance);
  background: #ad83be30;
  border-radius: var(--results-row-radius) 0 0 var(--results-row-radius);
  z-index: -1;
  pointer-events: none;
}
:where(.mb-live-ranking.is-wild) .mb-live-row { background: #302337; }
.mb-live-ranking.is-shared .mb-live-row:first-child,.mb-live-row.is-highlighted { border-color: #b892c480; }
.mb-live-row.is-leading { box-shadow: inset 3px 0 0 #b892c4; }
.mb-live-row.is-selected { border-color: #deb5ef; background: #523760; }
.mb-live-note,.mb-live-listen {
  box-sizing: border-box;
  border: 0;
  border-radius: 3px;
  color: #f1defa;
  background: transparent;
  font: 500 12px/1.2 var(--pluritual-sans,Arial,sans-serif);
  cursor: pointer;
}
.mb-live-note {
  display: grid;
  grid-template-columns: 24px minmax(0,1fr) auto 59px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: var(--results-row-pad-y) var(--results-row-pad-x);
  text-align: left;
}
.mb-live-rank { color: #d1aedc; font: 400 var(--results-rank-size)/1 var(--pluritual-sans,Arial,sans-serif); font-variant-numeric: tabular-nums; }
.mb-live-pitch { display: flex; align-items: baseline; gap: 4px; min-width: 0; font: 400 17px/1.15 var(--pluritual-wip-serif,Georgia,serif); }
.mb-live-own { color: #e2b6ef; font: 400 9px/1.2 var(--pluritual-sans,Arial,sans-serif); }
.mb-live-support,.mb-live-chance { justify-self: end; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mb-live-support { color: #d3b6de; font-size: var(--results-support-size); line-height: 1.35; }
.mb-live-chance { font-size: var(--results-chance-size); line-height: 1.1; font-weight: 600; }
.mb-live-listen {
  display: grid;
  place-items: center;
  padding: 0;
  border-left: 1px solid #b892c447;
}
.mb-live-listen svg { width: 17px; height: 17px; fill: currentColor; }
.mb-live-icon-stop,.mb-live-listen[data-playing="true"] .mb-live-icon-play { display: none; }
.mb-live-listen[data-playing="true"] .mb-live-icon-stop { display: block; }
.mb-live-listen:is(:hover,[data-playing="true"]) { background: #68487b; }
.mb-live-summary button:focus-visible { outline: 2px solid #e7c7fa; outline-offset: -2px; }
.mb-live-status,.mb-live-empty { margin: 0; font: 12px/1.35 var(--pluritual-sans,Arial,sans-serif); color: #e7caef; }
.mb-live-empty { min-height: 29px; align-content: center; }
.melody-box-panel[data-live-dock="right"] .mb-live-summary {
  left: auto;
  right: var(--mb-live-side-right);
  top: var(--mb-live-side-top);
  width: var(--mb-live-side-width);
  max-height: max(0px,calc(100% - var(--mb-live-side-top) - 12px));
}
@media (max-width:900px), (max-width:1024px) and (max-height:500px) {
  .melody-box-panel .mb-live-summary { padding: 12px 13px; gap: 8px; border-radius: 9px; }
  .mb-live-summary .wip-live-heading { row-gap: 5px; }
  .mb-live-summary .wip-live-heading h2 { font-size: 23px; }
  .mb-live-summary .wip-live-total strong { font-size: 31px; }
  .mb-live-summary :is(.wip-live-total span,.wip-live-deadline) { font-size: 10px; }
  .mb-live-ranking-heading > span { margin-right: 52px; }
  .mb-live-note {
    grid-template-columns: 18px minmax(0,1fr) auto 43px;
    gap: 4px;
    padding: 5px 7px;
  }
  .mb-live-row { min-height: 46px; }
}
@media (max-height:640px) {
  .melody-box-panel.is-live .mb-overview { top: calc(var(--paper-top) - 34px); }
  .melody-box-panel.is-live :is(.mb-overview,.mb-overview-canvas,.mb-window) { height: 27px; }
  .melody-box-panel.is-live .mb-position { top: 0; height: 27px; }
  .melody-box-panel.is-live .mb-playhead { top: 3px; height: 20px; }
  .melody-box-panel.is-live .mb-tempo { top: calc(var(--paper-top) - 27px); }
  .melody-box-panel.is-live .mb-scene .mb-controls { top: calc(var(--paper-top) + var(--paper-height) + 12px); gap: 4px; }
  body main.melody .melody-box-panel.is-live :is([data-box=play],.mb-position-button) { min-height: 38px !important; padding-block: 5px !important; }
  body main.melody .melody-box-panel.is-live .mb-volume button,
  .melody-box-panel.is-live .mb-volume-range { height: 32px; min-height: 32px; padding-block: 4px; }
}
@media (max-height:500px) and (orientation:landscape) {
  .melody-box-panel .mb-live-summary { display: grid; grid-template-columns: minmax(150px,.35fr) minmax(0,1fr); gap: 9px; padding-block: 5px; }
  .mb-live-summary .wip-live-heading h2 { font-size: 16px; }
  .mb-live-summary .wip-live-total strong { font-size: 22px; }
}
.mb-proposal-ink[hidden] { display: none; }
.movie-panel.is-live>.movie-cta,.movie-panel.is-live .movie-tools,.movie-panel.is-live .movie-guide-toggle,.movie-panel.is-live .movie-turn{display:none}
.movie-panel.is-live>.movie-cta:has(.movie-test-tools){display:flex;min-height:0;width:auto;order:-1}
.movie-panel.is-live>.movie-cta:has(.movie-test-tools)>:not(.movie-test-tools){display:none}
.movie-live {
  --movie-proposals-ink: #f2eadb;
  --movie-proposals-muted: #d4c8b5;
  --movie-proposals-accent: #e7c99d;
  --movie-proposals-line: #a68d685c;
  display: none;
}
.movie-panel.is-live>.movie-live {
  display: flex;
  flex-direction: column;
  align-self: start;
  gap: 18px;
  width: min(100%, 420px);
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 22px;
  border: 1px solid var(--movie-proposals-line);
  border-radius: 10px;
  background: #211e18;
  color: var(--movie-proposals-ink);
  box-shadow: 0 12px 36px #00000012;
}
body main.movie .movie-panel.is-live{display:flex;justify-content:flex-start;overflow-y:auto;padding:10px 12px 16px;box-sizing:border-box}
.movie-panel.is-live .movie-frame-strip{display:none}
.movie-panel.is-live .movie-workspace{pointer-events:none}
.movie-panel.is-live .movie-playback{pointer-events:auto}
.movie-live .live-draw-deadline {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  color: var(--movie-proposals-muted);
  font: 400 var(--results-meta-size)/1.35 var(--pluritual-sans, Arial, sans-serif);
}
main.ritual-room.movie .movie-live .live-draw-deadline > span {
  color: inherit;
  font: inherit;
  letter-spacing: 0;
  text-transform: none;
}
body main.ritual-room.movie .movie-live :is(.live-panel-head > span,.live-panel-count,.live-data-empty > strong) {
  color: var(--movie-proposals-ink);
}
body main.ritual-room.movie .movie-live :is(.live-panel-count > span,.live-voice-group-head,.live-voice-group-head small,.live-voice-footnote,.live-data-empty) {
  color: var(--movie-proposals-muted);
}
body main.ritual-room.movie .movie-live .live-voice-group-head h4 {
  color: var(--movie-proposals-accent);
}
body main.ritual-room.movie .movie-live .live-voice-list { scrollbar-color: #a68d6880 transparent; }
body main.ritual-room.movie .movie-live .live-voice-list:focus-visible { outline-color: var(--movie-proposals-accent); }
.movie-live-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.movie-live-cards.is-single { grid-template-columns: minmax(0, 1fr); }
.movie-live-gallery-slot { grid-column: 1 / -1; min-width: 0; }
.movie-live-vision {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0;
  box-sizing: border-box;
  appearance: none;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid var(--movie-proposals-line);
  border-radius: 5px;
  background: #29251f;
  color: var(--movie-proposals-ink);
}
.movie-live-vision.is-shared { background: #342d22; border-color: #a68d6880; }
.movie-live-vision .movie-vision-art { flex: 0 0 auto; border-radius: 0; }
.movie-live-vision-meta {
  display: flex;
  flex: 1 0 auto;
  align-self: stretch;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 3px 6px;
  padding: 6px 8px;
  border-top: 1px solid var(--movie-proposals-line);
  color: var(--movie-proposals-muted);
  font: 400 var(--results-support-size)/1.35 var(--pluritual-sans, Arial, sans-serif);
  font-variant-numeric: tabular-nums;
}
.movie-live-vision-meta strong {
  color: var(--movie-proposals-ink);
  font-size: var(--results-chance-size);
  font-weight: 600;
}
.movie-live-vision:is(:hover,[aria-expanded="true"]) {
  border-color: var(--movie-proposals-accent);
}
.movie-live-vision[aria-expanded="true"] .movie-live-vision-meta {
  background: #453929;
  border-top-color: #a68d68;
}
.movie-live-vision-open {
  position: absolute;
  inset: 6px 6px auto auto;
  display: none;
  padding: 3px 6px;
  border-radius: 3px;
  background: var(--movie-proposals-accent);
  color: #211e18;
  font: 600 var(--results-support-size)/1.35 var(--pluritual-sans, Arial, sans-serif);
}
.movie-live-vision[aria-expanded="true"] .movie-live-vision-open { display: block; }
.movie-live-vision:focus-visible,
.movie-vision-close:focus-visible {
  outline: 2px solid #e7c99d;
  outline-offset: -2px;
}
.movie-live-gallery-panel {
  margin-bottom: 6px;
  padding: 10px;
  border: 1px solid #a68d68;
  border-inline-start: 3px solid var(--movie-proposals-accent);
  border-radius: 6px;
  background: #312a20;
}
.movie-live-gallery-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 2px 8px;
  margin-bottom: 8px;
  scroll-margin-block: 8px min(96px, 16vh);
  color: var(--movie-proposals-muted);
  font: 400 var(--results-support-size)/1.35 var(--pluritual-sans, Arial, sans-serif);
}
.movie-live-gallery-heading strong {
  color: var(--movie-proposals-accent);
  font-weight: 600;
}
.movie-live-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 146px), 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.movie-live-gallery li { min-width: 0; }
.movie-live-gallery .movie-vision-art { border: 1px solid var(--movie-proposals-line); box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) {
  .movie-live-gallery-slot:not([hidden]) .movie-live-gallery-panel { animation: movie-gallery-open 170ms ease-out; }
  @keyframes movie-gallery-open {
    from { opacity: 0; transform: translateY(-3px); }
    to { opacity: 1; transform: translateY(0); }
  }
}
@media (max-width:900px), (max-width:1024px) and (max-height:500px) {
  .movie-panel.is-live>.movie-live { align-self: center; padding: 12px 13px; gap: 8px; }
}
@media (max-width:899px) {
  .movie-panel.is-live>.movie-live { flex: 0 0 auto; }
  .movie-panel.is-live>.movie-cta:has(.movie-test-tools) { width: 100%; max-width: 420px; }
  .movie-panel.is-live>.movie-cta>.movie-test-tools { width: 100%; }
  body main.ritual-room.movie .movie-panel.is-live .movie-live :is(.live-sentence-pool-card,.live-voice-list) { overflow: visible; }
}
@media (max-width:480px) { .movie-live-gallery { grid-template-columns: 1fr; } }
@media (min-width:900px) and (max-height:799px) {
  .movie-live-cards.is-single .movie-live-vision .movie-vision-art {
    max-height: max(120px, calc(100dvh - 565px));
    object-fit: contain;
  }
}
.wip-live-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 12px}
.wip-live-heading h2{font:400 clamp(19px,2vw,27px)/1.12 Fraunces,Georgia,serif;margin:0}
.wip-live-total{grid-column:2;grid-row:1 / span 2;text-align:right;margin:0;display:grid;gap:2px;font:11px/1.2 Arial,sans-serif}
.wip-live-total strong{font:400 clamp(25px,3vw,36px)/1 Fraunces,Georgia,serif}
.wip-live-deadline,.wip-live-empty{margin:0;font:12px/1.4 Arial,sans-serif;opacity:.85}
.wip-live-empty{margin-top:12px}
.movie-vision-art {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  background: #101715 linear-gradient(115deg,#070b09b8,#020605cf);
  background-image: linear-gradient(115deg,#070b09b8,#020605cf), url('/assets/movie-slate-material.webp');
  background-size: cover;
  border-radius: 3px;
}
.movie-vision-dialog {
  width: min(1060px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 40px);
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #bfa17b80;
  border-radius: 12px;
  background: #211e19;
  color: #f3eadd;
  box-shadow: 0 24px 90px #0009;
  overscroll-behavior: contain;
}
.movie-vision-dialog::backdrop { background: #100c08c9; }
.movie-vision-header {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 20px clamp(14px, 3vw, 28px);
  border-bottom: 1px solid #d7b88736;
  background: #211e19;
}
.movie-vision-header h2 {
  margin: 0;
  font: 400 clamp(25px, 4vw, 38px)/1.08 Fraunces,Georgia,serif;
}
.movie-vision-header p {
  margin: 6px 0 0;
  color: #d4cbbd;
  font: 13px/1.4 Arial,sans-serif;
}
.movie-vision-close {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #d7b88760;
  border-radius: 50%;
  background: #d7b88710;
  color: #f3eadd;
  font: 24px/1 Arial,sans-serif;
  cursor: pointer;
}
.movie-vision-close:hover { background: #d7b88726; }
.movie-vision-drawings {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(8px, 2vw, 16px);
  list-style: none;
  margin: 0;
  padding: clamp(14px, 3vw, 28px);
}
.movie-vision-drawings li {
  min-width: 0;
  border: 1px solid #d7b88736;
  border-radius: 5px;
  background: #d7b8870c;
  overflow: hidden;
}
.movie-vision-drawings li p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 8px;
  margin: 0;
  padding: 8px;
  color: #e9e5d9;
  font: 12px/1.3 Arial,sans-serif;
}
.movie-vision-drawings li span { color: #e7c99d; }
.movie-moderation-toggle {
  margin: 0 8px 8px;
  padding: 6px 12px;
  min-height: 44px;
  border: 1px solid #d7b88765;
  border-radius: 4px;
  background: #d7b88717;
  color: #fff2df;
  font: 12px/1.3 Arial,sans-serif;
  cursor: pointer;
}
.movie-moderation-toggle:disabled { opacity: .6; cursor: wait; }
.movie-review-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.movie-review-actions button { margin: 0; }
.movie-review-actions [aria-pressed="true"] { background: #e1d8bf; color: #24261c; }
.movie-review-empty { margin: 18px 26px 0; color: #e2d5bf; }
.movie-moderation [data-excluded="true"] canvas { opacity: .45; }
@media (max-width: 700px) {
  .movie-vision-drawings { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(min-width:900px){
 body main.movie .movie-panel.is-live{display:grid;grid-template-columns:minmax(0,var(--movie-width,760px)) clamp(340px,30vw,420px);grid-template-rows:minmax(0,1fr);justify-content:center;align-content:start;align-items:start;gap:24px}
 body main.movie .movie-panel.is-live:has(>.movie-cta .movie-test-tools){grid-template-rows:max-content minmax(0,1fr)}
 .movie-panel.is-live>.movie-live{max-height:100%;overflow:hidden}
 .movie-panel.is-live>.movie-cta:has(.movie-test-tools){grid-column:1/-1;justify-self:center}
}