/* MR Theory Board · Θεωρία 2 · Κεφάλαιο 6 · Διατονικές συγχορδίες Ionian · v0.9.5 */

.mrtb-app.mrtb-diatonikes-mode .mrtb-values-section,
.mrtb-app.mrtb-diatonikes-mode .mrtb-mini-piano{
  display:none !important;
}

.mrtb-app.mrtb-diatonikes-mode [data-action="tool-note"],
.mrtb-app.mrtb-diatonikes-mode [data-action="tool-delete"],
.mrtb-app.mrtb-diatonikes-mode [data-action="delete-selected"],
.mrtb-app.mrtb-diatonikes-mode [data-action="select-multi"],
.mrtb-app.mrtb-diatonikes-mode [data-action="toggle-value-labels"],
.mrtb-app.mrtb-diatonikes-mode [data-action="toggle-note-labels"],
.mrtb-app.mrtb-diatonikes-mode [data-action="staff-treble"],
.mrtb-app.mrtb-diatonikes-mode [data-action="staff-bass"],
.mrtb-app.mrtb-diatonikes-mode [data-action="add-staff"]{
  display:none !important;
}

.mrtb-app.mrtb-diatonikes-mode .mrtb-board{
  overflow:auto;
  background:
    radial-gradient(circle at 12% 10%,rgba(81,116,223,.12),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(32,165,184,.12),transparent 24%),
    linear-gradient(180deg,#f7f9ff 0%,#f4f7fb 100%);
}

.mrtb-diatonikes-scene{
  position:absolute;
  inset:14px 16px auto 16px;
  z-index:12;
  width:calc(100% - 32px);
  min-width:0;
  box-sizing:border-box;
  color:#20283a;
  font-family:inherit;
}

.mrtb-diat-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:18px;
  align-items:stretch;
  padding:18px 20px;
  border:1px solid rgba(79,98,150,.16);
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 48px rgba(37,47,82,.11);
  backdrop-filter:blur(16px);
}

.mrtb-diat-head > div:first-child > span{
  display:block;
  margin-bottom:4px;
  color:#65708a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mrtb-diat-head h2{
  margin:0;
  color:#20283a;
  font-size:clamp(22px,2.2vw,34px);
  line-height:1.05;
  letter-spacing:-.04em;
}

.mrtb-diat-head p{
  max-width:780px;
  margin:8px 0 0;
  color:#68728a;
  font-size:14px;
  line-height:1.45;
}

.mrtb-diat-head p b{
  color:#313b56;
}

.mrtb-diat-live{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:14px 16px;
  border:1px solid rgba(81,116,223,.18);
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(81,116,223,.10),rgba(32,165,184,.08)),
    #fff;
}

.mrtb-diat-live small{
  color:#6f7890;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mrtb-diat-live strong{
  margin-top:2px;
  color:#35499f;
  font-size:27px;
  line-height:1;
}

.mrtb-diat-live span{
  margin-top:5px;
  color:#6f7890;
  font-size:12px;
  font-weight:700;
}

.mrtb-diat-special{
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border:1px solid rgba(62,79,126,.12);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:#61708d;
  font-size:11px;
  font-style:normal;
  font-weight:800;
  line-height:1.35;
}

.mrtb-diat-special.active{
  border-color:rgba(53,73,159,.22);
  background:linear-gradient(135deg,rgba(65,91,196,.10),rgba(32,165,184,.08));
  color:#34488e;
}

.mrtb-diat-legend{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}

.mrtb-diat-legend span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.mrtb-diat-legend .family-major{
  background:#e9f8f0;
  color:#42b97d;
}

.mrtb-diat-legend .family-minor{
  background:#edf0fb;
  color:#5d78d9;
}

.mrtb-diat-legend .family-diminished{
  background:#fdecee;
  color:#e16a73;
}

.mrtb-diat-live button{
  width:100%;
  margin-top:10px;
  padding:8px 12px;
  border:0;
  border-radius:12px;
  background:#253154;
  color:#fff;
  font:800 12px/1 inherit;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(37,49,84,.18);
}

.mrtb-diat-scale-strip{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}

.mrtb-diat-scale-strip > span{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--degree-color) 20%,white);
  border-radius:13px;
  background:var(--degree-soft);
  box-shadow:0 7px 18px rgba(43,52,86,.07);
  overflow:hidden;
}

.mrtb-diat-scale-strip > span::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--degree-color);
}

.mrtb-diat-scale-strip b{
  color:var(--degree-color);
  font-size:17px;
}

.mrtb-diat-scale-strip small{
  min-width:0;
  color:#778097;
  font-size:10px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mrtb-diat-scale-strip i{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:color-mix(in srgb,var(--degree-color) 16%,white);
  color:var(--degree-color);
  font-size:10px;
  font-style:normal;
  font-weight:1000;
}

.mrtb-diat-stage-wrap{
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 0 8px;
}

.mrtb-diat-stage{
  min-width:1180px;
  padding:18px 18px 12px;
  border:1px solid rgba(61,72,108,.13);
  border-radius:26px;
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 34px rgba(38,47,81,.09);
}

.mrtb-diat-one-staff-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}

.mrtb-diat-one-staff-svg .staff-lines line,
.mrtb-diat-one-staff-svg .barline,
.mrtb-diat-one-staff-svg .ledger-lines line{
  stroke:#30384e;
  stroke-width:1.25;
  vector-effect:non-scaling-stroke;
}

.mrtb-diat-one-staff-svg .degree-guides line{
  stroke:rgba(67,82,121,.12);
  stroke-width:1;
  stroke-dasharray:4 6;
  vector-effect:non-scaling-stroke;
}

.mrtb-diat-one-staff-svg .ledger-lines line{
  stroke-width:1.5;
}

.mrtb-diat-one-staff-svg .clef{
  fill:#273047;
  font-family:"Times New Roman",serif;
  font-size:72px;
}

.mrtb-diat-one-staff-svg .highlight-panel{
  fill:color-mix(in srgb,var(--degree-soft) 88%,white);
  stroke:color-mix(in srgb,var(--degree-color) 44%,white);
  stroke-width:1.6;
  opacity:.95;
}

.mrtb-diat-one-staff-svg .degree-top-label .title{
  fill:#273047;
  font-family:inherit;
  font-size:15px;
  font-weight:1000;
  text-anchor:middle;
}

.mrtb-diat-one-staff-svg .play-hit{
  cursor:pointer;
}

.mrtb-diat-one-staff-svg .play-hit circle{
  fill:#f0f3fa;
  stroke:#d9e0ef;
  stroke-width:1.4;
  transition:fill .16s ease,transform .16s ease;
}

.mrtb-diat-one-staff-svg .play-hit text{
  fill:#38435f;
  font-family:inherit;
  font-size:14px;
  font-weight:1000;
  text-anchor:middle;
  pointer-events:none;
}

.mrtb-diat-one-staff-svg .degree-column:hover .play-hit circle,
.mrtb-diat-one-staff-svg .degree-column.highlighted .play-hit circle{
  fill:var(--degree-color);
  stroke:var(--degree-color);
}

.mrtb-diat-one-staff-svg .degree-column:hover .play-hit text,
.mrtb-diat-one-staff-svg .degree-column.highlighted .play-hit text{
  fill:#fff;
}

.mrtb-diat-one-staff-svg .chord-stem{
  stroke:var(--degree-color);
  stroke-width:3.4;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}

.mrtb-diat-one-staff-svg .note ellipse{
  fill:var(--degree-color);
  stroke:#151922;
  stroke-width:1.4;
  vector-effect:non-scaling-stroke;
}

.mrtb-diat-one-staff-svg .note .note-highlight-ring{
  fill:color-mix(in srgb,var(--degree-soft) 88%,white);
  stroke:color-mix(in srgb,var(--degree-color) 44%,white);
  stroke-width:2.6;
  vector-effect:non-scaling-stroke;
}

.mrtb-diat-one-staff-svg .note.is-last-added ellipse:not(.note-highlight-ring){
  stroke:#111;
  stroke-width:2.1;
}

.mrtb-diat-one-staff-svg .note.is-last-added text{
  fill:#111;
  font-weight:1000;
}

.mrtb-diat-one-staff-svg .note text{
  fill:#626b80;
  font-family:inherit;
  font-size:8.5px;
  font-weight:1000;
}

.mrtb-diat-one-staff-svg .chord-symbol{
  fill:#20283a;
  font-family:inherit;
  font-size:20px;
  font-weight:1000;
  letter-spacing:-.03em;
  text-anchor:middle;
}

.mrtb-diat-one-staff-svg .degree-bottom-badge rect{
  fill:var(--degree-soft);
  stroke:color-mix(in srgb,var(--degree-color) 32%,white);
  stroke-width:1.4;
}

.mrtb-diat-one-staff-svg .degree-below-symbol{
  fill:var(--degree-color);
  font-family:inherit;
  font-size:15px;
  font-weight:1000;
  text-anchor:middle;
}

.mrtb-diat-one-staff-svg .degree-column.family-major .chord-symbol,
.mrtb-diat-one-staff-svg .degree-column.family-major .degree-below-symbol,
.mrtb-diat-one-staff-svg .degree-column.family-major .degree-top-label .title{
  fill:#42b97d;
}

.mrtb-diat-one-staff-svg .degree-column.family-minor .chord-symbol,
.mrtb-diat-one-staff-svg .degree-column.family-minor .degree-below-symbol,
.mrtb-diat-one-staff-svg .degree-column.family-minor .degree-top-label .title{
  fill:#5d78d9;
}

.mrtb-diat-one-staff-svg .degree-column.family-diminished .chord-symbol,
.mrtb-diat-one-staff-svg .degree-column.family-diminished .degree-below-symbol,
.mrtb-diat-one-staff-svg .degree-column.family-diminished .degree-top-label .title{
  fill:#e16a73;
}

.mrtb-diat-one-staff-svg .degree-column.highlighted .chord-symbol{
  font-size:22px;
}

.mrtb-diat-one-staff-svg .degree-column.highlighted .degree-bottom-badge rect,
.mrtb-diat-one-staff-svg .degree-column:hover .degree-bottom-badge rect{
  stroke:color-mix(in srgb,var(--degree-color) 48%,white);
  stroke-width:1.8;
}

.mrtb-diat-one-staff-svg .degree-column.playing .play-hit circle{
  fill:var(--degree-color);
  transform:scale(1.06);
  transform-origin:center;
}

.mrtb-diat-one-staff-svg .degree-column.playing .play-hit text{
  fill:#fff;
}

.mrtb-diat-one-staff-svg .degree-column.playing .chord-symbol,
.mrtb-diat-one-staff-svg .degree-column.playing .degree-below-symbol{
  fill:var(--degree-color);
}

.mrtb-diat-one-staff-svg .degree-column.playing .degree-bottom-badge rect{
  stroke:var(--degree-color);
}

.mrtb-diat-info-row{
  display:grid;
  grid-template-columns:repeat(7,minmax(150px,1fr));
  gap:10px;
  margin-top:12px;
  overflow-x:auto;
}

.mrtb-diat-info-card{
  min-width:150px;
  padding:10px 10px 9px;
  border:1px solid rgba(61,72,108,.13);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(38,47,81,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.mrtb-diat-info-card.family-major{
  background:linear-gradient(180deg,#f5fcf8,#ffffff);
  border-color:#cceedd;
}

.mrtb-diat-info-card.family-minor{
  background:linear-gradient(180deg,#f6f7fd,#ffffff);
  border-color:#d5dcf6;
}

.mrtb-diat-info-card.family-diminished{
  background:linear-gradient(180deg,#fff6f7,#ffffff);
  border-color:#f4c8cc;
}

.mrtb-diat-info-card .top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.mrtb-diat-info-card .badge{
  display:inline-grid;
  place-items:center;
  min-width:38px;
  height:26px;
  padding:0 9px;
  border-radius:999px;
  background:var(--degree-soft);
  color:var(--degree-color);
  font-size:13px;
  font-weight:1000;
}

.mrtb-diat-info-card .top button{
  width:28px;
  height:28px;
  padding:0;
  border:0;
  border-radius:10px;
  background:#eef2fa;
  color:#3a4665;
  font:900 13px/1 inherit;
  cursor:pointer;
}

.mrtb-diat-info-card .top button:hover{
  background:var(--degree-color);
  color:#fff;
}

.mrtb-diat-info-card mark{
  display:inline-block;
  margin-top:8px;
  padding:4px 8px;
  border-radius:999px;
  background:var(--degree-soft);
  color:var(--degree-color);
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mrtb-diat-info-card > b{
  display:block;
  margin-top:8px;
  color:var(--degree-color);
  font-size:18px;
  line-height:1.05;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}

.mrtb-diat-info-card > small,
.mrtb-diat-info-card > em,
.mrtb-diat-info-card > span{
  display:block;
}

.mrtb-diat-info-card > small{
  margin-top:5px;
  color:#768095;
  font-size:10px;
  font-weight:800;
}

.mrtb-diat-info-card > em{
  margin-top:6px;
  color:#556079;
  font-size:11px;
  font-style:normal;
  font-weight:900;
}

.mrtb-diat-info-card .mrtb-note-token,
.mrtb-diat-info-card .mrtb-formula-token{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 1px;
  border-radius:8px;
}

.mrtb-diat-info-card .mrtb-token-sep{
  display:inline-block;
  margin:0 4px;
  color:#95a0b7;
  font-weight:900;
}

.mrtb-diat-info-card .is-last-added{
  padding:2px 6px;
  background:var(--degree-soft);
  color:var(--degree-color);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--degree-color) 22%,white);
  font-weight:1000;
}

.mrtb-diat-info-card > span{
  margin-top:5px;
  padding-top:6px;
  border-top:1px solid #edf0f6;
  color:#7b8395;
  font-size:9px;
  font-weight:850;
  line-height:1.2;
}

.mrtb-diat-info-card.highlighted{
  border-color:color-mix(in srgb,var(--degree-color) 42%,white);
  box-shadow:0 16px 32px color-mix(in srgb,var(--degree-color) 15%,transparent);
}

.mrtb-diat-info-card.playing{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--degree-color) 40%,white);
  box-shadow:0 18px 36px color-mix(in srgb,var(--degree-color) 16%,transparent);
}

.mrtb-diat-rule{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:4px 12px;
  align-items:center;
  margin-top:12px;
  padding:11px 14px;
  border:1px solid rgba(65,80,125,.13);
  border-radius:16px;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 22px rgba(40,50,83,.07);
}

.mrtb-diat-rule > b{
  grid-row:1 / span 2;
  color:#35499f;
  font-size:12px;
}

.mrtb-diat-rule span{
  color:#5f687d;
  font-size:11px;
  font-weight:750;
}

.mrtb-diat-rule em{
  color:#7c8498;
  font-size:10px;
  font-style:normal;
  font-weight:800;
}

.mrtb-diat-toolbar{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px;
  border:1px solid rgba(64,78,121,.15);
  border-radius:14px;
  background:#f6f8fc;
  box-shadow:inset 0 1px 0 #fff;
}

.mrtb-diat-toolbar > span{
  padding:0 6px;
  color:#737d92;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.mrtb-diat-toolbar button{
  min-width:42px;
  height:32px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:10px;
  background:#fff;
  color:#4d5771;
  font:900 11px/1 inherit;
  cursor:pointer;
  box-shadow:0 3px 9px rgba(41,51,84,.07);
}

.mrtb-diat-toolbar button:hover{
  border-color:#b7c1df;
  color:#35499f;
}

.mrtb-diat-toolbar button.active{
  border-color:#334796;
  background:linear-gradient(135deg,#415bc4,#263b91);
  color:#fff;
  box-shadow:0 7px 16px rgba(53,73,159,.25);
}

.mrtb-app.mrtb-diatonikes-mode.mrtb-draw-on .mrtb-draw-canvas{
  z-index:80 !important;
  pointer-events:auto !important;
}

@media (max-width:980px){
  .mrtb-diat-head{
    grid-template-columns:1fr;
  }

  .mrtb-diat-live{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:4px 10px;
    align-items:center;
  }

  .mrtb-diat-live small,
  .mrtb-diat-live span,
  .mrtb-diat-special,
  .mrtb-diat-legend{
    grid-column:1 / span 2;
  }

  .mrtb-diat-live button{
    grid-column:3;
    grid-row:1 / span 4;
    margin:0;
  }

  .mrtb-diat-scale-strip{
    grid-template-columns:repeat(7,58px);
    overflow-x:auto;
    padding-bottom:4px;
  }

  .mrtb-diat-info-row{
    grid-template-columns:repeat(7,150px);
    padding-bottom:4px;
  }
}

@media (max-width:850px){
  .mrtb-diatonikes-scene{
    inset:10px 10px auto 10px;
    width:calc(100% - 20px);
  }

  .mrtb-diat-stage{
    min-width:1120px;
    padding:16px 14px 12px;
  }
}

@media (max-width:560px){
  .mrtb-diat-toolbar{
    width:100%;
    overflow-x:auto;
  }

  .mrtb-diat-toolbar > span{
    display:none;
  }

  .mrtb-diat-rule{
    grid-template-columns:1fr;
  }

  .mrtb-diat-rule > b{
    grid-row:auto;
  }
}


/* v0.8.5 · Αφαιρούνται ολόκληρη η επάνω κάρτα και η σειρά C-D-E-F-G-A-B. */
.mrtb-app.mrtb-diatonikes-mode .mrtb-diat-head,
.mrtb-app.mrtb-diatonikes-mode .mrtb-diat-scale-strip{
  display:none !important;
}

.mrtb-app.mrtb-diatonikes-mode .mrtb-diat-stage-wrap{
  margin-top:0;
  padding-top:0;
}

.mrtb-app.mrtb-diatonikes-mode .mrtb-diatonikes-scene{
  top:10px;
}


/* v0.8.7 · Ίδια χρώματα με το κεφάλαιο Triads. */
.mrtb-app.mrtb-diatonikes-mode .degree-column.family-major{
  --degree-color:#42b97d !important;
  --degree-soft:#e9f8f0 !important;
}

.mrtb-app.mrtb-diatonikes-mode .degree-column.family-minor{
  --degree-color:#5d78d9 !important;
  --degree-soft:#edf0fb !important;
}

.mrtb-app.mrtb-diatonikes-mode .degree-column.family-diminished{
  --degree-color:#e16a73 !important;
  --degree-soft:#fdecee !important;
}

.mrtb-app.mrtb-diatonikes-mode .mrtb-diat-one-staff-svg .degree-column.family-major .chord-symbol,
.mrtb-app.mrtb-diatonikes-mode .mrtb-diat-one-staff-svg .degree-column.family-major .degree-top-label .title{
  fill:#42b97d !important;
}

.mrtb-app.mrtb-diatonikes-mode .mrtb-diat-one-staff-svg .degree-column.family-minor .chord-symbol,
.mrtb-app.mrtb-diatonikes-mode .mrtb-diat-one-staff-svg .degree-column.family-minor .degree-top-label .title{
  fill:#5d78d9 !important;
}

.mrtb-app.mrtb-diatonikes-mode .mrtb-diat-one-staff-svg .degree-column.family-diminished .chord-symbol,
.mrtb-app.mrtb-diatonikes-mode .mrtb-diat-one-staff-svg .degree-column.family-diminished .degree-top-label .title{
  fill:#e16a73 !important;
}

/* =========================================================
   v0.9.1 · Παιχνίδι εύρεσης συγχορδιών στις Ionian
   ========================================================= */

.mrtb-app.mrtb-diat-game-active .mrtb-diatonikes-scene,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-toolbar{
  display:none !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-board{
  overflow:auto !important;
  background:
    radial-gradient(circle at 10% 8%,rgba(83,145,255,.20),transparent 24%),
    radial-gradient(circle at 90% 8%,rgba(65,210,202,.16),transparent 25%),
    radial-gradient(circle at 50% 100%,rgba(132,91,255,.12),transparent 38%),
    linear-gradient(145deg,#edf7ff 0%,#f8fbff 48%,#f2edff 100%) !important;
}

.mrtb-diat-game-scene{
  position:absolute;
  z-index:30;
  inset:8px 10px auto 10px;
  width:calc(100% - 20px);
  min-width:0;
  box-sizing:border-box;
  color:#20283a;
  font-family:inherit;
}

.mrtb-diat-game-shell{
  width:100%;
  box-sizing:border-box;
}

/* ---------- setup ---------- */

.mrtb-diat-game-shell.setup{
  max-width:1220px;
  margin:0 auto;
  padding:16px;
  border:1px solid rgba(81,105,164,.14);
  border-radius:28px;
  background:rgba(255,255,255,.92);
  box-shadow:0 22px 60px rgba(35,52,94,.15);
  backdrop-filter:blur(18px);
}

.mrtb-diat-game-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:16px;
  align-items:start;
  padding:8px 8px 15px;
}

.mrtb-diat-game-hero > div > span{
  display:block;
  margin-bottom:5px;
  color:#6d7890;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mrtb-diat-game-hero h2{
  margin:0;
  color:#20283a;
  font-size:clamp(25px,3vw,42px);
  line-height:1;
  letter-spacing:-.05em;
}

.mrtb-diat-game-hero p{
  max-width:920px;
  margin:9px 0 0;
  color:#627087;
  font-size:13px;
  line-height:1.48;
  font-weight:720;
}

.mrtb-diat-game-hero p b{
  color:#34415b;
}

.mrtb-diat-game-hero .close,
.mrtb-diat-game-hud .close{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:12px;
  color:#6c7890;
  background:#edf2f8;
  font:1000 23px/1 inherit;
  cursor:pointer;
}

.mrtb-diat-game-setup-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:12px;
}

.mrtb-diat-game-setup-grid .setup-card{
  min-width:0;
  padding:14px;
  border:1px solid rgba(61,75,115,.12);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f7f9fd);
  box-shadow:0 10px 25px rgba(37,49,84,.07);
}

.mrtb-diat-game-setup-grid .setup-card > header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}

.mrtb-diat-game-setup-grid .setup-card > header b{
  color:#28344e;
  font-size:13px;
  font-weight:1000;
}

.mrtb-diat-game-setup-grid .setup-card > header span{
  color:#7c879a;
  font-size:10px;
  font-weight:850;
}

.mrtb-diat-game-setup-grid .count-buttons{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:5px;
}

.mrtb-diat-game-setup-grid .count-buttons button{
  min-height:34px;
  padding:0;
  border:1px solid #dce3ef;
  border-radius:10px;
  color:#59657b;
  background:#fff;
  font:1000 12px/1 inherit;
  cursor:pointer;
}

.mrtb-diat-game-setup-grid .count-buttons button.active{
  border-color:#3d62c6;
  color:#fff;
  background:linear-gradient(135deg,#4d79ef,#744ee8);
  box-shadow:0 7px 16px rgba(70,82,190,.22);
}

.mrtb-diat-game-setup-grid .name-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
}

.mrtb-diat-game-setup-grid .name-grid label{
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  align-items:center;
  min-width:0;
  min-height:38px;
  padding:4px;
  border:1px solid #dfe5ef;
  border-radius:12px;
  background:#fff;
}

.mrtb-diat-game-setup-grid .name-grid label > span{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:9px;
  color:#fff;
  background:#3e4d70;
  font-size:10px;
  font-weight:1000;
}

.mrtb-diat-game-setup-grid .name-grid input{
  min-width:0;
  height:30px;
  padding:0 8px;
  border:0;
  outline:0;
  color:#2e394f;
  background:transparent;
  font:900 11px/1 inherit;
}

.mrtb-diat-game-setup-grid .level-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.mrtb-diat-game-setup-grid .level-grid button{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:2px 8px;
  min-height:76px;
  padding:9px;
  border:1px solid #dfe5ef;
  border-radius:15px;
  color:#4d5970;
  background:#fff;
  text-align:left;
  cursor:pointer;
}

.mrtb-diat-game-setup-grid .level-grid button > b{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  color:#4765c7;
  background:#edf2ff;
  font-size:11px;
  font-weight:1000;
}

.mrtb-diat-game-setup-grid .level-grid button strong{
  color:#2d384f;
  font-size:11px;
  line-height:1.15;
  font-weight:1000;
}

.mrtb-diat-game-setup-grid .level-grid button small{
  color:#808b9e;
  font-size:8px;
  line-height:1.2;
  font-weight:800;
}

.mrtb-diat-game-setup-grid .level-grid button.active{
  border-color:#5973da;
  background:linear-gradient(145deg,#eef3ff,#f8f1ff);
  box-shadow:0 10px 22px rgba(76,94,190,.13);
}

.mrtb-diat-game-setup-grid .level-grid button.active > b{
  color:#fff;
  background:linear-gradient(135deg,#4d79ef,#754ee9);
}

.mrtb-diat-game-adaptive-note{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding:10px 13px;
  border:1px solid rgba(75,118,229,.16);
  border-radius:15px;
  background:linear-gradient(135deg,#eef5ff,#f8f4ff);
}

.mrtb-diat-game-adaptive-note b{
  flex:0 0 auto;
  color:#415fc2;
  font-size:11px;
  font-weight:1000;
}

.mrtb-diat-game-adaptive-note span{
  color:#657188;
  font-size:10px;
  line-height:1.35;
  font-weight:800;
}

.mrtb-diat-game-shell.setup > .start{
  display:block;
  width:min(440px,100%);
  min-height:48px;
  margin:14px auto 0;
  border:0;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(135deg,#3d78f2,#744ce8);
  box-shadow:0 14px 28px rgba(70,75,192,.25),inset 0 -2px 0 rgba(0,0,0,.10);
  font:1000 14px/1 inherit;
  cursor:pointer;
}

/* ---------- HUD ---------- */

.mrtb-diat-game-shell.playing{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.mrtb-diat-game-hud{
  display:grid;
  grid-template-columns:minmax(220px,.7fr) minmax(200px,1.2fr) auto;
  align-items:center;
  gap:12px;
  min-height:60px;
  padding:8px 11px;
  border:1px solid rgba(65,80,126,.14);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 28px rgba(35,50,87,.10);
  backdrop-filter:blur(12px);
}

.mrtb-diat-game-hud .hud-title{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 8px;
  align-items:center;
  min-width:0;
}

.mrtb-diat-game-hud .hud-title span{
  grid-column:1 / span 2;
  color:#65718a;
  font-size:9px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mrtb-diat-game-hud .hud-title strong{
  color:#253149;
  font-size:16px;
  font-weight:1000;
}

.mrtb-diat-game-hud .hud-title small{
  justify-self:end;
  padding:4px 7px;
  border-radius:999px;
  color:#4961b7;
  background:#eef2ff;
  font-size:8px;
  font-weight:1000;
}

.mrtb-diat-game-hud .hud-progress{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:#e9edf4;
}

.mrtb-diat-game-hud .hud-progress i{
  display:block;
  width:var(--progress);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4d82f3,#7d55ea);
  transition:width .3s ease;
}

.mrtb-diat-game-hud .hud-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  white-space:nowrap;
}

.mrtb-diat-game-hud .hud-actions > span{
  color:#667289;
  font-size:9px;
  font-weight:900;
}

.mrtb-diat-game-hud .hud-actions > button:not(.close){
  min-height:34px;
  padding:0 11px;
  border:0;
  border-radius:11px;
  color:#fff;
  background:#283655;
  font:900 9px/1 inherit;
  cursor:pointer;
}

/* ---------- players ---------- */

.mrtb-diat-game-players{
  display:grid;
  gap:8px;
  width:100%;
}

.mrtb-diat-game-players.count-1{grid-template-columns:minmax(0,1fr)}
.mrtb-diat-game-players.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mrtb-diat-game-players.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mrtb-diat-game-players.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.mrtb-diat-game-players.count-5,
.mrtb-diat-game-players.count-6,
.mrtb-diat-game-players.count-7,
.mrtb-diat-game-players.count-8,
.mrtb-diat-game-players.count-9{grid-template-columns:repeat(3,minmax(0,1fr))}

.mrtb-diat-game-player{
  position:relative;
  min-width:0;
  padding:8px;
  border:1px solid rgba(62,76,115,.13);
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 10px 24px rgba(34,48,84,.09);
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.mrtb-diat-game-player::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#4e82f3,#7e55ea);
}

.mrtb-diat-game-player.locked{
  border-color:#8798c8;
  background:linear-gradient(180deg,#f8faff,#fff);
}

.mrtb-diat-game-player.correct{
  border-color:#4ac386;
  background:linear-gradient(180deg,#effff7,#fff);
  box-shadow:0 15px 34px rgba(63,183,124,.18);
  animation:mrtbDiatCorrectReveal .62s cubic-bezier(.2,.85,.25,1.15);
}

.mrtb-diat-game-player.wrong{
  border-color:#ea7180;
  background:linear-gradient(180deg,#fff4f5,#fff);
  box-shadow:0 15px 34px rgba(218,91,106,.14);
  animation:mrtbDiatWrongReveal .48s ease;
}

@keyframes mrtbDiatCorrectReveal{
  0%{transform:scale(.94);opacity:.65}
  55%{transform:scale(1.025)}
  100%{transform:scale(1);opacity:1}
}

@keyframes mrtbDiatWrongReveal{
  0%,100%{transform:translateX(0)}
  24%{transform:translateX(-6px)}
  48%{transform:translateX(5px)}
  72%{transform:translateX(-3px)}
}

.mrtb-diat-game-player .player-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:28px;
}

.mrtb-diat-game-player .player-head > div:first-child{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}

.mrtb-diat-game-player .player-head > div:first-child > span{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:25px;
  height:25px;
  border-radius:9px;
  color:#fff;
  background:#3a4868;
  font-size:9px;
  font-weight:1000;
}

.mrtb-diat-game-player .player-head b{
  min-width:0;
  overflow:hidden;
  color:#273249;
  font-size:12px;
  font-weight:1000;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mrtb-diat-game-player .player-score{
  display:flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
}

.mrtb-diat-game-player .player-score small{
  color:#8390a2;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
}

.mrtb-diat-game-player .player-score strong{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:9px;
  color:#425ab0;
  background:#eef2ff;
  font-size:12px;
  font-weight:1000;
}

.mrtb-diat-game-player .difficulty-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:4px;
}

.mrtb-diat-game-player .difficulty-row > span{
  color:#7d899d;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
}

.mrtb-diat-game-player .difficulty-row i{
  display:flex;
  gap:3px;
}

.mrtb-diat-game-player .difficulty-row i b{
  width:13px;
  height:4px;
  border-radius:999px;
  background:#e4e9f1;
}

.mrtb-diat-game-player .difficulty-row i b.on{
  background:linear-gradient(90deg,#4c82f3,#8456e9);
}

.mrtb-diat-game-player .question-staff{
  position:relative;
  min-height:86px;
  margin-top:3px;
  border:1px solid #e7ebf2;
  border-radius:13px;
  background:linear-gradient(180deg,#fff,#f9fbfd);
  overflow:hidden;
}

.mrtb-diat-game-staff{
  display:block;
  width:100%;
  height:83px;
}

.mrtb-diat-game-staff .staff-lines line,
.mrtb-diat-game-staff .ledger-lines line{
  stroke:#20283a;
  stroke-width:1.2;
  vector-effect:non-scaling-stroke;
}

.mrtb-diat-game-staff .clef{
  fill:#20283a;
  font-family:"Times New Roman",serif;
  font-size:49px;
}

.mrtb-diat-game-staff .stem{
  stroke:#273147;
  stroke-width:2.8;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}

.mrtb-diat-game-staff .note .head{
  fill:#5e6f8f;
  stroke:#121722;
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
}

.mrtb-diat-game-staff .note .last-ring{
  fill:#edf2ff;
  stroke:#6e83de;
  stroke-width:2.2;
  vector-effect:non-scaling-stroke;
}

.mrtb-diat-game-staff .note.last-added .head{
  fill:#496ad0;
  stroke:#111722;
  stroke-width:2;
}

.mrtb-diat-game-staff .accidental{
  fill:#20283a;
  font-family:"Times New Roman",serif;
  font-size:21px;
  font-weight:700;
}

.mrtb-diat-game-player .position-badge{
  position:absolute;
  top:5px;
  right:6px;
  padding:3px 6px;
  border-radius:999px;
  color:#65718a;
  background:#edf1f6;
  font-size:7px;
  font-weight:1000;
  text-transform:uppercase;
}

.mrtb-diat-game-player .position-badge.inversion{
  color:#7149b9;
  background:#f1eaff;
}

.mrtb-diat-game-player .revealed-symbol{
  position:absolute;
  right:7px;
  bottom:4px;
  color:#30415f;
  font-size:12px;
  font-weight:1000;
  letter-spacing:-.03em;
}

.mrtb-diat-game-player .revealed-symbol.hidden{
  visibility:hidden;
}

.mrtb-diat-game-player .selection-instruction{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:21px;
  margin-top:4px;
}

.mrtb-diat-game-player .selection-instruction span,
.mrtb-diat-game-player .selection-instruction > b{
  color:#5f6b80;
  font-size:8px;
  font-weight:900;
}

.mrtb-diat-game-player.correct .selection-instruction > b{color:#2d9c67}
.mrtb-diat-game-player.wrong .selection-instruction > b{color:#cf5363}

.mrtb-diat-game-player .selection-instruction small{
  padding:3px 6px;
  border-radius:999px;
  color:#5164aa;
  background:#edf1ff;
  font-size:7px;
  font-weight:1000;
}

.mrtb-diat-game-player .scale-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
}

.mrtb-diat-game-player .scale-options button{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:4px;
  min-width:0;
  min-height:31px;
  padding:3px 5px;
  border:1px solid #dfe5ef;
  border-radius:9px;
  color:#5c6880;
  background:#fff;
  cursor:pointer;
}

.mrtb-diat-game-player .scale-options button b{
  color:#27334b;
  font-size:10px;
  font-weight:1000;
}

.mrtb-diat-game-player .scale-options button span{
  min-width:0;
  overflow:hidden;
  font-size:6.5px;
  line-height:1.1;
  font-weight:850;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mrtb-diat-game-player .scale-options button.selected{
  border-color:#657fe0;
  color:#4057aa;
  background:#edf2ff;
  box-shadow:inset 0 0 0 1px rgba(82,107,205,.14);
}

.mrtb-diat-game-player .scale-options button.correct-option{
  border-color:#42b97d;
  color:#258555;
  background:#eafff4;
  animation:mrtbDiatOptionPop .5s ease both;
}

.mrtb-diat-game-player .scale-options button.wrong-option{
  border-color:#e16a73;
  color:#ba3e4a;
  background:#fff0f1;
}

@keyframes mrtbDiatOptionPop{
  0%{transform:scale(.88)}
  65%{transform:scale(1.07)}
  100%{transform:scale(1)}
}

.mrtb-diat-game-player .player-feedback{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  min-height:18px;
  margin-top:4px;
  padding-top:4px;
  border-top:1px solid #edf0f5;
}

.mrtb-diat-game-player .player-feedback span{
  min-width:0;
  overflow:hidden;
  color:#7d899c;
  font-size:6.5px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mrtb-diat-game-player .player-feedback b{
  flex:0 0 auto;
  color:#344963;
  font-size:8px;
  font-weight:1000;
}

/* μεγαλύτερα cards όταν οι παίκτες είναι λίγοι */

.mrtb-diat-game-players.count-1 .mrtb-diat-game-player,
.mrtb-diat-game-players.count-2 .mrtb-diat-game-player{
  padding:12px;
}

.mrtb-diat-game-players.count-1 .mrtb-diat-game-player .question-staff,
.mrtb-diat-game-players.count-2 .mrtb-diat-game-player .question-staff{
  min-height:118px;
}

.mrtb-diat-game-players.count-1 .mrtb-diat-game-staff,
.mrtb-diat-game-players.count-2 .mrtb-diat-game-staff{
  height:112px;
}

.mrtb-diat-game-players.count-1 .mrtb-diat-game-player .scale-options button,
.mrtb-diat-game-players.count-2 .mrtb-diat-game-player .scale-options button{
  min-height:40px;
}

.mrtb-diat-game-players.count-1 .mrtb-diat-game-player .scale-options button span,
.mrtb-diat-game-players.count-2 .mrtb-diat-game-player .scale-options button span{
  font-size:8px;
}

/* ---------- results ---------- */

.mrtb-diat-game-shell.results{
  max-width:760px;
  margin:0 auto;
  padding:20px;
  border:1px solid rgba(65,80,126,.14);
  border-radius:28px;
  background:rgba(255,255,255,.95);
  box-shadow:0 24px 60px rgba(35,50,87,.16);
}

.mrtb-diat-game-shell.results .results-hero{
  text-align:center;
}

.mrtb-diat-game-shell.results .results-hero > span{
  color:#748097;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mrtb-diat-game-shell.results .results-hero h2{
  margin:8px 0 3px;
  color:#263149;
  font-size:34px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.05em;
}

.mrtb-diat-game-shell.results .results-hero p{
  margin:0;
  color:#69758c;
  font-size:12px;
  font-weight:850;
}

.mrtb-diat-game-shell.results .results-ranking{
  display:grid;
  gap:7px;
  margin-top:17px;
}

.mrtb-diat-game-shell.results .results-ranking article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:50px;
  padding:7px 10px;
  border:1px solid #e0e6ef;
  border-radius:14px;
  background:#f9fbfd;
}

.mrtb-diat-game-shell.results .results-ranking article.winner{
  border-color:#e3c45c;
  background:linear-gradient(135deg,#fff8d9,#fff);
  box-shadow:0 10px 20px rgba(180,137,32,.12);
}

.mrtb-diat-game-shell.results .results-ranking article > span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  color:#fff;
  background:#394863;
  font-size:11px;
  font-weight:1000;
}

.mrtb-diat-game-shell.results .results-ranking article.winner > span{
  color:#6a4f00;
  background:#ffd85c;
}

.mrtb-diat-game-shell.results .results-ranking div b{
  display:block;
  color:#2e394e;
  font-size:12px;
  font-weight:1000;
}

.mrtb-diat-game-shell.results .results-ranking div small{
  color:#8490a2;
  font-size:8px;
  font-weight:800;
}

.mrtb-diat-game-shell.results .results-ranking article > strong{
  color:#4058ad;
  font-size:16px;
  font-weight:1000;
}

.mrtb-diat-game-shell.results .results-actions{
  display:grid;
  grid-template-columns:1.1fr 1fr .7fr;
  gap:7px;
  margin-top:14px;
}

.mrtb-diat-game-shell.results .results-actions button{
  min-height:42px;
  padding:7px 10px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#4b7ef1,#7650e8);
  font:1000 10px/1.15 inherit;
  cursor:pointer;
}

.mrtb-diat-game-shell.results .results-actions button.light{
  color:#647087;
  background:#edf1f6;
}

/* ---------- compact rules ---------- */

@media (max-width:1180px){
  .mrtb-diat-game-setup-grid{
    grid-template-columns:1fr;
  }

  .mrtb-diat-game-hud{
    grid-template-columns:1fr auto;
  }

  .mrtb-diat-game-hud .hud-progress{
    grid-column:1 / span 2;
    grid-row:2;
  }
}

@media (max-width:900px){
  .mrtb-diat-game-players,
  .mrtb-diat-game-players[class*="count-"]{
    grid-template-columns:1fr 1fr;
  }

  .mrtb-diat-game-setup-grid .name-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:620px){
  .mrtb-diat-game-scene{
    inset:6px 6px auto 6px;
    width:calc(100% - 12px);
  }

  .mrtb-diat-game-players,
  .mrtb-diat-game-players[class*="count-"]{
    grid-template-columns:1fr;
  }

  .mrtb-diat-game-hud{
    grid-template-columns:1fr;
  }

  .mrtb-diat-game-hud .hud-progress{
    grid-column:auto;
    grid-row:auto;
  }

  .mrtb-diat-game-hud .hud-actions{
    justify-content:space-between;
  }

  .mrtb-diat-game-setup-grid .count-buttons{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }

  .mrtb-diat-game-setup-grid .name-grid,
  .mrtb-diat-game-setup-grid .level-grid{
    grid-template-columns:1fr;
  }

  .mrtb-diat-game-shell.results .results-actions{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   v0.9.3 · Multiplayer game visual rebuild
   Μεγαλύτερο πεντάγραμμο · καθαρές νότες · πλούσια εμφάνιση
   ========================================================= */

.mrtb-app.mrtb-diat-game-active{
  --game-ink:#18243b;
  --game-muted:#66748c;
  --game-line:#dbe4f2;
  --game-shadow:0 18px 48px rgba(39,67,111,.14);
}

.mrtb-app.mrtb-diat-game-active .mrtb-board{
  overflow:auto !important;
  background:
    radial-gradient(circle at 7% 10%,rgba(255,255,255,.92) 0 44px,transparent 46px),
    radial-gradient(circle at 91% 12%,rgba(255,255,255,.68) 0 60px,transparent 62px),
    radial-gradient(circle at 76% 86%,rgba(178,145,255,.18),transparent 24%),
    radial-gradient(circle at 18% 82%,rgba(94,211,255,.17),transparent 28%),
    linear-gradient(135deg,#dff5ff 0%,#eef2ff 45%,#f5eaff 100%) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-board::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.26) 1px,transparent 1px) 0 0/38px 38px,
    linear-gradient(0deg,rgba(255,255,255,.26) 1px,transparent 1px) 0 0/38px 38px;
  opacity:.58;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-scene{
  inset:8px 10px auto 10px !important;
  width:calc(100% - 20px) !important;
  padding-bottom:18px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-shell.playing{
  position:relative;
  display:grid;
  gap:11px;
  width:100%;
  min-width:0;
}

/* ---------- HUD ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud{
  position:relative;
  isolation:isolate;
  min-height:74px;
  padding:10px 13px !important;
  border:1px solid rgba(255,255,255,.92) !important;
  border-radius:23px !important;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.58),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,248,255,.92)) !important;
  box-shadow:
    0 15px 36px rgba(37,66,110,.14),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
  overflow:hidden;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-52px;
  right:18%;
  width:220px;
  height:120px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(78,130,243,.18),rgba(132,86,233,.15));
  filter:blur(2px);
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud .hud-title span{
  color:#5b6b8a !important;
  font-size:10px !important;
  letter-spacing:.03em;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud .hud-title strong{
  color:var(--game-ink) !important;
  font-size:20px !important;
  letter-spacing:-.03em;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud .hud-title small{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  margin-top:4px;
  padding:0 10px;
  border-radius:999px;
  color:#4d63ad !important;
  background:#edf1ff !important;
  font-size:8px !important;
  font-weight:1000 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud .hud-progress{
  height:13px !important;
  border-radius:999px !important;
  background:#e7edf6 !important;
  box-shadow:inset 0 2px 5px rgba(52,69,105,.10);
  overflow:hidden;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud .hud-progress i{
  position:relative;
  border-radius:999px;
  background:linear-gradient(90deg,#42b9f4,#5877ee 48%,#9b54e8) !important;
  box-shadow:0 5px 13px rgba(91,102,224,.28);
  overflow:hidden;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud .hud-progress i::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.55) 45%,transparent 65%);
  transform:translateX(-110%);
  animation:mrtbDiatProgressShine 2.2s ease-in-out infinite;
}

@keyframes mrtbDiatProgressShine{
  55%,100%{transform:translateX(120%)}
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud .hud-actions > span{
  color:#65718a !important;
  font-size:10px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud .hud-actions > button:not(.close){
  min-height:42px !important;
  padding:0 17px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#24385f,#3d5594) !important;
  box-shadow:0 10px 22px rgba(34,54,100,.22),inset 0 -2px 0 rgba(0,0,0,.12);
  font-size:11px !important;
  transition:transform .16s ease,box-shadow .16s ease;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud .hud-actions > button:not(.close):hover{
  transform:translateY(-2px);
  box-shadow:0 14px 27px rgba(34,54,100,.27),inset 0 -2px 0 rgba(0,0,0,.12);
}

/* ---------- Grid / player palettes ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players{
  gap:11px !important;
  align-items:stretch;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player{
  --player-accent:#4e82f3;
  --player-accent-2:#7258e8;
  --player-soft:#edf3ff;
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:11px !important;
  border:2px solid color-mix(in srgb,var(--player-accent) 18%,white) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--player-accent) 12%,transparent) 0 54px,transparent 56px),
    linear-gradient(165deg,rgba(255,255,255,.98),color-mix(in srgb,var(--player-soft) 62%,white)) !important;
  box-shadow:
    0 17px 40px rgba(37,57,97,.13),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
  overflow:hidden;
  animation:mrtbDiatPlayerEnter .42s cubic-bezier(.2,.8,.25,1) both;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player:nth-child(2){animation-delay:.04s}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player:nth-child(3){animation-delay:.08s}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player:nth-child(4){animation-delay:.12s}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player:nth-child(5){animation-delay:.16s}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player:nth-child(6){animation-delay:.20s}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player:nth-child(7){animation-delay:.24s}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player:nth-child(8){animation-delay:.28s}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player:nth-child(9){animation-delay:.32s}

@keyframes mrtbDiatPlayerEnter{
  from{opacity:0;transform:translateY(12px) scale(.975)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player::before{
  height:7px !important;
  background:linear-gradient(90deg,var(--player-accent),var(--player-accent-2)) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-42px;
  bottom:-58px;
  width:145px;
  height:145px;
  border-radius:50%;
  border:22px solid color-mix(in srgb,var(--player-accent) 8%,transparent);
  pointer-events:none;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.palette-1{--player-accent:#4387f5;--player-accent-2:#6e63ee;--player-soft:#eaf2ff}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.palette-2{--player-accent:#8a55e8;--player-accent-2:#c35cd5;--player-soft:#f3eaff}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.palette-3{--player-accent:#18a9b8;--player-accent-2:#42c991;--player-soft:#e6faf8}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.palette-4{--player-accent:#f08b2d;--player-accent-2:#f2b83e;--player-soft:#fff3df}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.palette-5{--player-accent:#e65791;--player-accent-2:#ee6c72;--player-soft:#ffeaf2}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.palette-6{--player-accent:#35ad72;--player-accent-2:#75c84f;--player-soft:#e9faef}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.palette-7{--player-accent:#5368d8;--player-accent-2:#488fe8;--player-soft:#edf0ff}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.palette-8{--player-accent:#ed6c5d;--player-accent-2:#f39a55;--player-soft:#fff0eb}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.palette-9{--player-accent:#1c9dce;--player-accent-2:#49c8d4;--player-soft:#e8f8ff}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player > *{
  position:relative;
  z-index:1;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.locked{
  border-color:color-mix(in srgb,var(--player-accent) 45%,white) !important;
  box-shadow:0 18px 42px color-mix(in srgb,var(--player-accent) 16%,transparent) !important;
}

/* ---------- Player head ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-head{
  min-height:37px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-head > div:first-child > span{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:linear-gradient(145deg,var(--player-accent),var(--player-accent-2)) !important;
  box-shadow:0 8px 16px color-mix(in srgb,var(--player-accent) 25%,transparent);
  font-size:12px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-head b{
  color:var(--game-ink) !important;
  font-size:15px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-score small{
  font-size:8px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-score strong{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  color:var(--player-accent) !important;
  background:var(--player-soft) !important;
  font-size:15px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .difficulty-row{
  min-height:19px;
  margin-top:5px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .difficulty-row > span{
  color:#738098 !important;
  font-size:8px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .difficulty-row i b{
  width:18px !important;
  height:5px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .difficulty-row i b.on{
  background:linear-gradient(90deg,var(--player-accent),var(--player-accent-2)) !important;
}

/* ---------- Large, readable staff ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .question-staff{
  position:relative;
  flex:0 0 auto;
  min-height:142px !important;
  margin-top:7px !important;
  border:2px solid color-mix(in srgb,var(--player-accent) 17%,white) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,255,255,.95) 0 24px,transparent 26px),
    linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--player-soft) 52%,white) 100%) !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 9px 22px rgba(44,66,104,.08);
  overflow:hidden;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff{
  display:block;
  width:100% !important;
  height:142px !important;
  overflow:visible;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .staff-paper-glow rect{
  fill:rgba(255,255,255,.38);
  stroke:none;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .staff-lines line,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .ledger-lines line,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .end-bar{
  stroke:#1d273a !important;
  stroke-width:1.7 !important;
  vector-effect:non-scaling-stroke;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .ledger-lines line{
  stroke-width:2 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .clef{
  fill:#1c2639 !important;
  font-size:78px !important;
  filter:drop-shadow(0 2px 0 rgba(255,255,255,.7));
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .stem{
  stroke:color-mix(in srgb,var(--player-accent) 75%,#1e2b43) !important;
  stroke-width:4 !important;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .note .head{
  fill:var(--player-accent) !important;
  stroke:#111722 !important;
  stroke-width:2.2 !important;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 3px 3px color-mix(in srgb,var(--player-accent) 22%,transparent));
}

/* Στο παιχνίδι δεν γίνεται highlight καμία συγκεκριμένη νότα. */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .last-ring{
  display:none !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .note.last-added .head{
  fill:var(--player-accent) !important;
  stroke:#111722 !important;
  stroke-width:2.2 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .accidental{
  fill:#111722 !important;
  font-size:28px !important;
  font-weight:900 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .position-badge{
  top:8px !important;
  right:9px !important;
  min-height:25px;
  display:flex;
  align-items:center;
  padding:0 10px !important;
  border:1px solid color-mix(in srgb,var(--player-accent) 18%,white);
  color:var(--player-accent) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 6px 14px rgba(42,59,94,.08);
  font-size:8px !important;
  letter-spacing:.04em;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .position-badge.inversion{
  color:var(--player-accent-2) !important;
  background:color-mix(in srgb,var(--player-soft) 80%,white) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .revealed-symbol{
  right:12px !important;
  bottom:8px !important;
  padding:5px 9px;
  border-radius:999px;
  color:#fff !important;
  background:linear-gradient(135deg,var(--player-accent),var(--player-accent-2));
  box-shadow:0 7px 16px color-mix(in srgb,var(--player-accent) 23%,transparent);
  font-size:13px !important;
}

/* ---------- Instructions / answer buttons ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .selection-instruction{
  min-height:29px !important;
  margin-top:7px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .selection-instruction span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .selection-instruction > b{
  color:#526078 !important;
  font-size:10px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .selection-instruction small{
  min-width:34px;
  min-height:24px;
  display:grid;
  place-items:center;
  padding:0 8px !important;
  border-radius:999px !important;
  color:var(--player-accent) !important;
  background:var(--player-soft) !important;
  font-size:9px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options{
  gap:7px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button{
  position:relative;
  min-height:44px !important;
  padding:7px 9px !important;
  border:2px solid #e1e8f2 !important;
  border-radius:13px !important;
  color:#59667e !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 5px 12px rgba(43,62,96,.06);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button:hover:not(:disabled){
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--player-accent) 48%,white) !important;
  box-shadow:0 9px 18px color-mix(in srgb,var(--player-accent) 13%,transparent);
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button b{
  color:#202d46 !important;
  font-size:13px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button span{
  color:#6c7890 !important;
  font-size:8px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button.selected{
  border-color:var(--player-accent) !important;
  color:var(--player-accent) !important;
  background:linear-gradient(145deg,var(--player-soft),#fff) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--player-accent) 18%,transparent),
    0 8px 18px color-mix(in srgb,var(--player-accent) 15%,transparent) !important;
  animation:mrtbDiatSelectedBounce .28s ease;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button.selected::after{
  content:"✓";
  position:absolute;
  top:5px;
  right:6px;
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
  border-radius:50%;
  color:#fff;
  background:var(--player-accent);
  font-size:10px;
  font-weight:1000;
}

@keyframes mrtbDiatSelectedBounce{
  0%{transform:scale(.93)}
  70%{transform:scale(1.025)}
  100%{transform:scale(1)}
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button.correct-option{
  border-color:#32b875 !important;
  color:#258555 !important;
  background:linear-gradient(145deg,#ddfff0,#f8fffb) !important;
  box-shadow:0 8px 18px rgba(50,184,117,.17) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button.correct-option::after{
  content:"✓";
  position:absolute;
  top:5px;
  right:6px;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  color:#fff;
  background:#32b875;
  font-size:10px;
  font-weight:1000;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button.wrong-option{
  border-color:#e25c70 !important;
  color:#b73f51 !important;
  background:linear-gradient(145deg,#ffe8ec,#fff8f9) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .scale-options button.wrong-option::after{
  content:"×";
  position:absolute;
  top:5px;
  right:6px;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  color:#fff;
  background:#e25c70;
  font-size:12px;
  font-weight:1000;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-feedback{
  min-height:25px !important;
  margin-top:auto !important;
  padding-top:7px !important;
  border-top:1px solid color-mix(in srgb,var(--player-accent) 12%,#edf0f5) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-feedback span{
  color:#6d7890 !important;
  font-size:8px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-feedback b{
  color:var(--player-accent) !important;
  font-size:10px !important;
}

/* ---------- Reveal effects ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.correct{
  border-color:#43bd7e !important;
  background:
    radial-gradient(circle at 88% 10%,rgba(80,215,142,.20),transparent 23%),
    linear-gradient(165deg,#ecfff6,#ffffff) !important;
  box-shadow:0 20px 44px rgba(55,181,116,.22) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.correct .question-staff::after{
  content:"✦";
  position:absolute;
  top:15px;
  left:18px;
  color:#3fc47c;
  font-size:28px;
  text-shadow:25px 14px 0 rgba(63,196,124,.48),45px -3px 0 rgba(63,196,124,.28);
  animation:mrtbDiatSparkle .75s ease both;
}

@keyframes mrtbDiatSparkle{
  0%{opacity:0;transform:scale(.4) rotate(-30deg)}
  65%{opacity:1;transform:scale(1.15) rotate(8deg)}
  100%{opacity:.82;transform:scale(1) rotate(0)}
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player.wrong{
  border-color:#e66a79 !important;
  background:
    radial-gradient(circle at 88% 10%,rgba(232,105,121,.13),transparent 23%),
    linear-gradient(165deg,#fff0f2,#ffffff) !important;
}

/* ---------- Size tuning per player count ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .mrtb-diat-game-player{
  max-width:1120px;
  width:100%;
  margin:0 auto;
  padding:16px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .question-staff{
  min-height:255px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .mrtb-diat-game-staff{
  height:255px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .scale-options button{
  min-height:58px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .scale-options button b{font-size:17px !important}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .scale-options button span{font-size:11px !important}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .question-staff{
  min-height:205px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .mrtb-diat-game-staff{
  height:205px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .scale-options button{
  min-height:54px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .scale-options button b{font-size:15px !important}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .scale-options button span{font-size:10px !important}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-3 .question-staff{
  min-height:165px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-3 .mrtb-diat-game-staff{
  height:165px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-4 .question-staff{
  min-height:130px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-4 .mrtb-diat-game-staff{
  height:130px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .mrtb-diat-game-player,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .mrtb-diat-game-player{
  padding:8px !important;
  border-radius:20px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .question-staff{
  min-height:108px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .mrtb-diat-game-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .mrtb-diat-game-staff{
  height:108px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .scale-options button,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .scale-options button{
  min-height:36px !important;
  padding:4px 6px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .mrtb-diat-game-player,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .mrtb-diat-game-player,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .mrtb-diat-game-player{
  padding:7px !important;
  border-radius:18px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .player-head,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .player-head,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .player-head{
  min-height:29px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .player-head > div:first-child > span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .player-head > div:first-child > span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .player-head > div:first-child > span{
  width:27px !important;
  height:27px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .player-head b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .player-head b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .player-head b{
  font-size:11px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .question-staff{
  min-height:88px !important;
  margin-top:3px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .mrtb-diat-game-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .mrtb-diat-game-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .mrtb-diat-game-staff{
  height:88px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .difficulty-row,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .difficulty-row,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .difficulty-row{
  display:none !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .selection-instruction,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .selection-instruction,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .selection-instruction{
  min-height:20px !important;
  margin-top:3px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .scale-options,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .scale-options,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .scale-options{
  gap:3px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .scale-options button,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .scale-options button,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .scale-options button{
  min-height:29px !important;
  padding:2px 4px !important;
  border-width:1px !important;
  border-radius:8px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .scale-options button b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .scale-options button b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .scale-options button b{
  font-size:9px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .scale-options button span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .scale-options button span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .scale-options button span{
  font-size:6px !important;
}
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .player-feedback,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .player-feedback,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .player-feedback{
  min-height:16px !important;
  padding-top:3px !important;
}

/* ---------- Responsive ---------- */

@media (max-width:1180px){
  .mrtb-app.mrtb-diat-game-active .mrtb-diat-game-hud{
    grid-template-columns:minmax(170px,.75fr) minmax(180px,1fr) auto !important;
  }
}

@media (max-width:820px){
  .mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players,
  .mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players[class*="count-"]{
    grid-template-columns:1fr !important;
  }

  .mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .question-staff{
    min-height:160px !important;
  }

  .mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff{
    height:160px !important;
  }
}


/* =========================================================
   v0.9.3 · Σωστή σειρά voicing + staff/answers στο ίδιο box
   ========================================================= */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .question-answer-box{
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(185px,.75fr) !important;
  gap:10px !important;
  min-width:0;
  margin-top:7px;
  padding:8px;
  border:2px solid color-mix(in srgb,var(--player-accent) 18%,white);
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.95),transparent 29%),
    linear-gradient(145deg,#fff,color-mix(in srgb,var(--player-soft) 58%,white));
  box-shadow:
    inset 0 1px 0 #fff,
    0 11px 25px rgba(46,64,98,.08);
  overflow:hidden;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .question-staff{
  min-width:0;
  min-height:210px !important;
  height:100%;
  margin:0 !important;
  border:0 !important;
  border-radius:17px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,252,255,.82)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(92,112,151,.11),
    inset 0 1px 0 #fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:5px 4px 5px 10px;
  border-left:1px solid color-mix(in srgb,var(--player-accent) 15%,#dfe6f1);
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side .selection-instruction{
  min-height:28px !important;
  margin:0 !important;
  padding:0 2px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side .scale-options{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-content:center;
  gap:6px !important;
  min-width:0;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side .scale-options button{
  min-width:0;
  min-height:36px !important;
  padding:5px 7px !important;
  border-width:1.5px !important;
  border-radius:11px !important;
  text-align:left;
  box-shadow:0 4px 10px rgba(43,62,96,.055) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side .scale-options button b{
  font-size:11px !important;
  line-height:1 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side .scale-options button span{
  display:block;
  margin-top:2px;
  font-size:7px !important;
  line-height:1.05 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff{
  width:100% !important;
  height:210px !important;
  max-width:none !important;
  overflow:visible !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .clef{
  font-size:92px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .staff-lines line,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .ledger-lines line,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .end-bar{
  stroke:#172033 !important;
  stroke-width:1.9 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .ledger-lines line{
  stroke-width:2.2 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .stem{
  stroke-width:4.2 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .note .head{
  stroke:#0e1420 !important;
  stroke-width:2.35 !important;
  filter:drop-shadow(0 3px 3px color-mix(in srgb,var(--player-accent) 20%,transparent));
}

/* Στο παιχνίδι δεν υπάρχει highlight μεμονωμένης νότας. */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .last-ring,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .note-highlight-ring{
  display:none !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .position-badge{
  top:9px !important;
  right:10px !important;
  max-width:48%;
  min-height:27px !important;
  padding:0 10px !important;
  font-size:8px !important;
  white-space:nowrap;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .revealed-symbol{
  right:11px !important;
  bottom:9px !important;
  max-width:72%;
  padding:6px 10px !important;
  font-size:13px !important;
  line-height:1 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 1 παίκτης */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .question-answer-box{
  grid-template-columns:minmax(0,1.75fr) minmax(260px,.65fr) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .question-staff{
  min-height:330px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .mrtb-diat-game-staff{
  height:330px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .answer-side .scale-options button{
  min-height:43px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .answer-side .scale-options button b{
  font-size:14px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .answer-side .scale-options button span{
  font-size:9px !important;
}

/* 2 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .question-answer-box{
  grid-template-columns:minmax(0,1.58fr) minmax(210px,.72fr) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .question-staff{
  min-height:255px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .mrtb-diat-game-staff{
  height:255px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .answer-side .scale-options button{
  min-height:39px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .answer-side .scale-options button b{
  font-size:12px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .answer-side .scale-options button span{
  font-size:8px !important;
}

/* 3 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-3 .question-answer-box{
  grid-template-columns:minmax(0,1.4fr) minmax(165px,.8fr) !important;
  gap:7px !important;
  padding:6px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-3 .question-staff{
  min-height:205px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-3 .mrtb-diat-game-staff{
  height:205px !important;
}

/* 4 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-4 .question-staff{
  min-height:195px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-4 .mrtb-diat-game-staff{
  height:195px !important;
}

/* 5–6 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .question-answer-box,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .question-answer-box{
  grid-template-columns:minmax(0,1.3fr) minmax(145px,.9fr) !important;
  gap:5px !important;
  margin-top:4px !important;
  padding:5px !important;
  border-radius:16px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .question-staff{
  min-height:145px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .mrtb-diat-game-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .mrtb-diat-game-staff{
  height:145px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .answer-side,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .answer-side{
  gap:4px !important;
  padding-left:6px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .answer-side .scale-options,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .answer-side .scale-options{
  gap:3px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .answer-side .scale-options button,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .answer-side .scale-options button{
  min-height:30px !important;
  padding:3px 4px !important;
  border-radius:8px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .answer-side .scale-options button b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .answer-side .scale-options button b{
  font-size:9px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .answer-side .scale-options button span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .answer-side .scale-options button span{
  font-size:6px !important;
}

/* 7–9 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .question-answer-box,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .question-answer-box,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .question-answer-box{
  grid-template-columns:minmax(0,1.22fr) minmax(132px,.95fr) !important;
  gap:4px !important;
  margin-top:3px !important;
  padding:4px !important;
  border-radius:14px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .question-staff{
  min-height:122px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .mrtb-diat-game-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .mrtb-diat-game-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .mrtb-diat-game-staff{
  height:122px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .answer-side,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .answer-side,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .answer-side{
  gap:2px !important;
  padding:2px 1px 2px 5px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .answer-side .selection-instruction,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .answer-side .selection-instruction,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .answer-side .selection-instruction{
  min-height:18px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .answer-side .selection-instruction span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .answer-side .selection-instruction span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .answer-side .selection-instruction span{
  font-size:7px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .answer-side .scale-options,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .answer-side .scale-options,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .answer-side .scale-options{
  gap:2px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .answer-side .scale-options button,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .answer-side .scale-options button,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .answer-side .scale-options button{
  min-height:25px !important;
  padding:2px 3px !important;
  border-radius:7px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .answer-side .scale-options button b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .answer-side .scale-options button b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .answer-side .scale-options button b{
  font-size:8px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .answer-side .scale-options button span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .answer-side .scale-options button span,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .answer-side .scale-options button span{
  display:none !important;
}

@media (max-width:900px){
  .mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .question-answer-box{
    grid-template-columns:1fr !important;
  }

  .mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side{
    border-left:0;
    border-top:1px solid color-mix(in srgb,var(--player-accent) 15%,#dfe6f1);
    padding:8px 2px 2px !important;
  }
}

/* =========================================================
   v0.9.4 · Καθαρή σειρά 3ων + μεγαλύτερο πεντάγραμμο
   ========================================================= */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .question-answer-box{
  grid-template-columns:minmax(0,1.72fr) minmax(170px,.62fr) !important;
  gap:8px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .question-staff{
  min-height:235px !important;
  padding:0 !important;
  overflow:hidden !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff{
  width:100% !important;
  height:235px !important;
  max-width:none !important;
  overflow:visible !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .staff-paper-glow rect{
  fill:rgba(255,255,255,.42) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .staff-lines line,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .ledger-lines line,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .end-bar{
  stroke:#172033 !important;
  stroke-width:2.05 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .ledger-lines line{
  stroke-width:2.35 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .clef{
  font-size:104px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .stem{
  stroke-width:4.6 !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .note .head{
  stroke:#0d1320 !important;
  stroke-width:2.45 !important;
  filter:drop-shadow(0 3px 3px color-mix(in srgb,var(--player-accent) 20%,transparent));
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .accidental{
  font-size:32px !important;
}

/* Καμία μεμονωμένη νότα δεν γίνεται highlight στο παιχνίδι. */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .last-ring,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-staff .note-highlight-ring{
  display:none !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side{
  padding:4px 3px 4px 8px !important;
  gap:5px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side .scale-options{
  gap:5px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side .scale-options button{
  min-height:32px !important;
  padding:4px 6px !important;
  border-radius:10px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side .scale-options button b{
  font-size:10px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .answer-side .scale-options button span{
  font-size:7px !important;
}

/* 1 παίκτης */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .question-answer-box{
  grid-template-columns:minmax(0,1.9fr) minmax(225px,.52fr) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .mrtb-diat-game-staff{
  min-height:390px !important;
  height:390px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .answer-side .scale-options button{
  min-height:36px !important;
  padding:5px 7px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .answer-side .scale-options button b{
  font-size:12px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .answer-side .scale-options button span{
  font-size:8px !important;
}

/* 2 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .question-answer-box{
  grid-template-columns:minmax(0,1.76fr) minmax(195px,.6fr) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .mrtb-diat-game-staff{
  min-height:305px !important;
  height:305px !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .answer-side .scale-options button{
  min-height:34px !important;
}

/* 3 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-3 .question-answer-box{
  grid-template-columns:minmax(0,1.58fr) minmax(150px,.72fr) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-3 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-3 .mrtb-diat-game-staff{
  min-height:245px !important;
  height:245px !important;
}

/* 4 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-4 .question-answer-box{
  grid-template-columns:minmax(0,1.52fr) minmax(145px,.76fr) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-4 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-4 .mrtb-diat-game-staff{
  min-height:225px !important;
  height:225px !important;
}

/* 5–6 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .question-answer-box,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .question-answer-box{
  grid-template-columns:minmax(0,1.42fr) minmax(132px,.82fr) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .mrtb-diat-game-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .mrtb-diat-game-staff{
  min-height:175px !important;
  height:175px !important;
}

/* 7–9 παίκτες */
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .question-answer-box,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .question-answer-box,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .question-answer-box{
  grid-template-columns:minmax(0,1.34fr) minmax(118px,.9fr) !important;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .question-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .mrtb-diat-game-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .mrtb-diat-game-staff,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .mrtb-diat-game-staff{
  min-height:145px !important;
  height:145px !important;
}

/* =========================================================
   v0.9.5 · Μεγάλο αποτέλεσμα ανά παίκτη
   ========================================================= */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-result-overlay{
  position:absolute;
  inset:42px 9px 28px;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  pointer-events:none;
  overflow:hidden;
}

/* ---------- Σωστή απάντηση · μεγάλο sticker αστεράκι ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-result-overlay.correct-result{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,246,173,.44),transparent 42%),
    rgba(239,255,247,.18);
  backdrop-filter:blur(1.5px);
  animation:mrtbDiatCorrectOverlayIn .32s ease both;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .star-sticker{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:174px;
  height:174px;
  padding:28px;
  box-sizing:border-box;
  color:#5e3b00;
  text-align:center;
  transform:rotate(-7deg);
  filter:drop-shadow(0 18px 22px rgba(121,82,0,.28));
  animation:mrtbDiatStarStickerPop .78s cubic-bezier(.18,.9,.28,1.3) both;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .star-sticker::before,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .star-sticker::after{
  content:"";
  position:absolute;
  clip-path:polygon(
    50% 0%,61% 31%,94% 20%,73% 48%,100% 68%,66% 67%,66% 100%,50% 79%,33% 100%,34% 67%,0% 68%,27% 48%,6% 20%,39% 31%
  );
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .star-sticker::before{
  inset:-8px;
  background:#fff;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .star-sticker::after{
  inset:0;
  background:
    radial-gradient(circle at 38% 28%,#fffbd3 0 10%,transparent 11%),
    linear-gradient(145deg,#fff36b 0%,#ffc83d 52%,#ff9d2f 100%);
  box-shadow:inset 0 -10px 18px rgba(190,91,0,.16);
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .star-sticker > *{
  position:relative;
  z-index:2;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .star-sticker i{
  display:block;
  margin:-10px 0 -2px;
  color:#fff;
  font-size:44px;
  font-style:normal;
  line-height:1;
  text-shadow:0 4px 0 rgba(192,105,0,.18);
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .star-sticker strong{
  display:block;
  color:#6b4100;
  font-size:23px;
  font-weight:1000;
  line-height:1;
  letter-spacing:-.04em;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .star-sticker small{
  display:block;
  max-width:110px;
  margin-top:6px;
  color:#8b5700;
  font-size:9px;
  font-weight:1000;
  line-height:1.15;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .correct-result::before,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .correct-result::after{
  content:"✦";
  position:absolute;
  color:#ffc83d;
  font-size:34px;
  text-shadow:
    45px 20px 0 #66d89a,
    -46px 31px 0 #78a5ff,
    24px -38px 0 #ff8fc1,
    -34px -36px 0 #9b77f3;
  animation:mrtbDiatResultSparkles 1.05s ease both;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .correct-result::after{
  transform:rotate(35deg) scale(.72);
  animation-delay:.12s;
}

/* ---------- Λάθος απάντηση · μεγάλο κόκκινο πλαίσιο ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .player-result-overlay.wrong-result{
  padding:12px;
  background:rgba(63,12,22,.16);
  backdrop-filter:blur(3px);
  animation:mrtbDiatWrongOverlayIn .34s ease both;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .wrong-answer-card{
  position:relative;
  width:min(88%,560px);
  padding:22px 24px 20px;
  border:5px solid #fff;
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 14%,rgba(255,255,255,.19),transparent 24%),
    linear-gradient(145deg,#ff5d72 0%,#e72e4e 52%,#b71434 100%);
  color:#fff;
  box-shadow:
    0 22px 45px rgba(146,20,48,.34),
    inset 0 0 0 2px rgba(255,255,255,.17);
  text-align:center;
  transform:rotate(-1deg);
  animation:mrtbDiatWrongCardPop .62s cubic-bezier(.2,.84,.25,1.18) both;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .wrong-answer-card::before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px dashed rgba(255,255,255,.48);
  border-radius:18px;
  pointer-events:none;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .wrong-label{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  color:#d82445;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.12em;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .wrong-answer-card > small{
  position:relative;
  z-index:2;
  display:block;
  margin-top:10px;
  color:#ffe6eb;
  font-size:12px;
  font-weight:900;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .correct-scales-big{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:10px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .correct-scale-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:46px;
  padding:6px 13px;
  border:2px solid rgba(255,255,255,.74);
  border-radius:15px;
  background:rgba(255,255,255,.96);
  color:#b61d39;
  box-shadow:0 8px 18px rgba(104,11,29,.18);
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .correct-scale-chip b{
  color:#9e1731;
  font-size:23px;
  font-weight:1000;
  line-height:1;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .correct-scale-chip em{
  color:#ca3650;
  font-size:11px;
  font-style:normal;
  font-weight:1000;
  line-height:1.05;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-player .correct-chord-symbol{
  position:relative;
  z-index:2;
  display:block;
  margin-top:11px;
  color:#fff;
  font-size:18px;
  font-weight:1000;
  letter-spacing:-.03em;
  text-shadow:0 3px 10px rgba(100,5,24,.25);
}

/* ---------- Animations ---------- */

@keyframes mrtbDiatCorrectOverlayIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes mrtbDiatStarStickerPop{
  0%{opacity:0;transform:scale(.18) rotate(-28deg)}
  58%{opacity:1;transform:scale(1.16) rotate(4deg)}
  78%{transform:scale(.96) rotate(-10deg)}
  100%{opacity:1;transform:scale(1) rotate(-7deg)}
}

@keyframes mrtbDiatResultSparkles{
  0%{opacity:0;transform:scale(.2) rotate(-30deg)}
  55%{opacity:1;transform:scale(1.18) rotate(12deg)}
  100%{opacity:.9;transform:scale(1) rotate(0)}
}

@keyframes mrtbDiatWrongOverlayIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes mrtbDiatWrongCardPop{
  0%{opacity:0;transform:scale(.68) rotate(-5deg)}
  58%{opacity:1;transform:scale(1.045) rotate(1deg)}
  100%{opacity:1;transform:scale(1) rotate(-1deg)}
}

/* ---------- Responsive ανά αριθμό παικτών ---------- */

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .star-sticker{
  width:230px;
  height:230px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .star-sticker strong{
  font-size:31px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .wrong-answer-card{
  width:min(78%,720px);
  padding:30px 34px 27px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .correct-scale-chip{
  min-height:58px;
  padding:8px 18px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .correct-scale-chip b{
  font-size:31px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-1 .correct-scale-chip em{
  font-size:14px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-2 .star-sticker{
  width:190px;
  height:190px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .star-sticker,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .star-sticker{
  width:135px;
  height:135px;
  padding:22px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .star-sticker strong,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .star-sticker strong{
  font-size:18px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .star-sticker small,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .star-sticker small{
  font-size:7px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .player-result-overlay,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .player-result-overlay,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .player-result-overlay{
  inset:35px 6px 20px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .star-sticker,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .star-sticker,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .star-sticker{
  width:104px;
  height:104px;
  padding:16px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .star-sticker i,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .star-sticker i,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .star-sticker i{
  font-size:26px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .star-sticker strong,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .star-sticker strong,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .star-sticker strong{
  font-size:13px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .star-sticker small,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .star-sticker small,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .star-sticker small{
  display:none;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .wrong-answer-card,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .wrong-answer-card,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .wrong-answer-card,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .wrong-answer-card,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .wrong-answer-card{
  width:94%;
  padding:13px 12px 12px;
  border-width:3px;
  border-radius:18px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .wrong-answer-card > small,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .wrong-answer-card > small,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .wrong-answer-card > small,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .wrong-answer-card > small,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .wrong-answer-card > small{
  margin-top:6px;
  font-size:8px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .correct-scales-big,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .correct-scales-big,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .correct-scales-big,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .correct-scales-big,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .correct-scales-big{
  gap:4px;
  margin-top:6px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .correct-scale-chip,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .correct-scale-chip,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .correct-scale-chip,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .correct-scale-chip,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .correct-scale-chip{
  min-height:31px;
  padding:3px 7px;
  border-radius:10px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .correct-scale-chip b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .correct-scale-chip b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .correct-scale-chip b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .correct-scale-chip b,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .correct-scale-chip b{
  font-size:15px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-5 .correct-scale-chip em,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-6 .correct-scale-chip em,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .correct-scale-chip em,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .correct-scale-chip em,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .correct-scale-chip em{
  font-size:7px;
}

.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-7 .correct-chord-symbol,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-8 .correct-chord-symbol,
.mrtb-app.mrtb-diat-game-active .mrtb-diat-game-players.count-9 .correct-chord-symbol{
  margin-top:5px;
  font-size:11px;
}