/* MR Theory Board · Θεωρία 3 · Κεφάλαιο 5
   Συγχορδίες στις οικογένειες κλιμάκων · v1.6.5 */

.mrtb-t3-family-chords-scene,
.mrtb-t3-family-chords-scene *{
  box-sizing:border-box;
}

/* Κρατάμε μόνο Draw / Erase και τα νέα χειριστήρια του κεφαλαίου. */
.mrtb-app.mrtb-t3-family-chords-active .mrtb-values-section,
.mrtb-app.mrtb-t3-family-chords-active .mrtb-mini-piano,
.mrtb-app.mrtb-t3-family-chords-active [data-action="tool-note"],
.mrtb-app.mrtb-t3-family-chords-active [data-action="tool-delete"],
.mrtb-app.mrtb-t3-family-chords-active [data-action="delete-selected"],
.mrtb-app.mrtb-t3-family-chords-active [data-action="select-multi"],
.mrtb-app.mrtb-t3-family-chords-active [data-action="toggle-value-labels"],
.mrtb-app.mrtb-t3-family-chords-active [data-action="toggle-note-labels"],
.mrtb-app.mrtb-t3-family-chords-active [data-action="staff-treble"],
.mrtb-app.mrtb-t3-family-chords-active [data-action="staff-bass"],
.mrtb-app.mrtb-t3-family-chords-active [data-action="add-staff"]{
  display:none !important;
}

.mrtb-app.mrtb-t3-family-chords-active .mrtb-board{
  overflow:auto !important;
  background:
    radial-gradient(circle at 7% 5%,rgba(67,135,245,.13),transparent 27%),
    radial-gradient(circle at 94% 9%,rgba(118,80,207,.11),transparent 28%),
    radial-gradient(circle at 52% 100%,rgba(66,185,125,.08),transparent 34%),
    linear-gradient(155deg,#f5f9ff 0%,#f8f7ff 55%,#f5fbf8 100%) !important;
}

.mrtb-t3-family-chords-scene{
  --t3fc-ink:#20283a;
  --t3fc-muted:#6d7890;
  position:absolute;
  inset:9px 10px auto;
  z-index:40;
  width:calc(100% - 20px);
  min-width:0;
  padding:10px;
  border:1px solid rgba(67,82,121,.13);
  border-radius:24px;
  color:var(--t3fc-ink);
  background:rgba(255,255,255,.76);
  box-shadow:0 17px 42px rgba(37,55,94,.12);
  backdrop-filter:blur(12px);
  overflow:hidden;
}

/* =========================================================
   Κοινή toolbar: 4 σκηνές + Triads / 7 / 9 / 11 / 13
   ========================================================= */

.t3fc-toolbar{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:3px;
  border:1px solid rgba(68,82,121,.14);
  border-radius:16px;
  background:linear-gradient(180deg,#f7f9fd,#eef2f8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 12px rgba(43,55,90,.07);
}

.t3fc-toolbar-group{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  padding:2px;
  border-radius:13px;
  background:rgba(255,255,255,.56);
}

.t3fc-toolbar-group + .t3fc-toolbar-group{
  border-left:1px solid #dce3ee;
  border-radius:0 13px 13px 0;
  padding-left:8px;
}

.t3fc-toolbar-group > span{
  padding:0 5px;
  color:#788298;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}

.t3fc-toolbar button{
  min-width:43px;
  height:32px;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:10px;
  color:#536078;
  background:#fff;
  box-shadow:0 3px 8px rgba(41,51,84,.06);
  font:900 10px/1 inherit;
  cursor:pointer;
  touch-action:manipulation;
  white-space:nowrap;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}

.t3fc-toolbar button:hover{
  transform:translateY(-1px);
  border-color:#aebbd8;
  box-shadow:0 6px 12px rgba(44,57,95,.10);
}

.t3fc-toolbar .view-group button.active{
  border-color:#315da7;
  color:#fff;
  background:linear-gradient(135deg,#3e7dd9,#5d60d8);
  box-shadow:0 7px 15px rgba(60,91,190,.22);
}

.t3fc-toolbar .tension-group button.active{
  border-color:#2c4293;
  color:#fff;
  background:linear-gradient(135deg,#425bc4,#263a8d);
  box-shadow:0 7px 15px rgba(45,62,151,.22);
}

/* =========================================================
   Μικρή επάνω μπάρα οικογένειας
   ========================================================= */

.t3fc-family-banner{
  display:grid;
  grid-template-columns:minmax(220px,.86fr) minmax(430px,1.5fr) auto;
  gap:11px;
  align-items:center;
  min-height:68px;
  padding:8px 10px 8px 13px;
  border:1px solid color-mix(in srgb,var(--family-accent) 18%,white);
  border-radius:18px;
  background:
    radial-gradient(circle at 98% 8%,color-mix(in srgb,var(--family-accent) 12%,transparent),transparent 28%),
    linear-gradient(135deg,#fff,var(--family-soft));
  box-shadow:0 9px 23px rgba(38,53,86,.08);
}

.t3fc-family-title{
  min-width:0;
}

.t3fc-family-title > span,
.t3fc-summary-head > div:first-child > span{
  display:block;
  color:var(--family-accent,#5267bd);
  font-size:8px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.t3fc-family-title h2,
.t3fc-summary-head h2{
  margin:2px 0 0;
  color:#222c42;
  font-size:clamp(18px,1.65vw,26px);
  line-height:1;
  letter-spacing:-.035em;
}

.t3fc-family-title p,
.t3fc-summary-head p{
  margin:4px 0 0;
  color:#6f7a90;
  font-size:9px;
  line-height:1.3;
  font-weight:800;
}

.t3fc-family-title p b{
  color:#3b465f;
}

.t3fc-scale-notes{
  display:grid;
  grid-template-columns:repeat(7,minmax(43px,1fr));
  gap:5px;
  min-width:0;
}

.t3fc-scale-notes > span{
  display:grid;
  place-items:center;
  min-width:0;
  min-height:42px;
  padding:4px 3px;
  border:1px solid color-mix(in srgb,var(--family-accent) 14%,white);
  border-radius:11px;
  color:#34415b;
  background:rgba(255,255,255,.84);
  font-size:12px;
  font-weight:1000;
  box-shadow:0 4px 10px rgba(42,55,89,.05);
}

.t3fc-scale-notes > span.tonic{
  border-color:color-mix(in srgb,var(--family-accent) 42%,white);
  color:#fff;
  background:var(--family-accent);
  box-shadow:0 7px 14px color-mix(in srgb,var(--family-accent) 25%,transparent);
}

.t3fc-scale-notes small{
  display:block;
  max-width:100%;
  overflow:hidden;
  margin-top:1px;
  color:#7b869b;
  font-size:7px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.t3fc-scale-notes .tonic small{
  color:rgba(255,255,255,.83);
}

.t3fc-family-banner > button,
.t3fc-summary-family > header > button{
  display:grid;
  place-items:center;
  min-width:83px;
  min-height:38px;
  padding:0 11px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--family-accent),color-mix(in srgb,var(--family-accent) 70%,#6b55da));
  box-shadow:0 9px 18px color-mix(in srgb,var(--family-accent) 20%,transparent),inset 0 -2px 0 rgba(0,0,0,.10);
  font:950 9px/1 inherit;
  cursor:pointer;
  touch-action:manipulation;
}

/* =========================================================
   Μεγάλο ενιαίο πεντάγραμμο
   ========================================================= */

.t3fc-stage-wrap{
  overflow-x:auto;
  overflow-y:hidden;
  margin-top:8px;
  padding-bottom:4px;
}

.t3fc-stage{
  min-width:1180px;
  padding:8px 10px 4px;
  border:1px solid rgba(61,72,108,.13);
  border-radius:21px;
  background:rgba(255,255,255,.97);
  box-shadow:0 12px 28px rgba(38,47,81,.09);
}

.t3fc-staff{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}

.t3fc-staff-lines line,
.t3fc-barline,
.t3fc-ledgers line{
  stroke:#30384e;
  stroke-width:1.25;
  vector-effect:non-scaling-stroke;
}

.t3fc-guides line{
  stroke:rgba(67,82,121,.11);
  stroke-width:1;
  stroke-dasharray:4 6;
  vector-effect:non-scaling-stroke;
}

.t3fc-clef{
  fill:#283147;
  font-family:"Times New Roman",serif;
  font-size:72px;
}

.t3fc-root-label{
  fill:var(--degree-color);
  font-family:inherit;
  font-size:15px;
  font-weight:1000;
  text-anchor:middle;
}

.t3fc-play{
  cursor:pointer;
  outline:none;
}

.t3fc-play circle{
  fill:#eff3f9;
  stroke:#d8e0ed;
  stroke-width:1.3;
  transition:fill .16s ease,stroke .16s ease,transform .16s ease;
  transform-origin:center;
}

.t3fc-play text{
  fill:#43506b;
  font-family:inherit;
  font-size:14px;
  font-weight:1000;
  text-anchor:middle;
  pointer-events:none;
}

.t3fc-play:hover circle,
.t3fc-play:focus circle,
.t3fc-column.playing .t3fc-play circle{
  fill:var(--degree-color);
  stroke:var(--degree-color);
  transform:scale(1.06);
}

.t3fc-play:hover text,
.t3fc-play:focus text,
.t3fc-column.playing .t3fc-play text{
  fill:#fff;
}

.t3fc-stem{
  stroke:var(--degree-color);
  stroke-width:3.3;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}

.t3fc-head{
  fill:var(--degree-color);
  stroke:#151922;
  stroke-width:1.35;
  vector-effect:non-scaling-stroke;
}

.t3fc-last-ring{
  fill:var(--degree-soft);
  stroke:color-mix(in srgb,var(--degree-color) 54%,white);
  stroke-width:2.3;
  vector-effect:non-scaling-stroke;
}

.t3fc-note.is-last .t3fc-head{
  stroke:#11151d;
  stroke-width:2;
}

.t3fc-role{
  fill:#687186;
  font-family:inherit;
  font-size:8.5px;
  font-weight:1000;
}

.t3fc-note.is-last .t3fc-role{
  fill:#161c29;
}

.t3fc-accidental{
  fill:#20283a;
  font-family:"Times New Roman",serif;
  font-size:20px;
  font-weight:700;
  text-anchor:middle;
}

.t3fc-symbol{
  fill:var(--degree-color);
  font-family:inherit;
  font-size:18px;
  font-weight:1000;
  letter-spacing:-.035em;
  text-anchor:middle;
}

.t3fc-degree-badge rect{
  fill:var(--degree-soft);
  stroke:color-mix(in srgb,var(--degree-color) 34%,white);
  stroke-width:1.4;
}

.t3fc-degree-badge text{
  fill:var(--degree-color);
  font-family:inherit;
  font-size:14px;
  font-weight:1000;
  text-anchor:middle;
}

.t3fc-column.playing .t3fc-symbol{
  font-size:20px;
}

.t3fc-column.playing .t3fc-degree-badge rect{
  stroke:var(--degree-color);
  stroke-width:2;
}

/* =========================================================
   Κάρτες βαθμίδων
   ========================================================= */

.t3fc-info-row{
  display:grid;
  grid-template-columns:repeat(7,minmax(148px,1fr));
  gap:7px;
  margin-top:7px;
  overflow-x:auto;
  padding-bottom:4px;
}

.t3fc-info-card{
  min-width:148px;
  min-height:144px;
  padding:8px;
  border:1px solid color-mix(in srgb,var(--degree-color) 22%,white);
  border-radius:16px;
  background:linear-gradient(180deg,var(--degree-soft),#fff 58%);
  box-shadow:0 8px 19px rgba(38,47,81,.07);
  transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease;
}

.t3fc-info-card.playing{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--degree-color) 52%,white);
  box-shadow:0 14px 28px color-mix(in srgb,var(--degree-color) 16%,transparent);
}

.t3fc-info-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}

.t3fc-info-top > strong{
  display:inline-grid;
  place-items:center;
  min-width:40px;
  height:25px;
  padding:0 7px;
  border-radius:999px;
  color:var(--degree-color);
  background:var(--degree-soft);
  font-size:12px;
  font-weight:1000;
}

.t3fc-info-top > button{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  padding:0;
  border:0;
  border-radius:9px;
  color:#3d4863;
  background:#eef2f8;
  font:1000 12px/1 inherit;
  cursor:pointer;
}

.t3fc-info-top > button:hover{
  color:#fff;
  background:var(--degree-color);
}

.t3fc-info-card mark{
  display:inline-block;
  margin-top:6px;
  padding:3px 7px;
  border-radius:999px;
  color:var(--degree-color);
  background:var(--degree-soft);
  font-size:8px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.t3fc-info-card h3{
  min-height:24px;
  margin:6px 0 0;
  color:var(--degree-color);
  font-size:17px;
  line-height:1.05;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}

.t3fc-info-card > small{
  display:block;
  min-height:20px;
  margin-top:3px;
  color:#707b91;
  font-size:8px;
  line-height:1.18;
  font-weight:850;
}

.t3fc-note-list,
.t3fc-formula{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:2px;
  margin-top:5px;
  color:#526078;
  font-size:9px;
  font-weight:950;
}

.t3fc-note-list i,
.t3fc-formula i{
  color:#9aa4b5;
  font-style:normal;
}

.t3fc-note-list span,
.t3fc-formula span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:18px;
  padding:1px 3px;
  border-radius:6px;
}

.t3fc-note-list span.is-last,
.t3fc-formula span.is-last{
  color:var(--degree-color);
  background:var(--degree-soft);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--degree-color) 20%,white);
}

.t3fc-formula{
  padding-top:5px;
  border-top:1px solid #edf0f5;
  color:#768096;
  font-size:8px;
}

.t3fc-rule{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 10px;
  align-items:center;
  margin-top:7px;
  padding:8px 11px;
  border:1px solid rgba(65,80,125,.12);
  border-radius:14px;
  background:rgba(255,255,255,.89);
  box-shadow:0 6px 16px rgba(40,50,83,.06);
}

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

.t3fc-rule span{
  color:#5f687d;
  font-size:9px;
  font-weight:770;
}

.t3fc-rule em{
  color:#7c8498;
  font-size:8px;
  font-style:normal;
  font-weight:800;
}

/* =========================================================
   Συνοπτική σκηνή · και οι 3 οικογένειες στην ίδια οθόνη
   ========================================================= */

.mrtb-t3-family-chords-scene.summary-view{
  padding:8px;
}

.t3fc-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:58px;
  padding:8px 11px;
  border:1px solid rgba(67,82,121,.13);
  border-radius:17px;
  background:linear-gradient(135deg,#eef6ff,#f4efff 55%,#effaf5);
}

.t3fc-summary-head > div:first-child > span{
  color:#5367bd;
}

.t3fc-summary-legend{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px;
}

.t3fc-summary-legend span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border:1px solid color-mix(in srgb,var(--legend) 22%,white);
  border-radius:999px;
  color:var(--legend);
  background:var(--legend-soft);
  font-size:8px;
  font-weight:1000;
  text-transform:uppercase;
}

.t3fc-summary-grid{
  display:grid;
  gap:7px;
  margin-top:7px;
}

.t3fc-summary-family{
  min-width:0;
  padding:6px 7px 4px;
  border:1px solid color-mix(in srgb,var(--family-accent) 17%,white);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,var(--family-soft));
  box-shadow:0 8px 20px rgba(39,53,87,.07);
}

.t3fc-summary-family > header{
  display:grid;
  grid-template-columns:minmax(165px,.6fr) minmax(340px,1.5fr) 34px;
  gap:9px;
  align-items:center;
  min-height:38px;
  padding:0 3px 4px;
}

.t3fc-summary-family > header > div:first-child span{
  display:block;
  color:var(--family-accent);
  font-size:7px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.t3fc-summary-family > header h3{
  margin:1px 0 0;
  color:#253047;
  font-size:15px;
  line-height:1;
}

.t3fc-summary-scale{
  display:grid;
  grid-template-columns:repeat(7,minmax(30px,1fr));
  gap:4px;
}

.t3fc-summary-scale b{
  display:grid;
  place-items:center;
  min-height:27px;
  border:1px solid color-mix(in srgb,var(--family-accent) 15%,white);
  border-radius:8px;
  color:#41506a;
  background:rgba(255,255,255,.78);
  font-size:9px;
  font-weight:1000;
}

.t3fc-summary-family > header > button{
  min-width:34px;
  width:34px;
  min-height:32px;
  height:32px;
  padding:0;
  border-radius:10px;
}

.t3fc-summary-staff-wrap{
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid rgba(65,79,117,.10);
  border-radius:13px;
  background:rgba(255,255,255,.94);
}

.t3fc-summary-staff-wrap .t3fc-staff{
  min-width:1060px;
}

.t3fc-staff.compact{
  max-height:198px;
}

.t3fc-staff.compact .t3fc-root-label{
  font-size:12px;
}

.t3fc-staff.compact .t3fc-symbol{
  font-size:15px;
}

.t3fc-staff.compact .t3fc-degree-badge text{
  font-size:12px;
}

.t3fc-staff.compact .t3fc-role{
  font-size:7.5px;
}

/* =========================================================
   Draw πάνω από ολόκληρη τη σκηνή
   ========================================================= */

.mrtb-app.mrtb-t3-family-chords-active.mrtb-draw-on .mrtb-t3-family-chords-scene{
  pointer-events:none !important;
}

.mrtb-app.mrtb-t3-family-chords-active.mrtb-draw-on .mrtb-draw-canvas{
  z-index:9990 !important;
  pointer-events:auto !important;
}

/* =========================================================
   Tablet / Mobile
   ========================================================= */

@media (max-width:1180px){
  .t3fc-toolbar{
    max-width:100%;
    overflow-x:auto;
  }

  .t3fc-toolbar-group{
    flex:0 0 auto;
  }

  .t3fc-family-banner{
    grid-template-columns:minmax(220px,.8fr) minmax(390px,1.4fr) auto;
  }

  .t3fc-info-row{
    grid-template-columns:repeat(7,148px);
  }
}

@media (max-width:900px){
  .mrtb-t3-family-chords-scene{
    inset:5px 5px auto;
    width:calc(100% - 10px);
    padding:7px;
    border-radius:17px;
  }

  .t3fc-toolbar-group > span{
    display:none;
  }

  .t3fc-toolbar button{
    min-width:max-content;
    height:30px;
    padding:0 9px;
    font-size:9px;
  }

  .t3fc-family-banner{
    grid-template-columns:1fr auto;
    gap:7px;
    min-height:0;
    padding:7px 8px;
  }

  .t3fc-family-title p{
    font-size:8px;
  }

  .t3fc-scale-notes{
    grid-column:1 / span 2;
    grid-row:2;
    grid-template-columns:repeat(7,minmax(38px,1fr));
    overflow-x:auto;
  }

  .t3fc-scale-notes > span{
    min-height:36px;
  }

  .t3fc-family-banner > button{
    min-width:42px;
    width:42px;
    min-height:36px;
    padding:0;
    position:relative;
    overflow:hidden;
    color:transparent;
    font-size:0;
  }

  .t3fc-family-banner > button::after{
    content:"♫";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#fff;
    font-size:14px;
  }

  .t3fc-stage{
    min-width:1120px;
    padding:7px 5px 3px;
  }

  .t3fc-info-row{
    grid-template-columns:repeat(7,145px);
  }

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

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

  .t3fc-summary-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .t3fc-summary-legend{
    justify-content:flex-start;
  }

  .t3fc-summary-family > header{
    grid-template-columns:minmax(150px,1fr) auto;
  }

  .t3fc-summary-scale{
    grid-column:1 / span 2;
    grid-row:2;
    overflow-x:auto;
  }

  .t3fc-summary-family > header > button{
    grid-column:2;
    grid-row:1;
  }
}

@media (max-width:560px){
  .mrtb-app.mrtb-t3-family-chords-active .mrtb-tools-section{
    overflow:hidden;
  }

  .mrtb-app.mrtb-t3-family-chords-active .mrtb-tools-one-line{
    overflow-x:auto;
    flex-wrap:nowrap !important;
  }

  .t3fc-toolbar{
    flex:0 0 auto;
  }

  .t3fc-toolbar-group + .t3fc-toolbar-group{
    padding-left:5px;
  }

  .t3fc-family-title > span{
    display:none;
  }

  .t3fc-family-title h2{
    font-size:18px;
  }

  .t3fc-family-title p{
    max-width:250px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .t3fc-scale-notes{
    grid-template-columns:repeat(7,46px);
  }

  .t3fc-info-card{
    min-width:140px;
  }

  .t3fc-summary-head h2{
    font-size:19px;
  }

  .t3fc-summary-head p{
    font-size:8px;
  }

  .t3fc-summary-legend span{
    min-height:21px;
    padding:0 6px;
    font-size:7px;
  }

  .t3fc-summary-family > header h3{
    font-size:14px;
  }

  .t3fc-summary-scale{
    grid-template-columns:repeat(7,38px);
  }
}


/* =========================================================
   v1.2.0 · Auto-fit symbols · mode names · compact summary
   ========================================================= */

.t3fc-symbol,
.t3fc-mode-name{
  paint-order:stroke fill;
  stroke:rgba(255,255,255,.94);
  stroke-linejoin:round;
  text-anchor:middle;
}

.t3fc-symbol{
  stroke-width:2.15px;
  font-variant-numeric:tabular-nums;
}

.t3fc-mode-name{
  fill:var(--degree-color);
  stroke-width:1.7px;
  font-family:inherit;
  font-weight:950;
  letter-spacing:-.025em;
}

.t3fc-column.playing .t3fc-symbol{
  /* Δεν μεγαλώνει ξανά και δεν συγκρούεται με τη διπλανή στήλη. */
  filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--degree-color) 28%,transparent));
}

.t3fc-info-mode{
  display:block;
  min-height:17px;
  margin-top:5px;
  color:var(--degree-color);
  font-size:8.5px;
  line-height:1.1;
  font-weight:1000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.t3fc-info-card h3{
  max-width:100%;
  line-height:1.02;
  overflow-wrap:anywhere;
}

/* Η τέταρτη σκηνή δεν εμφανίζει κανένα staff ή note element. */
.mrtb-t3-family-chords-scene.summary-view .t3fc-summary-grid,
.mrtb-t3-family-chords-scene.summary-view .t3fc-summary-family,
.mrtb-t3-family-chords-scene.summary-view .t3fc-summary-staff-wrap,
.mrtb-t3-family-chords-scene.summary-view .t3fc-summary-scale,
.mrtb-t3-family-chords-scene.summary-view .t3fc-staff,
.mrtb-t3-family-chords-scene.summary-view .t3fc-stage-wrap,
.mrtb-t3-family-chords-scene.summary-view .t3fc-info-row,
.mrtb-t3-family-chords-scene.summary-view .t3fc-rule{
  display:none !important;
}

.t3fc-summary-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  min-width:0;
  margin-top:8px;
}

.t3fc-summary-column{
  min-width:0;
  padding:6px;
  border:1px solid color-mix(in srgb,var(--family-accent) 20%,white);
  border-radius:17px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--family-accent) 11%,transparent),transparent 31%),
    linear-gradient(155deg,#fff,var(--family-soft));
  box-shadow:0 8px 20px rgba(39,53,87,.08);
}

.t3fc-summary-column > header{
  min-height:42px;
  padding:3px 6px 6px;
  border-bottom:1px solid color-mix(in srgb,var(--family-accent) 17%,white);
}

.t3fc-summary-column > header span{
  display:block;
  color:var(--family-accent);
  font-size:7px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.t3fc-summary-column > header h3{
  margin:2px 0 0;
  color:#253047;
  font-size:15px;
  line-height:1;
}

.t3fc-summary-column > header small{
  display:block;
  margin-top:2px;
  color:#748096;
  font-size:7.5px;
  line-height:1.1;
  font-weight:850;
}

.t3fc-summary-list{
  display:grid;
  gap:4px;
  margin-top:5px;
}

.t3fc-summary-row{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:41px;
  padding:4px 6px;
  border:1px solid color-mix(in srgb,var(--degree-color) 20%,white);
  border-radius:12px;
  background:linear-gradient(135deg,var(--degree-soft),rgba(255,255,255,.97) 76%);
  box-shadow:0 4px 10px rgba(42,55,89,.05);
}

.t3fc-summary-degree{
  display:grid;
  place-items:center;
  min-width:38px;
  height:28px;
  padding:0 4px;
  border-radius:999px;
  color:var(--degree-color);
  background:color-mix(in srgb,var(--degree-soft) 86%,white);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--degree-color) 22%,white);
  font-size:11px;
  font-weight:1000;
}

.t3fc-summary-row-copy{
  display:grid;
  gap:2px;
  min-width:0;
}

.t3fc-summary-row-copy b{
  display:block;
  min-width:0;
  color:var(--degree-color);
  line-height:1.02;
  font-weight:1000;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}

.t3fc-summary-row-copy span{
  display:block;
  min-width:0;
  color:#59657c;
  font-size:8px;
  line-height:1.08;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width:760px){
  .t3fc-summary-columns{
    grid-template-columns:repeat(3,235px);
    overflow-x:auto;
    padding-bottom:5px;
    scroll-snap-type:x proximity;
  }

  .t3fc-summary-column{
    scroll-snap-align:start;
  }
}


/* =========================================================
   v1.3.0 · Draw Undo · audio unlock · Show/Hide mode names
   ========================================================= */

/* Το section με τις επάνω 7 νότες και το «Άκου όλες» αφαιρέθηκε. */
.mrtb-t3-family-chords-scene:not(.summary-view) .t3fc-stage-wrap{
  margin-top:0;
}

/* Show / Hide στη γραμμή εργαλείων. */
.t3fc-toolbar .names-group button.active{
  border-color:#27865f;
  color:#fff;
  background:linear-gradient(135deg,#42b97d,#238d68);
  box-shadow:0 7px 15px rgba(42,148,104,.22);
}

/* Λειτουργεί στις 3 οικογένειες και στη Σύνοψη. */
.mrtb-t3-family-chords-scene.hide-mode-names .t3fc-mode-name,
.mrtb-t3-family-chords-scene.hide-mode-names .t3fc-info-mode,
.mrtb-t3-family-chords-scene.hide-mode-names .t3fc-summary-row-copy > span{
  display:none !important;
}

.mrtb-t3-family-chords-scene.hide-mode-names .t3fc-info-card{
  padding-top:10px;
}

.mrtb-t3-family-chords-scene.hide-mode-names .t3fc-summary-row{
  min-height:36px;
}

.mrtb-t3-family-chords-scene.hide-mode-names .t3fc-summary-row-copy{
  align-content:center;
}

/* Draw / Erase πάνω από τη σκηνή. */
.mrtb-app.mrtb-t3-family-chords-active.mrtb-draw-on .mrtb-draw-canvas{
  z-index:90 !important;
  pointer-events:auto !important;
}

@media (max-width:980px){
  .t3fc-toolbar{
    overflow-x:auto;
    scrollbar-width:thin;
  }

  .t3fc-toolbar-group{
    flex:0 0 auto;
  }
}


/* =========================================================
   v1.3.1 · Show/Hide δίπλα στο Erase · χωρίς hover στον ήχο
   ========================================================= */

.mrtb-app.mrtb-t3-family-chords-active .t3fc-mode-names-control{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:max-content;
  white-space:nowrap;
}

.mrtb-app.mrtb-t3-family-chords-active .t3fc-mode-names-control.active{
  border-color:#27865f !important;
  color:#fff !important;
  background:linear-gradient(135deg,#42b97d,#238d68) !important;
  box-shadow:0 7px 15px rgba(42,148,104,.22) !important;
}

/*
 * Safari μεταφράζει μερικές φορές το SVG transform-origin λάθος
 * και το μικρό κουμπί ήχου γίνεται τεράστιος χρωματιστός κύκλος.
 * Δεν υπάρχει πλέον καμία μεταβολή στο hover/focus.
 */
.t3fc-play circle{
  transition:none !important;
  transform:none !important;
  transform-origin:center !important;
}

.t3fc-play:hover circle,
.t3fc-play:focus circle{
  fill:#eff3f9 !important;
  stroke:#d8e0ed !important;
  transform:none !important;
}

.t3fc-play:hover text,
.t3fc-play:focus text{
  fill:#43506b !important;
}

/* Μόνο μετά το πραγματικό click δίνεται σύντομο feedback, χωρίς scale. */
.t3fc-column.playing .t3fc-play circle{
  fill:var(--degree-color) !important;
  stroke:var(--degree-color) !important;
  transform:none !important;
}

.t3fc-column.playing .t3fc-play text{
  fill:#fff !important;
}


/* =========================================================
   v1.3.2 · Responsive toolbar χωρίς κρυμμένα εργαλεία
   ========================================================= */

/*
 * Η βασική γραμμή επιτρέπεται να μεγαλώσει σε δεύτερη σειρά.
 * Έτσι δεν κόβονται τα 11, 13 και Triads ούτε σε μικρό laptop.
 */
.mrtb-app.mrtb-t3-family-chords-active .mrtb-sidebar,
.mrtb-app.mrtb-t3-family-chords-active .mrtb-tools-section,
.mrtb-app.mrtb-t3-family-chords-active .mrtb-tool-row,
.mrtb-app.mrtb-t3-family-chords-active .mrtb-tools-one-line{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

.mrtb-app.mrtb-t3-family-chords-active .mrtb-tools-one-line{
  display:flex !important;
  align-items:center !important;
  align-content:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  min-width:0 !important;
  padding-block:7px !important;
}

/* Draw · Erase · Show/Hide μένουν πάντα ολόκληρα. */
.mrtb-app.mrtb-t3-family-chords-active
.mrtb-tools-one-line > [data-action="draw"],
.mrtb-app.mrtb-t3-family-chords-active
.mrtb-tools-one-line > [data-action="eraser"],
.mrtb-app.mrtb-t3-family-chords-active
.mrtb-tools-one-line > [data-t3fc-mode-names-control]{
  flex:0 0 auto !important;
}

/*
 * Η toolbar Σκηνή / Δομή χρησιμοποιεί τον υπόλοιπο χώρο.
 * Όταν δεν χωράει, κατεβαίνει αυτόματα ολόκληρη από κάτω.
 */
.mrtb-app.mrtb-t3-family-chords-active .t3fc-toolbar{
  flex:1 1 700px !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  flex-wrap:wrap !important;
  overflow:visible !important;
}

.mrtb-app.mrtb-t3-family-chords-active .t3fc-toolbar-group{
  flex:0 0 auto !important;
  max-width:100% !important;
  flex-wrap:wrap !important;
}

/* Σε μεσαίο πλάτος η Σκηνή / Δομή γίνεται καθαρή δεύτερη σειρά. */
@media (max-width:1500px){
  .mrtb-app.mrtb-t3-family-chords-active .t3fc-toolbar{
    flex:1 0 100% !important;
    order:20;
  }
}

/* Tablet: οι δύο ομάδες μοιράζονται τη δεύτερη σειρά. */
@media (max-width:980px){
  .mrtb-app.mrtb-t3-family-chords-active .t3fc-toolbar{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr);
    align-items:center;
    gap:6px !important;
    overflow:visible !important;
  }

  .mrtb-app.mrtb-t3-family-chords-active .t3fc-toolbar-group{
    min-width:0 !important;
  }

  .mrtb-app.mrtb-t3-family-chords-active
  .t3fc-toolbar-group + .t3fc-toolbar-group{
    border-left:1px solid #dce3ee !important;
    padding-left:7px !important;
  }
}

/* Κινητό: Σκηνή και Δομή σε δύο πλήρεις σειρές, χωρίς οριζόντιο κόψιμο. */
@media (max-width:700px){
  .mrtb-app.mrtb-t3-family-chords-active .mrtb-tools-section{
    overflow:visible !important;
  }

  .mrtb-app.mrtb-t3-family-chords-active .mrtb-tools-one-line{
    overflow:visible !important;
    flex-wrap:wrap !important;
  }

  .mrtb-app.mrtb-t3-family-chords-active .t3fc-toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .mrtb-app.mrtb-t3-family-chords-active .t3fc-toolbar-group{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }

  .mrtb-app.mrtb-t3-family-chords-active
  .t3fc-toolbar-group + .t3fc-toolbar-group{
    border-top:1px solid #dce3ee !important;
    border-left:0 !important;
    padding-top:5px !important;
    padding-left:2px !important;
  }

  .mrtb-app.mrtb-t3-family-chords-active .t3fc-toolbar button{
    min-width:42px !important;
    padding-inline:8px !important;
  }
}


/* =========================================================
   v1.4.0 · GAME · Συγχορδίες στις 21 κλίμακες
   ========================================================= */

.mrtb-app.mrtb-t3fc-game-active .mrtb-sidebar{
  display:none !important;
}

.mrtb-app.mrtb-t3fc-game-active .mrtb-board{
  overflow:auto !important;
  background:
    radial-gradient(circle at 8% 8%,rgba(84,191,255,.22),transparent 24%),
    radial-gradient(circle at 90% 10%,rgba(149,105,255,.16),transparent 24%),
    radial-gradient(circle at 76% 92%,rgba(63,207,153,.14),transparent 28%),
    linear-gradient(145deg,#e8f8ff 0%,#f4f5ff 52%,#f3fff7 100%) !important;
}

.mrtb-app.mrtb-t3fc-game-active .mrtb-draw-canvas{
  pointer-events:none !important;
}

.t3fcg-scene{
  inset:8px 10px auto 10px !important;
  width:calc(100% - 20px) !important;
  min-width:0 !important;
  padding-bottom:18px;
}

.t3fcg-shell{
  width:100%;
  min-width:0;
  color:#202a3c;
  font-family:inherit;
}

/* ---------- Setup ---------- */

.t3fcg-shell.setup{
  display:grid;
  gap:10px;
  max-width:1320px;
  margin:0 auto;
}

.t3fcg-setup-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  padding:15px 18px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 10%,rgba(76,132,244,.13),transparent 27%),
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(241,248,255,.94));
  box-shadow:0 16px 40px rgba(37,65,104,.13);
}

.t3fcg-setup-hero > div:first-child > span{
  display:block;
  color:#4b66b8;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.t3fcg-setup-hero h2{
  margin:5px 0 4px;
  color:#202a3c;
  font-size:clamp(24px,2.7vw,38px);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.045em;
}

.t3fcg-setup-hero p{
  max-width:850px;
  margin:0;
  color:#657087;
  font-size:12px;
  line-height:1.45;
  font-weight:800;
}

.t3fcg-family-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
  max-width:390px;
}

.t3fcg-family-badges b{
  padding:8px 10px;
  border:1px solid rgba(66,83,128,.10);
  border-radius:12px;
  color:#45526e;
  background:rgba(255,255,255,.86);
  font-size:9px;
  font-weight:1000;
  white-space:nowrap;
}

.t3fcg-setup-grid{
  display:grid;
  grid-template-columns:1.05fr 1.2fr .72fr;
  gap:10px;
  align-items:start;
}

.t3fcg-setup-card{
  min-width:0;
  padding:13px;
  border:1px solid rgba(64,79,119,.11);
  border-radius:21px;
  background:rgba(255,255,255,.95);
  box-shadow:0 12px 30px rgba(36,57,92,.09);
}

.t3fcg-setup-card > header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  margin-bottom:10px;
}

.t3fcg-setup-card > header b{
  color:#29344a;
  font-size:12px;
  font-weight:1000;
}

.t3fcg-setup-card > header span{
  color:#7c879a;
  font-size:8px;
  font-weight:850;
  text-align:right;
}

.t3fcg-count-buttons,
.t3fcg-round-buttons{
  display:grid;
  gap:5px;
}

.t3fcg-count-buttons{
  grid-template-columns:repeat(9,minmax(0,1fr));
  margin-bottom:10px;
}

.t3fcg-round-buttons{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.t3fcg-count-buttons button,
.t3fcg-round-buttons button{
  min-height:35px;
  padding:0;
  border:1px solid #dce3ef;
  border-radius:10px;
  color:#59667c;
  background:#fff;
  font:1000 11px/1 inherit;
  cursor:pointer;
}

.t3fcg-count-buttons button.active,
.t3fcg-round-buttons button.active{
  border-color:#4b6ed2;
  color:#fff;
  background:linear-gradient(135deg,#4d82f3,#7555e9);
  box-shadow:0 7px 15px rgba(73,84,189,.20);
}

.t3fcg-name-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}

.t3fcg-name-grid[data-count="1"]{
  grid-template-columns:1fr;
}

.t3fcg-name-grid[data-count="2"]{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.t3fcg-name-grid label{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  align-items:center;
  min-width:0;
  padding:4px;
  border:1px solid #e0e6ef;
  border-radius:11px;
  background:#f7f9fc;
}

.t3fcg-name-grid label > span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:8px;
  color:#fff;
  background:#3d4b69;
  font-size:9px;
  font-weight:1000;
}

.t3fcg-name-grid input{
  min-width:0;
  height:29px;
  padding:0 7px;
  border:0;
  outline:0;
  color:#2e394f;
  background:transparent;
  font:900 10px/1 inherit;
}

.t3fcg-level-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
}

.t3fcg-level-grid button{
  display:grid;
  grid-template-rows:auto auto minmax(28px,auto);
  align-content:start;
  gap:3px;
  min-width:0;
  min-height:104px;
  padding:8px 6px;
  border:1px solid #dfe5ef;
  border-radius:14px;
  color:#526078;
  background:linear-gradient(180deg,#fff,#f7f9fd);
  text-align:center;
  cursor:pointer;
}

.t3fcg-level-grid button strong{
  justify-self:center;
  display:grid;
  place-items:center;
  width:34px;
  height:26px;
  border-radius:9px;
  color:#4e65bb;
  background:#edf1ff;
  font-size:9px;
  font-weight:1000;
}

.t3fcg-level-grid button b{
  color:#29354b;
  font-size:11px;
  font-weight:1000;
}

.t3fcg-level-grid button small{
  color:#7f8a9d;
  font-size:7px;
  line-height:1.2;
  font-weight:800;
}

.t3fcg-level-grid button.active{
  border-color:#6079db;
  background:linear-gradient(145deg,#eef3ff,#f7efff);
  box-shadow:0 10px 20px rgba(77,94,190,.13);
}

.t3fcg-level-grid button.active strong{
  color:#fff;
  background:linear-gradient(135deg,#4d82f3,#7555e9);
}

.t3fcg-howto{
  margin-top:10px;
  padding:10px;
  border:1px solid rgba(76,108,207,.13);
  border-radius:14px;
  background:linear-gradient(145deg,#eef5ff,#faf6ff);
}

.t3fcg-howto > b{
  display:block;
  color:#3e56a8;
  font-size:10px;
  font-weight:1000;
}

.t3fcg-howto p{
  margin:5px 0 0;
  color:#66738a;
  font-size:8px;
  line-height:1.4;
  font-weight:800;
}

.t3fcg-start,
.t3fcg-close{
  width:100%;
  min-height:43px;
  margin-top:9px;
  border:0;
  border-radius:13px;
  font:1000 10px/1.2 inherit;
  cursor:pointer;
}

.t3fcg-start{
  color:#fff;
  background:linear-gradient(135deg,#4b80f2,#7651e8);
  box-shadow:0 12px 22px rgba(72,77,190,.23),inset 0 -2px 0 rgba(0,0,0,.10);
}

.t3fcg-close{
  min-height:36px;
  margin-top:6px;
  color:#66738a;
  background:#edf1f6;
}

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

.t3fcg-shell.playing{
  display:grid;
  gap:9px;
}

.t3fcg-hud{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(170px,.32fr) auto;
  align-items:center;
  gap:12px;
  min-height:70px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:21px;
  background:rgba(255,255,255,.95);
  box-shadow:0 13px 32px rgba(36,57,92,.11);
}

.t3fcg-hud.revealing{
  background:linear-gradient(135deg,#effff7,#fff);
}

.t3fcg-round{
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  place-items:center;
  min-width:70px;
  min-height:56px;
  padding:5px 9px;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,#273753,#445a88);
  box-shadow:0 9px 18px rgba(36,53,87,.20);
}

.t3fcg-round small{
  grid-column:1 / span 2;
  font-size:7px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.t3fcg-round strong{
  font-size:24px;
  line-height:1;
}

.t3fcg-round span{
  align-self:end;
  padding-bottom:2px;
  font-size:9px;
  opacity:.75;
}

.t3fcg-hud-copy{
  min-width:0;
}

.t3fcg-hud-copy > span{
  color:#4d6ec8;
  font-size:7px;
  font-weight:1000;
  letter-spacing:.12em;
}

.t3fcg-hud-copy h2{
  margin:3px 0 2px;
  color:#253047;
  font-size:17px;
  line-height:1.1;
  font-weight:1000;
}

.t3fcg-hud-copy small{
  color:#758197;
  font-size:8px;
  font-weight:850;
}

.t3fcg-progress{
  padding:8px 10px;
  border:1px solid #e3e8f0;
  border-radius:14px;
  background:#f7f9fc;
}

.t3fcg-progress > div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:7px;
}

.t3fcg-progress strong{
  color:#2e3a50;
  font-size:14px;
  font-weight:1000;
}

.t3fcg-progress span{
  color:#7b879a;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
}

.t3fcg-progress > i{
  display:block;
  overflow:hidden;
  height:6px;
  margin-top:6px;
  border-radius:999px;
  background:#e5eaf2;
}

.t3fcg-progress > i > b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#4c82f3,#8355e8);
  transition:width .25s ease;
}

.t3fcg-hud-close{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  padding:0;
  border:0;
  border-radius:11px;
  color:#68758c;
  background:#edf1f6;
  font:1000 20px/1 inherit;
  cursor:pointer;
}

/* ---------- Player cards ---------- */

.t3fcg-players{
  display:grid;
  gap:8px;
  align-items:stretch;
}

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

.t3fcg-player{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:8px;
  overflow:hidden;
  border:2px solid color-mix(in srgb,var(--player-accent) 18%,white);
  border-radius:18px;
  background:
    radial-gradient(circle at 96% 4%,color-mix(in srgb,var(--player-accent) 10%,transparent),transparent 29%),
    rgba(255,255,255,.97);
  box-shadow:0 10px 24px rgba(35,51,83,.09);
}

.t3fcg-player::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:var(--player-accent);
}

.t3fcg-player.locked{
  border-color:color-mix(in srgb,var(--player-accent) 43%,white);
}

.t3fcg-player.correct{
  border-color:#44bd80;
  box-shadow:0 13px 28px rgba(50,174,111,.16);
}

.t3fcg-player.wrong{
  border-color:#e6737d;
  box-shadow:0 13px 28px rgba(211,84,99,.12);
}

.t3fcg-player-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  min-height:29px;
}

.t3fcg-player-head > span{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:9px;
  color:#fff;
  background:var(--player-accent);
  font-size:9px;
  font-weight:1000;
}

.t3fcg-player-head > div{
  min-width:0;
}

.t3fcg-player-head b{
  display:block;
  overflow:hidden;
  color:#29354a;
  font-size:11px;
  line-height:1.05;
  font-weight:1000;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.t3fcg-player-head small{
  display:block;
  margin-top:2px;
  color:#8a95a6;
  font-size:6px;
  line-height:1;
  font-weight:850;
  text-transform:uppercase;
}

.t3fcg-player-head > strong{
  display:grid;
  place-items:center;
  min-width:27px;
  height:27px;
  padding:0 5px;
  border-radius:9px;
  color:#4159ad;
  background:#edf1ff;
  font-size:11px;
  font-weight:1000;
}

.t3fcg-question{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:5px;
  min-height:54px;
  margin-top:5px;
  padding:6px 7px;
  border:1px solid color-mix(in srgb,var(--question-color) 18%,white);
  border-radius:13px;
  background:linear-gradient(145deg,var(--question-soft),#fff);
}

.t3fcg-question-symbol{
  min-width:0;
}

.t3fcg-question-symbol small{
  display:block;
  color:#7b8799;
  font-size:6px;
  font-weight:950;
  text-transform:uppercase;
}

.t3fcg-question-symbol strong{
  display:block;
  overflow:hidden;
  margin-top:2px;
  color:var(--question-color);
  font-size:clamp(13px,1.25vw,20px);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.045em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.t3fcg-question-symbol span{
  display:block;
  overflow:hidden;
  margin-top:3px;
  color:#6f7b90;
  font-size:7px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.t3fcg-listen{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  padding:0;
  border:1px solid #dce3ed;
  border-radius:10px;
  color:#42506c;
  background:#fff;
  font:1000 12px/1 inherit;
  cursor:pointer;
}

.t3fcg-question-data{
  grid-column:1 / span 2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  min-width:0;
  padding-top:4px;
  border-top:1px solid rgba(64,78,112,.08);
}

.t3fcg-question-data span,
.t3fcg-question-data small{
  overflow:hidden;
  min-width:0;
  color:#758197;
  font-size:6.5px;
  line-height:1.1;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.t3fcg-target{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  min-height:23px;
  margin-top:4px;
}

.t3fcg-target span{
  padding:3px 6px;
  border-radius:999px;
  color:#4d64b8;
  background:#edf1ff;
  font-size:7px;
  font-weight:1000;
}

.t3fcg-target b{
  color:#637087;
  font-size:7px;
  font-weight:950;
}

.t3fcg-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
}

.t3fcg-options button{
  display:grid;
  align-content:center;
  min-width:0;
  min-height:34px;
  padding:4px 5px;
  border:1px solid #dfe5ef;
  border-radius:9px;
  color:#536078;
  background:#fff;
  text-align:left;
  cursor:pointer;
}

.t3fcg-options button b{
  overflow:hidden;
  min-width:0;
  color:#2c384e;
  font-size:8px;
  line-height:1.05;
  font-weight:1000;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.t3fcg-options button span{
  overflow:hidden;
  min-width:0;
  margin-top:2px;
  color:#7e899b;
  font-size:5.7px;
  line-height:1;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.t3fcg-options button.selected{
  border-color:var(--player-accent);
  background:color-mix(in srgb,var(--player-accent) 10%,white);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--player-accent) 12%,white);
}

.t3fcg-options button.correct-option{
  border-color:#42b97d !important;
  color:#258555 !important;
  background:#eafff4 !important;
}

.t3fcg-options button.wrong-option{
  border-color:#e16a73 !important;
  color:#ba3e4a !important;
  background:#fff0f1 !important;
}

.t3fcg-options button:disabled{
  cursor:default;
  opacity:1;
}

.t3fcg-player-state{
  display:grid;
  place-items:center;
  min-height:21px;
  margin-top:4px;
  padding:3px 5px;
  border-radius:8px;
  color:#657187;
  background:#edf2f7;
  font-size:6.5px;
  line-height:1.1;
  font-weight:1000;
  text-align:center;
}

.t3fcg-player.correct .t3fcg-player-state{
  color:#257d52;
  background:#e5fff1;
}

.t3fcg-player.wrong .t3fcg-player-state{
  color:#b24651;
  background:#fff0f2;
}

.t3fcg-players.count-1 .t3fcg-player,
.t3fcg-players.count-2 .t3fcg-player{
  padding:12px;
  border-radius:22px;
}

.t3fcg-players.count-1 .t3fcg-question,
.t3fcg-players.count-2 .t3fcg-question{
  min-height:76px;
  padding:9px 10px;
}

.t3fcg-players.count-1 .t3fcg-question-symbol strong,
.t3fcg-players.count-2 .t3fcg-question-symbol strong{
  font-size:25px;
}

.t3fcg-players.count-1 .t3fcg-options button,
.t3fcg-players.count-2 .t3fcg-options button{
  min-height:47px;
}

.t3fcg-players.count-1 .t3fcg-options button b,
.t3fcg-players.count-2 .t3fcg-options button b{
  font-size:10px;
}

.t3fcg-players.count-7 .t3fcg-player,
.t3fcg-players.count-8 .t3fcg-player,
.t3fcg-players.count-9 .t3fcg-player{
  padding:6px;
  border-radius:15px;
}

.t3fcg-players.count-7 .t3fcg-question,
.t3fcg-players.count-8 .t3fcg-question,
.t3fcg-players.count-9 .t3fcg-question{
  min-height:48px;
  margin-top:3px;
  padding:5px;
}

.t3fcg-players.count-7 .t3fcg-question-data,
.t3fcg-players.count-8 .t3fcg-question-data,
.t3fcg-players.count-9 .t3fcg-question-data{
  display:none;
}

.t3fcg-players.count-7 .t3fcg-options button,
.t3fcg-players.count-8 .t3fcg-options button,
.t3fcg-players.count-9 .t3fcg-options button{
  min-height:29px;
  padding:3px 4px;
}

/* ---------- Results ---------- */

.t3fcg-shell.results{
  display:grid;
  place-items:center;
  min-height:680px;
}

.t3fcg-results-card{
  width:min(720px,94%);
  padding:20px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:27px;
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 55px rgba(35,53,88,.17);
  text-align:center;
}

.t3fcg-trophy{
  font-size:50px;
  line-height:1;
}

.t3fcg-results-card > span{
  display:block;
  margin-top:5px;
  color:#748096;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.t3fcg-results-card h2{
  margin:6px 0 3px;
  color:#263149;
  font-size:27px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.04em;
}

.t3fcg-results-card > p{
  margin:0 0 13px;
  color:#6e7a90;
  font-size:9px;
  font-weight:850;
}

.t3fcg-ranking{
  display:grid;
  gap:6px;
  text-align:left;
}

.t3fcg-ranking article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:6px 9px;
  border:1px solid #e1e6ee;
  border-radius:13px;
  background:#f8fafc;
}

.t3fcg-ranking article.winner{
  border-color:#e0c25b;
  background:linear-gradient(135deg,#fff7d3,#fff);
}

.t3fcg-ranking article > span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  color:#fff;
  background:#394863;
  font-size:10px;
  font-weight:1000;
}

.t3fcg-ranking article.winner > span{
  color:#624c00;
  background:#ffd85d;
}

.t3fcg-ranking b{
  display:block;
  color:#2d394e;
  font-size:11px;
  font-weight:1000;
}

.t3fcg-ranking small{
  display:block;
  color:#8792a4;
  font-size:7px;
  font-weight:800;
}

.t3fcg-ranking article > strong{
  color:#4058ad;
  font-size:13px;
  font-weight:1000;
}

.t3fcg-result-actions{
  display:grid;
  grid-template-columns:1.1fr 1fr 1fr;
  gap:6px;
  margin-top:12px;
}

.t3fcg-result-actions button{
  min-height:40px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#4b7ef1,#7650e8);
  font:1000 9px/1.15 inherit;
  cursor:pointer;
}

.t3fcg-result-actions button.light{
  color:#657187;
  background:#edf1f6;
}

/* Shared feedback overlay above every player card. */
.t3fcg-player.mrtb-feedback-host{
  position:relative;
}

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

  .t3fcg-level-grid{
    grid-template-columns:repeat(5,minmax(100px,1fr));
    overflow-x:auto;
    padding-bottom:4px;
  }

  .t3fcg-hud{
    grid-template-columns:auto 1fr auto;
  }

  .t3fcg-progress{
    grid-column:1 / span 2;
    grid-row:2;
  }
}

@media (max-width:900px){
  .t3fcg-setup-hero{
    grid-template-columns:1fr;
  }

  .t3fcg-family-badges{
    justify-content:flex-start;
  }

  .t3fcg-players,
  .t3fcg-players[class*="count-"]{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .t3fcg-name-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px){
  .t3fcg-scene{
    inset:6px 6px auto 6px !important;
    width:calc(100% - 12px) !important;
  }

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

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

  .t3fcg-hud{
    grid-template-columns:1fr auto;
  }

  .t3fcg-round{
    grid-row:1 / span 2;
  }

  .t3fcg-hud-copy{
    grid-column:2;
  }

  .t3fcg-progress{
    grid-column:1 / span 2;
    grid-row:auto;
  }

  .t3fcg-hud-close{
    position:absolute;
    top:7px;
    right:7px;
  }

  .t3fcg-result-actions{
    grid-template-columns:1fr;
  }
}



/* =========================================================
   v1.4.1 · Το επάνω Hide/Show ελέγχει ΜΟΝΟ την toolbar
   ========================================================= */

/*
 * Η v1.4.0 έκρυβε υποχρεωτικά τη .mrtb-sidebar όταν άνοιγε
 * το παιχνίδι. Αυτό έκανε το κεντρικό κουμπί Hide/Show να
 * αλλάζει κατάσταση χωρίς να εμφανίζει πραγματικά την toolbar.
 *
 * Πλέον η εμφάνιση εξαρτάται αποκλειστικά από την κανονική
 * κλάση .mrtb-tools-hidden του βασικού mrtb-board.js.
 */

/* Κανονική κατάσταση: η toolbar φαίνεται και μέσα στο παιχνίδι. */
.mrtb-app.mrtb-t3fc-game-active:not(.mrtb-tools-hidden)
.mrtb-sidebar:not([hidden]){
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Hide: κρύβεται μόνο η toolbar, όχι το παιχνίδι και όχι η σκηνή. */
.mrtb-app.mrtb-t3fc-game-active.mrtb-tools-hidden .mrtb-sidebar,
.mrtb-app.mrtb-t3fc-game-active .mrtb-sidebar[hidden],
.mrtb-app.mrtb-t3fc-game-active .mrtb-sidebar[aria-hidden="true"]{
  display:none !important;
}

/* Το παιχνίδι και ο πίνακας δεν επηρεάζονται από Hide/Show. */
.mrtb-app.mrtb-t3fc-game-active .mrtb-board-wrap,
.mrtb-app.mrtb-t3fc-game-active .mrtb-board,
.mrtb-app.mrtb-t3fc-game-active .mrtb-t3-family-chords-scene,
.mrtb-app.mrtb-t3fc-game-active .t3fcg-scene{
  visibility:visible !important;
  opacity:1 !important;
}

/*
 * Όταν ξαναπατηθεί Show, απομακρύνεται πρακτικά οποιοδήποτε
 * παλιό inline display:none είχε μείνει από προηγούμενο game.
 */
.mrtb-app.mrtb-t3fc-game-active:not(.mrtb-tools-hidden)
.mrtb-sidebar[aria-hidden="false"]{
  display:grid !important;
}


/* =========================================================
   v1.4.2 · Hide/Show στο μάθημα: κρύβει μόνο την toolbar
   ========================================================= */

/*
 * Στη σκηνή του μαθήματος το ενεργό template μένει πάντοτε
 * μέσα στο board. Το επάνω Hide/Show επιτρέπεται να αλλάζει
 * μόνο την .mrtb-sidebar.
 */

/* HIDDEN: κρύβεται αποκλειστικά η γραμμή εργαλείων. */
.mrtb-app.mrtb-t3-family-chords-active.mrtb-tools-hidden .mrtb-sidebar,
.mrtb-app.mrtb-t3-family-chords-active .mrtb-sidebar[hidden],
.mrtb-app.mrtb-t3-family-chords-active .mrtb-sidebar[aria-hidden="true"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Το layout κρατά επάνω topbar και από κάτω ολόκληρο το μάθημα. */
.mrtb-app.mrtb-t3-family-chords-active.mrtb-tools-hidden .mrtb-shell{
  grid-template-rows:auto minmax(0,1fr) !important;
}

/* Το board και το μάθημα δεν επιτρέπεται να κρυφτούν από το Hide. */
.mrtb-app.mrtb-t3-family-chords-active.mrtb-tools-hidden .mrtb-board-wrap{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  min-height:0 !important;
  grid-column:1 !important;
}

.mrtb-app.mrtb-t3-family-chords-active.mrtb-tools-hidden .mrtb-board,
.mrtb-app.mrtb-t3-family-chords-active.mrtb-tools-hidden .mrtb-t3-family-chords-scene{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Αφαιρούμε τυχόν hidden/opacity που έμεινε από προηγούμενη κατάσταση. */
.mrtb-app.mrtb-t3-family-chords-active .mrtb-board-wrap,
.mrtb-app.mrtb-t3-family-chords-active .mrtb-board,
.mrtb-app.mrtb-t3-family-chords-active .mrtb-t3-family-chords-scene{
  visibility:visible !important;
  opacity:1 !important;
}

/* SHOW: η toolbar επανέρχεται μόνο όταν δεν υπάρχει tools-hidden. */
.mrtb-app.mrtb-t3-family-chords-active:not(.mrtb-tools-hidden)
.mrtb-sidebar:not([hidden]):not([aria-hidden="true"]){
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* =========================================================
   v1.5.1 · Clickable game + audio controls
   ========================================================= */

/*
 * Ακόμη κι αν το Draw ήταν ενεργό πριν ανοίξει το παιχνίδι,
 * το setup και οι κάρτες πρέπει πάντα να δέχονται click/touch.
 */
.mrtb-app.mrtb-t3fc-game-active .mrtb-t3-family-chords-scene.t3fcg-scene{
  pointer-events:auto !important;
}

.mrtb-app.mrtb-t3fc-game-active.mrtb-draw-on
.mrtb-t3-family-chords-scene.t3fcg-scene,
.mrtb-app.mrtb-t3fc-game-active.mrtb-eraser-on
.mrtb-t3-family-chords-scene.t3fcg-scene{
  pointer-events:auto !important;
}

.mrtb-app.mrtb-t3fc-game-active .t3fcg-scene button,
.mrtb-app.mrtb-t3fc-game-active .t3fcg-scene input{
  pointer-events:auto !important;
  touch-action:manipulation;
}

/* Το canvas δεν σκεπάζει ποτέ τα κουμπιά του παιχνιδιού. */
.mrtb-app.mrtb-t3fc-game-active .mrtb-draw-canvas{
  pointer-events:none !important;
  z-index:1 !important;
}

.mrtb-app.mrtb-t3fc-game-active .t3fcg-scene{
  z-index:50 !important;
}


/* =========================================================
   v1.6.0 · Επιλογή οικογένειας + βαθμίδας · νέο audio engine
   ========================================================= */

.t3fcg-answer-builder{
  display:grid;
  gap:5px;
  margin-top:4px;
  padding:6px;
  border:1px solid #e1e6ef;
  border-radius:12px;
  background:linear-gradient(145deg,#f8faff,#fff);
}

.t3fcg-answer-step{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
}

.t3fcg-answer-step > span{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:17px;
  height:17px;
  border-radius:6px;
  color:#fff;
  background:#465b9e;
  font-size:7px;
  font-weight:1000;
}

.t3fcg-answer-step > b{
  color:#46536b;
  font-size:7px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.045em;
}

.t3fcg-answer-step > small{
  overflow:hidden;
  margin-left:auto;
  color:#78849a;
  font-size:6px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.t3fcg-family-select{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
}

.t3fcg-family-select button{
  min-width:0;
  min-height:31px;
  padding:3px 4px;
  border:1px solid color-mix(in srgb,var(--family-choice) 20%,#dfe5ef);
  border-radius:9px;
  color:var(--family-choice);
  background:linear-gradient(145deg,var(--family-choice-soft),#fff);
  font:1000 7.5px/1 inherit;
  cursor:pointer;
  touch-action:manipulation;
}

.t3fcg-family-select button.active{
  border-color:var(--family-choice);
  color:#fff;
  background:var(--family-choice);
  box-shadow:0 5px 12px color-mix(in srgb,var(--family-choice) 22%,transparent);
}

.t3fcg-family-select button:disabled{
  cursor:default;
  opacity:.72;
}

.t3fcg-degree-select{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:3px;
}

.t3fcg-degree-select button{
  display:grid;
  place-items:center;
  min-width:0;
  min-height:29px;
  padding:0 2px;
  border:1px solid #dde4ee;
  border-radius:8px;
  color:#46536b;
  background:#fff;
  font:1000 8px/1 inherit;
  cursor:pointer;
  touch-action:manipulation;
}

.t3fcg-degree-select button:hover:not(:disabled){
  border-color:var(--player-accent);
  color:var(--player-accent);
}

.t3fcg-degree-select button.selected{
  border-color:var(--player-accent);
  color:#fff;
  background:var(--player-accent);
  box-shadow:0 4px 10px color-mix(in srgb,var(--player-accent) 22%,transparent);
}

.t3fcg-degree-select button.correct-option{
  border-color:#42b97d !important;
  color:#218153 !important;
  background:#e9fff4 !important;
}

.t3fcg-degree-select button.wrong-option{
  border-color:#e16a73 !important;
  color:#b83d49 !important;
  background:#fff0f1 !important;
}

.t3fcg-degree-select button:disabled{
  cursor:default;
  opacity:.55;
}

.t3fcg-selected-wrap{
  display:grid;
  gap:4px;
  min-width:0;
  padding-top:4px;
  border-top:1px solid #e7ebf2;
}

.t3fcg-selected-wrap > small{
  color:#78849a;
  font-size:6px;
  font-weight:1000;
  text-transform:uppercase;
}

.t3fcg-selected-list{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  min-width:0;
}

.t3fcg-selected-answer{
  display:inline-grid;
  grid-template-columns:auto auto auto;
  align-items:center;
  gap:4px;
  min-height:25px;
  padding:3px 6px;
  border:1px solid color-mix(in srgb,var(--answer-family) 35%,white);
  border-radius:999px;
  color:var(--answer-family);
  background:color-mix(in srgb,var(--answer-family) 9%,white);
  cursor:pointer;
  touch-action:manipulation;
}

.t3fcg-selected-answer b,
.t3fcg-selected-answer strong{
  font-size:7px;
  line-height:1;
  font-weight:1000;
}

.t3fcg-selected-answer span{
  display:grid;
  place-items:center;
  width:14px;
  height:14px;
  border-radius:50%;
  color:#fff;
  background:var(--answer-family);
  font-size:9px;
  line-height:1;
  font-weight:1000;
}

.t3fcg-selected-answer:disabled{
  cursor:default;
}

.t3fcg-selected-empty{
  color:#9aa4b4;
  font-size:6.5px;
  font-weight:850;
}

.t3fcg-players.count-1 .t3fcg-answer-builder,
.t3fcg-players.count-2 .t3fcg-answer-builder{
  padding:9px;
  gap:7px;
}

.t3fcg-players.count-1 .t3fcg-family-select button,
.t3fcg-players.count-2 .t3fcg-family-select button{
  min-height:40px;
  font-size:9px;
}

.t3fcg-players.count-1 .t3fcg-degree-select button,
.t3fcg-players.count-2 .t3fcg-degree-select button{
  min-height:38px;
  font-size:10px;
}

.t3fcg-players.count-7 .t3fcg-answer-builder,
.t3fcg-players.count-8 .t3fcg-answer-builder,
.t3fcg-players.count-9 .t3fcg-answer-builder{
  padding:4px;
  gap:3px;
}

.t3fcg-players.count-7 .t3fcg-family-select button,
.t3fcg-players.count-8 .t3fcg-family-select button,
.t3fcg-players.count-9 .t3fcg-family-select button{
  min-height:26px;
  font-size:6.5px;
}

.t3fcg-players.count-7 .t3fcg-degree-select button,
.t3fcg-players.count-8 .t3fcg-degree-select button,
.t3fcg-players.count-9 .t3fcg-degree-select button{
  min-height:24px;
  font-size:7px;
}

@media (max-width:620px){
  .t3fcg-family-select{
    grid-template-columns:1fr;
  }

  .t3fcg-degree-select{
    grid-template-columns:repeat(7,minmax(34px,1fr));
    overflow-x:auto;
    padding-bottom:3px;
  }
}


/* =========================================================
   v1.6.1 · Πιο έντονο και όμορφο game UI
   ========================================================= */

/* ---------- Global game contrast ---------- */

.mrtb-app.mrtb-t3fc-game-active .mrtb-board{
  background:
    radial-gradient(circle at 8% 8%,rgba(64,154,255,.26),transparent 24%),
    radial-gradient(circle at 92% 10%,rgba(122,87,255,.19),transparent 26%),
    radial-gradient(circle at 82% 94%,rgba(52,199,134,.18),transparent 28%),
    linear-gradient(145deg,#e9f7ff 0%,#f1f0ff 50%,#f0fff6 100%) !important;
}

.mrtb-app.mrtb-t3fc-game-active .t3fcg-shell{
  color:#1f2940;
}

/* ---------- Setup ---------- */

.t3fcg-setup-hero{
  border:1px solid rgba(255,255,255,.96);
  background:
    radial-gradient(circle at 93% 8%,rgba(86,126,255,.16),transparent 26%),
    radial-gradient(circle at 8% 100%,rgba(66,199,146,.13),transparent 24%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.97));
  box-shadow:
    0 18px 42px rgba(36,58,99,.15),
    inset 0 1px 0 rgba(255,255,255,.88);
}

.t3fcg-setup-hero > div:first-child > span{
  color:#4467d1;
  font-size:10px;
  font-weight:1000;
}

.t3fcg-setup-hero h2{
  color:#1f2b45;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}

.t3fcg-setup-hero p{
  color:#55637b;
  font-size:12px;
  font-weight:900;
}

.t3fcg-family-badges b{
  border-color:rgba(79,106,176,.12);
  color:#344663;
  background:linear-gradient(145deg,#ffffff,#f6f8fd);
  box-shadow:0 6px 14px rgba(43,58,95,.06);
  font-size:9px;
  font-weight:1000;
}

.t3fcg-setup-card{
  border:1px solid rgba(73,94,149,.12);
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,251,255,.97));
  box-shadow:
    0 14px 34px rgba(35,56,91,.10),
    inset 0 1px 0 rgba(255,255,255,.86);
}

.t3fcg-setup-card > header b{
  color:#24314b;
  font-size:12px;
  font-weight:1000;
}

.t3fcg-setup-card > header span{
  color:#6e7c95;
  font-size:8px;
  font-weight:900;
}

.t3fcg-count-buttons button,
.t3fcg-round-buttons button{
  border-color:#d5dfed;
  color:#43516a;
  background:linear-gradient(180deg,#ffffff,#f5f8fd);
  box-shadow:0 4px 10px rgba(40,55,89,.05);
  font-weight:1000;
}

.t3fcg-count-buttons button:hover,
.t3fcg-round-buttons button:hover{
  border-color:#9eb5e4;
  color:#2f4065;
  background:linear-gradient(180deg,#ffffff,#eef4ff);
}

.t3fcg-count-buttons button.active,
.t3fcg-round-buttons button.active{
  border-color:#4b6ed2;
  color:#fff;
  background:linear-gradient(135deg,#4d82f3,#7555e9);
  box-shadow:0 10px 18px rgba(73,84,189,.25);
}

.t3fcg-name-grid label{
  border-color:#dfe6f1;
  background:linear-gradient(180deg,#fbfcff,#f5f8fc);
}

.t3fcg-name-grid label > span{
  box-shadow:0 6px 12px rgba(61,75,105,.16);
}

.t3fcg-name-grid input{
  color:#27354e;
  font-weight:1000;
}

.t3fcg-level-grid button{
  border-color:#dbe3ef;
  color:#516079;
  background:linear-gradient(180deg,#ffffff,#f7f9fd);
  box-shadow:0 6px 14px rgba(38,54,88,.05);
}

.t3fcg-level-grid button:hover{
  border-color:#a8b8e7;
  background:linear-gradient(180deg,#ffffff,#f0f4ff);
}

.t3fcg-level-grid button strong{
  box-shadow:0 5px 11px rgba(78,101,187,.10);
}

.t3fcg-level-grid button b{
  color:#243149;
  font-weight:1000;
}

.t3fcg-level-grid button small{
  color:#718099;
  font-size:7px;
  font-weight:900;
}

.t3fcg-level-grid button.active{
  border-color:#5e76d8;
  background:linear-gradient(145deg,#edf3ff,#f7efff);
  box-shadow:0 12px 22px rgba(77,94,190,.16);
}

.t3fcg-howto{
  border-color:rgba(76,108,207,.16);
  background:linear-gradient(145deg,#edf5ff,#faf6ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

.t3fcg-howto > b{
  color:#3650a9;
  font-size:10px;
  font-weight:1000;
}

.t3fcg-howto p{
  color:#5f6d86;
  font-size:8px;
  font-weight:900;
}

.t3fcg-start{
  font-size:10px;
  font-weight:1000;
  letter-spacing:.02em;
}

.t3fcg-close{
  color:#55657f;
  background:linear-gradient(180deg,#f5f7fb,#eaeff6);
  font-weight:1000;
}

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

.t3fcg-hud{
  border:1px solid rgba(255,255,255,.96);
  background:
    radial-gradient(circle at 100% 0,rgba(99,130,242,.08),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,251,255,.96));
  box-shadow:
    0 15px 34px rgba(36,57,92,.12),
    inset 0 1px 0 rgba(255,255,255,.88);
}

.t3fcg-round{
  background:linear-gradient(145deg,#253854,#44618e);
  box-shadow:0 11px 22px rgba(36,53,87,.24);
}

.t3fcg-hud-copy > span{
  color:#4b6ed2;
  font-size:7px;
  font-weight:1000;
}

.t3fcg-hud-copy h2{
  color:#223049;
  font-size:18px;
  font-weight:1000;
}

.t3fcg-hud-copy small{
  color:#6c7b94;
  font-size:8px;
  font-weight:900;
}

.t3fcg-progress{
  border-color:#dfe6f1;
  background:linear-gradient(180deg,#f8fbff,#f2f6fb);
}

.t3fcg-progress strong{
  color:#2b3a53;
  font-weight:1000;
}

.t3fcg-progress span{
  color:#7c889b;
  font-size:7px;
  font-weight:1000;
}

.t3fcg-hud-close{
  color:#5f6f89;
  background:linear-gradient(180deg,#f5f7fb,#e9eef5);
  font-weight:1000;
}

/* ---------- Player cards ---------- */

.t3fcg-player{
  border-width:2px;
  border-color:color-mix(in srgb,var(--player-accent) 21%,white);
  background:
    radial-gradient(circle at 96% 4%,color-mix(in srgb,var(--player-accent) 11%,transparent),transparent 29%),
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(249,251,255,.98));
  box-shadow:
    0 12px 28px rgba(35,51,83,.10),
    inset 0 1px 0 rgba(255,255,255,.85);
}

.t3fcg-player::before{
  height:5px;
}

.t3fcg-player.correct{
  border-color:#47bf85;
  box-shadow:0 16px 30px rgba(50,174,111,.18);
}

.t3fcg-player.wrong{
  border-color:#e46e78;
  box-shadow:0 15px 28px rgba(211,84,99,.15);
}

.t3fcg-player-head > span{
  box-shadow:0 6px 14px color-mix(in srgb,var(--player-accent) 22%,transparent);
}

.t3fcg-player-head b{
  color:#27354d;
  font-size:11px;
  font-weight:1000;
}

.t3fcg-player-head small{
  color:#7e8aa0;
  font-size:6px;
  font-weight:900;
}

.t3fcg-player-head > strong{
  color:#3e58b0;
  background:linear-gradient(180deg,#eef2ff,#e7edff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
  font-weight:1000;
}

.t3fcg-question{
  border-color:color-mix(in srgb,var(--question-color) 22%,white);
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--question-color) 8%,transparent),transparent 26%),
    linear-gradient(145deg,var(--question-soft),#fff);
  box-shadow:0 8px 16px rgba(37,52,86,.06);
}

.t3fcg-question-symbol small{
  color:#778399;
  font-size:6px;
  font-weight:1000;
}

.t3fcg-question-symbol strong{
  color:var(--question-color);
  text-shadow:0 1px 0 rgba(255,255,255,.55);
  font-weight:1000;
}

.t3fcg-question-symbol span{
  color:#627089;
  font-size:7px;
  font-weight:900;
}

.t3fcg-listen{
  border-color:#d6dfeb;
  color:#3b4b67;
  background:linear-gradient(180deg,#ffffff,#f0f4fa);
  box-shadow:0 5px 12px rgba(44,58,95,.07);
  font-weight:1000;
}

.t3fcg-listen:hover{
  border-color:#9fb2df;
  color:#294066;
  background:linear-gradient(180deg,#ffffff,#e9f1ff);
}

.t3fcg-question-data{
  border-top-color:rgba(64,78,112,.10);
}

.t3fcg-question-data span,
.t3fcg-question-data small{
  color:#6f7c92;
  font-size:6.5px;
  font-weight:900;
}

.t3fcg-target span{
  color:#415fbd;
  background:linear-gradient(180deg,#eef2ff,#e7eeff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  font-weight:1000;
}

.t3fcg-target b{
  color:#5f6d84;
  font-size:7px;
  font-weight:1000;
}

.t3fcg-player-state{
  color:#5c6981;
  background:linear-gradient(180deg,#eff3f8,#e8eef5);
  font-size:6.5px;
  font-weight:1000;
}

.t3fcg-player.correct .t3fcg-player-state{
  color:#1f7a4f;
  background:linear-gradient(180deg,#e9fff3,#dcf8ea);
}

.t3fcg-player.wrong .t3fcg-player-state{
  color:#b0404d;
  background:linear-gradient(180deg,#fff1f3,#ffe7ea);
}

/* ---------- Family / Degree builder ---------- */

.t3fcg-answer-builder{
  border-color:#dde5f0;
  background:
    radial-gradient(circle at 100% 0,rgba(88,122,237,.06),transparent 30%),
    linear-gradient(145deg,#f9fbff,#fff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}

.t3fcg-answer-step > span{
  box-shadow:0 5px 11px rgba(70,91,158,.18);
}

.t3fcg-answer-step > b{
  color:#42516a;
  font-size:7px;
  font-weight:1000;
}

.t3fcg-answer-step > small{
  color:#73819a;
  font-size:6px;
  font-weight:1000;
}

.t3fcg-family-select button{
  box-shadow:0 4px 10px rgba(36,52,86,.05);
  font-weight:1000;
}

.t3fcg-family-select button:hover:not(:disabled){
  border-color:var(--family-choice);
  color:var(--family-choice);
  background:linear-gradient(145deg,color-mix(in srgb,var(--family-choice-soft) 80%,white),#fff);
}

.t3fcg-family-select button.active{
  color:#fff;
  font-weight:1000;
}

.t3fcg-degree-select button{
  box-shadow:0 3px 8px rgba(36,52,86,.05);
  font-weight:1000;
}

.t3fcg-degree-select button.selected{
  color:#fff;
  font-weight:1000;
}

.t3fcg-degree-select button.correct-option{
  box-shadow:0 6px 12px rgba(66,185,125,.13);
}

.t3fcg-degree-select button.wrong-option{
  box-shadow:0 6px 12px rgba(225,106,115,.10);
}

.t3fcg-selected-wrap{
  border-top-color:#e3e8f0;
}

.t3fcg-selected-wrap > small{
  color:#73819a;
  font-size:6px;
  font-weight:1000;
}

.t3fcg-selected-answer{
  box-shadow:0 4px 10px rgba(36,52,86,.06);
}

.t3fcg-selected-answer b,
.t3fcg-selected-answer strong{
  font-weight:1000;
}

.t3fcg-selected-empty{
  color:#8995a8;
  font-size:6.5px;
  font-weight:900;
}

/* ---------- Results ---------- */

.t3fcg-results-card{
  border:1px solid rgba(255,255,255,.96);
  background:
    radial-gradient(circle at 100% 0,rgba(245,211,73,.12),transparent 22%),
    radial-gradient(circle at 0 100%,rgba(95,132,255,.08),transparent 23%),
    rgba(255,255,255,.97);
  box-shadow:
    0 24px 58px rgba(35,53,88,.18),
    inset 0 1px 0 rgba(255,255,255,.88);
}

.t3fcg-results-card > span{
  color:#6d7a90;
  font-size:9px;
  font-weight:1000;
}

.t3fcg-results-card h2{
  color:#263149;
  font-weight:1000;
}

.t3fcg-results-card > p{
  color:#65738b;
  font-size:9px;
  font-weight:900;
}

.t3fcg-ranking article{
  border-color:#dfe6ef;
  background:linear-gradient(180deg,#fbfcfe,#f5f8fc);
  box-shadow:0 6px 14px rgba(39,53,86,.05);
}

.t3fcg-ranking article.winner{
  border-color:#e0c25b;
  background:linear-gradient(135deg,#fff7d3,#fffef4 58%,#fff);
  box-shadow:0 10px 18px rgba(224,194,91,.12);
}

.t3fcg-ranking b{
  color:#2b3850;
  font-size:11px;
  font-weight:1000;
}

.t3fcg-ranking small{
  color:#7c889c;
  font-size:7px;
  font-weight:900;
}

.t3fcg-ranking article > strong{
  color:#3b58b8;
  font-size:13px;
  font-weight:1000;
}

.t3fcg-result-actions button{
  font-size:9px;
  font-weight:1000;
  letter-spacing:.02em;
  box-shadow:0 12px 22px rgba(72,77,190,.18);
}

.t3fcg-result-actions button.light{
  color:#5c6981;
  background:linear-gradient(180deg,#f3f6fa,#e9eef5);
  box-shadow:none;
}


/* =========================================================
   v1.6.2 · Game polish · καθαρά γράμματα · έντονα χρώματα
   ========================================================= */

.mrtb-app.mrtb-t3fc-game-active{
  --t3fcg-ink:#18233a;
  --t3fcg-text:#33425d;
  --t3fcg-muted:#5d6d88;
  --t3fcg-line:#d6dfed;
  --t3fcg-blue:#3f7df2;
  --t3fcg-blue-dark:#285ac4;
  --t3fcg-purple:#7552e9;
  --t3fcg-green:#28a86a;
  --t3fcg-orange:#ef8b32;
  --t3fcg-red:#dc5968;
}

/* ---------- Πιο καθαρό γενικό background ---------- */

.mrtb-app.mrtb-t3fc-game-active .mrtb-board{
  background:
    radial-gradient(circle at 8% 10%,rgba(63,125,242,.28),transparent 25%),
    radial-gradient(circle at 92% 8%,rgba(117,82,233,.22),transparent 27%),
    radial-gradient(circle at 83% 94%,rgba(40,168,106,.19),transparent 29%),
    linear-gradient(145deg,#e7f6ff 0%,#f3efff 48%,#effff5 100%) !important;
}

.mrtb-app.mrtb-t3fc-game-active .t3fcg-shell,
.mrtb-app.mrtb-t3fc-game-active .t3fcg-shell button,
.mrtb-app.mrtb-t3fc-game-active .t3fcg-shell input{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* ---------- Setup hero ---------- */

.t3fcg-setup-hero{
  border:1px solid rgba(74,98,161,.16);
  background:
    radial-gradient(circle at 96% 4%,rgba(117,82,233,.16),transparent 28%),
    radial-gradient(circle at 4% 100%,rgba(40,168,106,.14),transparent 25%),
    linear-gradient(145deg,#ffffff 0%,#f4f7ff 60%,#f3fff8 100%);
  box-shadow:
    0 18px 42px rgba(30,48,83,.16),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.t3fcg-setup-hero > div:first-child > span{
  color:#365cc4;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.10em;
}

.t3fcg-setup-hero h2{
  color:var(--t3fcg-ink);
  font-size:clamp(25px,2.8vw,39px);
  font-weight:1000;
  text-shadow:0 1px 0 #fff;
}

.t3fcg-setup-hero p{
  color:#42516b;
  font-size:12.5px;
  line-height:1.5;
  font-weight:900;
}

.t3fcg-setup-hero p b{
  color:#24334f;
  font-weight:1000;
}

/* ---------- Family badges ---------- */

.t3fcg-family-badges b{
  min-height:32px;
  padding:8px 12px;
  border:1px solid rgba(62,86,151,.14);
  border-radius:12px;
  color:#253650;
  background:#fff;
  box-shadow:0 6px 14px rgba(35,51,83,.08);
  font-size:9.5px;
  font-weight:1000;
}

.t3fcg-family-badges b:nth-child(1){
  color:#285ac4;
  background:linear-gradient(145deg,#eaf3ff,#fff);
}

.t3fcg-family-badges b:nth-child(2){
  color:#b86520;
  background:linear-gradient(145deg,#fff0df,#fff);
}

.t3fcg-family-badges b:nth-child(3){
  color:#6742c8;
  background:linear-gradient(145deg,#f1eaff,#fff);
}

/* ---------- Setup cards ---------- */

.t3fcg-setup-card{
  border:1px solid rgba(69,90,145,.14);
  background:
    linear-gradient(180deg,#ffffff 0%,#f8faff 100%);
  box-shadow:
    0 15px 34px rgba(32,49,82,.11),
    inset 0 1px 0 rgba(255,255,255,.96);
}

.t3fcg-setup-card > header{
  padding-bottom:8px;
  border-bottom:1px solid #e2e8f1;
}

.t3fcg-setup-card > header b{
  color:#20304a;
  font-size:13px;
  font-weight:1000;
}

.t3fcg-setup-card > header span{
  color:#5f6f88;
  font-size:8.5px;
  font-weight:950;
}

/* ---------- Counters / rounds ---------- */

.t3fcg-count-buttons button,
.t3fcg-round-buttons button{
  min-height:38px;
  border-color:#d1dbea;
  color:#394961;
  background:linear-gradient(180deg,#fff,#f1f5fb);
  box-shadow:0 4px 10px rgba(34,49,79,.06);
  font-size:12px;
  font-weight:1000;
}

.t3fcg-count-buttons button:hover,
.t3fcg-round-buttons button:hover{
  border-color:#8ca9e2;
  color:#214a9c;
  background:linear-gradient(180deg,#fff,#eaf2ff);
}

.t3fcg-count-buttons button.active,
.t3fcg-round-buttons button.active{
  border-color:#315fca;
  color:#fff;
  background:linear-gradient(135deg,#4384f4,#684ee2);
  box-shadow:0 9px 18px rgba(70,87,190,.28);
}

/* ---------- Names ---------- */

.t3fcg-name-grid label{
  border-color:#d5deeb;
  background:linear-gradient(180deg,#fbfdff,#f3f7fb);
}

.t3fcg-name-grid label > span{
  background:linear-gradient(135deg,#405a96,#283b68);
  box-shadow:0 6px 13px rgba(49,67,108,.20);
}

.t3fcg-name-grid input{
  color:#1f2d45;
  font-size:10.5px;
  font-weight:1000;
}

.t3fcg-name-grid input::placeholder{
  color:#7f8ca0;
  opacity:1;
}

/* ---------- Levels ---------- */

.t3fcg-level-grid button{
  border-color:#d7e0ec;
  color:#40506a;
  background:linear-gradient(180deg,#fff,#f4f7fc);
  box-shadow:0 7px 15px rgba(35,50,81,.06);
}

.t3fcg-level-grid button strong{
  color:#3c59b1;
  background:#e8eeff;
  font-weight:1000;
}

.t3fcg-level-grid button b{
  color:#1f2e47;
  font-size:11.5px;
  font-weight:1000;
}

.t3fcg-level-grid button small{
  color:#5e6e88;
  font-size:7.3px;
  line-height:1.28;
  font-weight:950;
}

.t3fcg-level-grid button:hover{
  border-color:#9eb1e0;
  background:linear-gradient(180deg,#fff,#edf3ff);
}

.t3fcg-level-grid button.active{
  border-color:#5975d7;
  background:
    radial-gradient(circle at 100% 0,rgba(117,82,233,.13),transparent 35%),
    linear-gradient(145deg,#eaf2ff,#f4ebff);
  box-shadow:0 12px 22px rgba(70,86,185,.18);
}

.t3fcg-level-grid button.active strong{
  color:#fff;
  background:linear-gradient(135deg,#4384f4,#7552e9);
}

/* ---------- Help / start ---------- */

.t3fcg-howto{
  border-color:rgba(63,103,205,.18);
  background:
    linear-gradient(145deg,#edf5ff,#f8f2ff);
}

.t3fcg-howto > b{
  color:#2f4ea9;
  font-size:10.5px;
  font-weight:1000;
}

.t3fcg-howto p{
  color:#4d5e78;
  font-size:8.5px;
  line-height:1.48;
  font-weight:950;
}

.t3fcg-howto p b{
  color:#263650;
  font-weight:1000;
}

.t3fcg-start{
  min-height:48px;
  color:#fff;
  background:linear-gradient(135deg,#3f7df2,#7552e9);
  box-shadow:
    0 13px 24px rgba(71,73,188,.27),
    inset 0 -2px 0 rgba(0,0,0,.11);
  font-size:11px;
  font-weight:1000;
}

.t3fcg-start:hover{
  background:linear-gradient(135deg,#3371e8,#6746d8);
}

.t3fcg-close{
  color:#495973;
  background:linear-gradient(180deg,#f4f7fb,#e7edf5);
  font-size:9.5px;
  font-weight:1000;
}

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

.t3fcg-hud{
  border:1px solid rgba(67,87,142,.14);
  background:
    radial-gradient(circle at 100% 0,rgba(63,125,242,.09),transparent 30%),
    linear-gradient(180deg,#ffffff,#f7f9fd);
  box-shadow:
    0 15px 34px rgba(33,49,81,.13),
    inset 0 1px 0 rgba(255,255,255,.96);
}

.t3fcg-round{
  background:linear-gradient(145deg,#21334f,#46639a);
  box-shadow:0 10px 21px rgba(33,49,81,.25);
}

.t3fcg-round small,
.t3fcg-round span{
  font-weight:1000;
}

.t3fcg-hud-copy > span{
  color:#365fc7;
  font-size:7.5px;
  font-weight:1000;
}

.t3fcg-hud-copy h2{
  color:#1f2c43;
  font-size:18.5px;
  font-weight:1000;
}

.t3fcg-hud-copy small{
  color:#5c6c86;
  font-size:8.5px;
  font-weight:950;
}

.t3fcg-progress{
  border-color:#d9e2ee;
  background:linear-gradient(180deg,#f9fbfe,#eef3f9);
}

.t3fcg-progress strong{
  color:#24344d;
  font-weight:1000;
}

.t3fcg-progress span{
  color:#5f6f87;
  font-weight:1000;
}

.t3fcg-progress > i{
  background:#dce5f0;
}

.t3fcg-progress > i > b{
  background:linear-gradient(90deg,#3f7df2,#7552e9);
}

/* ---------- Player cards ---------- */

.t3fcg-player{
  border-width:2px;
  border-color:color-mix(in srgb,var(--player-accent) 25%,white);
  background:
    radial-gradient(circle at 96% 4%,color-mix(in srgb,var(--player-accent) 13%,transparent),transparent 30%),
    linear-gradient(180deg,#ffffff,#f8faff);
  box-shadow:
    0 13px 29px rgba(32,48,79,.11),
    inset 0 1px 0 rgba(255,255,255,.96);
}

.t3fcg-player::before{
  height:5px;
}

.t3fcg-player-head b{
  color:#1f2d44;
  font-size:11.5px;
  font-weight:1000;
}

.t3fcg-player-head small{
  color:#677790;
  font-size:6.5px;
  font-weight:950;
}

.t3fcg-player-head > strong{
  color:#314fac;
  background:linear-gradient(180deg,#edf2ff,#e2e9ff);
  font-weight:1000;
}

.t3fcg-question{
  border-color:color-mix(in srgb,var(--question-color) 28%,white);
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--question-color) 10%,transparent),transparent 28%),
    linear-gradient(145deg,var(--question-soft),#fff);
  box-shadow:0 8px 17px rgba(31,47,77,.07);
}

.t3fcg-question-symbol small{
  color:#596981;
  font-size:6.5px;
  font-weight:1000;
}

.t3fcg-question-symbol strong{
  color:var(--question-color);
  font-weight:1000;
}

.t3fcg-question-symbol span{
  color:#4f5f78;
  font-size:7.5px;
  font-weight:950;
}

.t3fcg-question-data span,
.t3fcg-question-data small{
  color:#56667f;
  font-size:6.8px;
  font-weight:950;
}

.t3fcg-listen{
  border-color:#cad6e7;
  color:#30415e;
  background:linear-gradient(180deg,#fff,#edf2f8);
  box-shadow:0 5px 12px rgba(31,46,77,.08);
}

.t3fcg-listen:hover{
  border-color:#8ea8de;
  color:#244ea6;
  background:linear-gradient(180deg,#fff,#e7f0ff);
}

/* ---------- Target ---------- */

.t3fcg-target span{
  color:#3156bb;
  background:linear-gradient(180deg,#edf2ff,#e2e9ff);
  font-weight:1000;
}

.t3fcg-target b{
  color:#4e5e78;
  font-size:7.4px;
  font-weight:1000;
}

/* ---------- Family selection ---------- */

.t3fcg-answer-builder{
  border-color:#d8e1ed;
  background:
    radial-gradient(circle at 100% 0,rgba(63,125,242,.07),transparent 31%),
    linear-gradient(145deg,#f8fbff,#fff);
}

.t3fcg-answer-step > span{
  background:linear-gradient(135deg,#3f7df2,#7552e9);
}

.t3fcg-answer-step > b{
  color:#31405a;
  font-size:7.4px;
  font-weight:1000;
}

.t3fcg-answer-step > small{
  color:#5a6a83;
  font-size:6.4px;
  font-weight:1000;
}

/* Ionian */
.t3fcg-family-select button[data-t3fcg-family="ionian"]{
  border-color:#9dbcf3;
  color:#285ac4;
  background:linear-gradient(145deg,#eaf3ff,#fff);
}

/* Harmonic */
.t3fcg-family-select button[data-t3fcg-family="harmonic"]{
  border-color:#efbf94;
  color:#b86320;
  background:linear-gradient(145deg,#fff0df,#fff);
}

/* Melodic */
.t3fcg-family-select button[data-t3fcg-family="melodic"]{
  border-color:#c3afe9;
  color:#6742c8;
  background:linear-gradient(145deg,#f1eaff,#fff);
}

.t3fcg-family-select button{
  min-height:33px;
  font-size:8px;
  font-weight:1000;
}

.t3fcg-family-select button.active{
  border-color:var(--family-choice);
  color:#fff;
  background:var(--family-choice);
  box-shadow:0 7px 14px color-mix(in srgb,var(--family-choice) 27%,transparent);
}

/* ---------- Degree selection ---------- */

.t3fcg-degree-select button{
  min-height:31px;
  border-color:#d3ddea;
  color:#34435c;
  background:linear-gradient(180deg,#fff,#f3f6fa);
  font-size:8.5px;
  font-weight:1000;
}

.t3fcg-degree-select button:hover:not(:disabled){
  border-color:var(--player-accent);
  color:var(--player-accent);
  background:#fff;
}

.t3fcg-degree-select button.selected{
  color:#fff;
  background:var(--player-accent);
  box-shadow:0 5px 11px color-mix(in srgb,var(--player-accent) 25%,transparent);
}

/* ---------- Selected answers ---------- */

.t3fcg-selected-wrap > small{
  color:#586881;
  font-size:6.5px;
  font-weight:1000;
}

.t3fcg-selected-answer{
  border-color:color-mix(in srgb,var(--answer-family) 45%,white);
  color:var(--answer-family);
  background:color-mix(in srgb,var(--answer-family) 12%,white);
  box-shadow:0 5px 11px rgba(31,47,77,.07);
}

.t3fcg-selected-answer b,
.t3fcg-selected-answer strong{
  font-size:7.5px;
  font-weight:1000;
}

.t3fcg-selected-empty{
  color:#748197;
  font-size:6.8px;
  font-weight:950;
}

/* ---------- Player state ---------- */

.t3fcg-player-state{
  color:#46566f;
  background:linear-gradient(180deg,#eef3f8,#e4ebf3);
  font-size:7px;
  font-weight:1000;
}

.t3fcg-player.correct .t3fcg-player-state{
  color:#19794b;
  background:linear-gradient(180deg,#e8fff3,#d9f7e8);
}

.t3fcg-player.wrong .t3fcg-player-state{
  color:#ad3544;
  background:linear-gradient(180deg,#fff0f2,#ffe3e7);
}

/* ---------- Results ---------- */

.t3fcg-results-card{
  border-color:rgba(73,91,142,.14);
  background:
    radial-gradient(circle at 100% 0,rgba(255,211,76,.15),transparent 23%),
    radial-gradient(circle at 0 100%,rgba(63,125,242,.10),transparent 24%),
    linear-gradient(180deg,#fff,#fafbfe);
}

.t3fcg-results-card > span{
  color:#596981;
  font-weight:1000;
}

.t3fcg-results-card h2{
  color:#1f2c43;
  font-weight:1000;
}

.t3fcg-results-card > p{
  color:#506079;
  font-weight:950;
}

.t3fcg-ranking article{
  border-color:#d9e2ee;
  background:linear-gradient(180deg,#fbfdff,#f3f7fb);
}

.t3fcg-ranking article.winner{
  border-color:#dfbd46;
  background:linear-gradient(135deg,#fff5bd,#fffbea 60%,#fff);
}

.t3fcg-ranking b{
  color:#223149;
  font-weight:1000;
}

.t3fcg-ranking small{
  color:#65758d;
  font-weight:950;
}

.t3fcg-ranking article > strong{
  color:#3157b9;
  font-weight:1000;
}

/* ---------- Μεγαλύτερα γράμματα σε 1–2 παίκτες ---------- */

.t3fcg-players.count-1 .t3fcg-player-head b,
.t3fcg-players.count-2 .t3fcg-player-head b{
  font-size:13px;
}

.t3fcg-players.count-1 .t3fcg-question-symbol strong,
.t3fcg-players.count-2 .t3fcg-question-symbol strong{
  font-size:27px;
}

.t3fcg-players.count-1 .t3fcg-question-symbol span,
.t3fcg-players.count-2 .t3fcg-question-symbol span{
  font-size:8.5px;
}

.t3fcg-players.count-1 .t3fcg-answer-step > b,
.t3fcg-players.count-2 .t3fcg-answer-step > b{
  font-size:8.5px;
}

.t3fcg-players.count-1 .t3fcg-family-select button,
.t3fcg-players.count-2 .t3fcg-family-select button{
  font-size:10px;
}

.t3fcg-players.count-1 .t3fcg-degree-select button,
.t3fcg-players.count-2 .t3fcg-degree-select button{
  font-size:11px;
}

/* ---------- Mobile readability ---------- */

@media (max-width:620px){
  .t3fcg-setup-hero p{
    font-size:11.5px;
  }

  .t3fcg-setup-card > header b{
    font-size:12px;
  }

  .t3fcg-level-grid button b{
    font-size:11px;
  }

  .t3fcg-level-grid button small{
    font-size:7.5px;
  }

  .t3fcg-player-head b{
    font-size:11.5px;
  }

  .t3fcg-question-symbol strong{
    font-size:19px;
  }

  .t3fcg-family-select button{
    min-height:36px;
    font-size:9px;
  }

  .t3fcg-degree-select button{
    min-height:34px;
    font-size:9.5px;
  }
}


/* =========================================================
   v1.6.3 · Πιο game-like εμφάνιση · έντονα κουμπιά / contrast
   ========================================================= */

.mrtb-app.mrtb-t3fc-game-active{
  --t3fcg-deep:#172642;
  --t3fcg-deep-2:#24385c;
  --t3fcg-soft:#eef4ff;
  --t3fcg-card:#ffffff;
  --t3fcg-line:#cbd7ea;
  --t3fcg-shadow:0 14px 28px rgba(28,46,86,.14);
  --t3fcg-shadow-sm:0 6px 14px rgba(28,46,86,.10);
}

/* ---------- πιο “παιχνιδίσιο” συνολικό panel ---------- */

.mrtb-app.mrtb-t3fc-game-active .t3fcg-shell{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 0,rgba(63,125,242,.10),transparent 18%),
    radial-gradient(circle at 100% 0,rgba(117,82,233,.10),transparent 18%),
    linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.52));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 16px 34px rgba(26,44,81,.10);
}

.mrtb-app.mrtb-t3fc-game-active .t3fcg-shell::before{
  content:'';
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:6px;
  background:linear-gradient(90deg,#3f7df2,#7552e9,#28a86a,#ef8b32);
  opacity:.95;
  pointer-events:none;
}

/* ---------- hero / header ---------- */

.t3fcg-hud{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(73,93,148,.18);
  background:
    radial-gradient(circle at 100% 0,rgba(63,125,242,.12),transparent 28%),
    radial-gradient(circle at 0 100%,rgba(117,82,233,.09),transparent 24%),
    linear-gradient(180deg,#ffffff,#f6f9ff);
  box-shadow:
    0 18px 40px rgba(28,47,86,.14),
    inset 0 1px 0 rgba(255,255,255,.98);
}

.t3fcg-hud-copy > span{
  color:#3560c9;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.t3fcg-hud-copy h2{
  color:#1a2740;
  font-size:clamp(26px,2.25vw,42px);
  line-height:1.04;
  font-weight:1000;
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}

.t3fcg-hud-copy small{
  color:#566783;
  font-size:11px;
  font-weight:950;
}

.t3fcg-round{
  min-width:118px;
  min-height:112px;
  border-radius:26px;
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(160deg,#20344f,#31538f 58%,#4f7be0);
  box-shadow:
    0 15px 30px rgba(30,48,84,.30),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.t3fcg-round small{
  color:#dce6ff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.10em;
}

.t3fcg-round span{
  color:#fff;
  font-size:54px;
  line-height:1;
  font-weight:1000;
  text-shadow:0 3px 10px rgba(0,0,0,.18);
}

.t3fcg-progress{
  border-radius:22px;
  border:1px solid #d5dff0;
  background:linear-gradient(180deg,#fdfefe,#eff4fb);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}

.t3fcg-progress strong{
  color:#21314c;
  font-size:26px;
  font-weight:1000;
}

.t3fcg-progress span{
  color:#53637e;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
}

.t3fcg-progress > i{
  height:12px;
  border-radius:999px;
  background:#dde6f1;
  box-shadow:inset 0 1px 2px rgba(18,33,60,.10);
}

.t3fcg-progress > i > b{
  border-radius:999px;
  background:linear-gradient(90deg,#3f7df2,#7552e9,#28a86a);
  box-shadow:0 4px 10px rgba(63,125,242,.22);
}

.t3fcg-hud-close{
  width:54px;
  height:54px;
  border-radius:18px;
  border:1px solid #d8dfeb;
  color:#5b6c86;
  background:linear-gradient(180deg,#fbfcff,#edf2f8);
  box-shadow:var(--t3fcg-shadow-sm);
  font-size:22px;
  font-weight:1000;
}

.t3fcg-hud-close:hover{
  color:#223a66;
  background:linear-gradient(180deg,#fff,#e7eef9);
}

/* ---------- player cards ---------- */

.t3fcg-player{
  position:relative;
  overflow:hidden;
  border-width:2px;
  border-radius:24px;
  border-color:color-mix(in srgb,var(--player-accent) 28%,white);
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--player-accent) 13%,transparent),transparent 28%),
    linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:
    0 14px 30px rgba(29,45,81,.12),
    inset 0 1px 0 rgba(255,255,255,.98);
}

.t3fcg-player::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 12%);
  pointer-events:none;
}

.t3fcg-player-head{
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(206,218,236,.72);
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,250,255,.92));
}

.t3fcg-player-head > span{
  width:36px;
  height:36px;
  border-radius:12px;
  box-shadow:0 8px 16px color-mix(in srgb,var(--player-accent) 25%,transparent);
  font-size:15px;
  font-weight:1000;
}

.t3fcg-player-head b{
  color:#1d2a42;
  font-size:18px;
  font-weight:1000;
  line-height:1.05;
}

.t3fcg-player-head small{
  color:#607089;
  font-size:9px;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.t3fcg-player-head > strong{
  min-width:34px;
  min-height:34px;
  border-radius:12px;
  font-size:18px;
  font-weight:1000;
  color:#304fae;
  background:linear-gradient(180deg,#eef3ff,#dee7ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}

/* ---------- question block ---------- */

.t3fcg-question{
  border-width:2px;
  border-radius:22px;
  padding:14px 14px 10px;
  box-shadow:0 10px 20px rgba(29,45,81,.08);
}

.t3fcg-question-symbol small{
  color:#55657f;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.05em;
}

.t3fcg-question-symbol strong{
  color:var(--question-color);
  font-size:clamp(28px,2.3vw,50px);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.04em;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}

.t3fcg-question-symbol span{
  color:#4a5971;
  font-size:13px;
  font-weight:1000;
}

.t3fcg-listen{
  width:54px;
  height:54px;
  border-radius:18px;
  border:2px solid #cfdaea;
  color:#283c60;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.95),rgba(255,255,255,.75) 32%,transparent 33%),
    linear-gradient(180deg,#ffffff,#edf2f8);
  box-shadow:
    0 8px 18px rgba(34,49,80,.10),
    inset 0 1px 0 rgba(255,255,255,.95);
  font-size:22px;
  font-weight:1000;
}

.t3fcg-listen:hover{
  border-color:#92a9dc;
  color:#214ba1;
  background:linear-gradient(180deg,#fff,#e8f0ff);
  transform:translateY(-1px);
}

.t3fcg-question-data{
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid rgba(198,210,228,.86);
}

.t3fcg-question-data span,
.t3fcg-question-data small{
  color:#576780;
  font-size:10px;
  font-weight:950;
}

/* ---------- target badge ---------- */

.t3fcg-target{
  margin-top:8px;
  align-items:center;
}

.t3fcg-target span{
  min-height:28px;
  padding:6px 12px;
  border-radius:999px;
  color:#3157bb;
  background:linear-gradient(180deg,#ebf2ff,#dfe8ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  font-size:12px;
  font-weight:1000;
}

.t3fcg-target b{
  color:#50607b;
  font-size:11px;
  font-weight:1000;
}

/* ---------- interactive answer area ---------- */

.t3fcg-answer-builder{
  border:2px solid #d6dfed;
  border-radius:22px;
  padding:12px;
  background:
    radial-gradient(circle at 100% 0,rgba(63,125,242,.08),transparent 31%),
    linear-gradient(145deg,#fbfdff,#f7faff 52%,#fff);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 8px 18px rgba(29,45,81,.06);
}

.t3fcg-answer-step{
  margin-bottom:4px;
}

.t3fcg-answer-step > span{
  width:24px;
  height:24px;
  border-radius:8px;
  background:linear-gradient(135deg,#3f7df2,#7552e9);
  box-shadow:0 7px 14px rgba(70,88,190,.22);
  font-size:11px;
  font-weight:1000;
}

.t3fcg-answer-step > b{
  color:#2c3b57;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.t3fcg-answer-step > small{
  color:#5b6b84;
  font-size:10px;
  font-weight:1000;
}

.t3fcg-family-select{
  gap:10px;
  margin-bottom:10px;
}

.t3fcg-family-select button{
  min-height:58px;
  border-width:2px;
  border-radius:18px;
  box-shadow:0 8px 18px rgba(30,46,79,.08);
  font-size:20px;
  font-weight:1000;
  letter-spacing:.01em;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.t3fcg-family-select button:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 12px 22px rgba(29,45,81,.13);
}

.t3fcg-family-select button.active{
  transform:translateY(-1px);
  color:#fff;
  text-shadow:0 1px 0 rgba(0,0,0,.10);
  box-shadow:0 14px 24px color-mix(in srgb,var(--family-choice) 30%,transparent);
}

.t3fcg-family-select button[data-t3fcg-family="ionian"]{
  border-color:#8bb0f2;
  color:#285ac4;
  background:linear-gradient(145deg,#e9f2ff,#ffffff);
}
.t3fcg-family-select button[data-t3fcg-family="harmonic"]{
  border-color:#f0b785;
  color:#c16e24;
  background:linear-gradient(145deg,#fff0df,#ffffff);
}
.t3fcg-family-select button[data-t3fcg-family="melodic"]{
  border-color:#bca8ea;
  color:#6d45d4;
  background:linear-gradient(145deg,#f1eaff,#ffffff);
}
.t3fcg-family-select button[data-t3fcg-family="ionian"].active{
  background:linear-gradient(135deg,#3f7df2,#285ac4);
}
.t3fcg-family-select button[data-t3fcg-family="harmonic"].active{
  background:linear-gradient(135deg,#f39b3d,#c96b1c);
}
.t3fcg-family-select button[data-t3fcg-family="melodic"].active{
  background:linear-gradient(135deg,#8e63f0,#6d45d4);
}

.t3fcg-degree-select{
  gap:8px;
}

.t3fcg-degree-select button{
  min-height:58px;
  border:2px solid #d2dced;
  border-radius:18px;
  color:#34445d;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.95),transparent 28%),
    linear-gradient(180deg,#fff,#eff4fb);
  box-shadow:
    0 8px 16px rgba(29,45,81,.07),
    inset 0 1px 0 rgba(255,255,255,.98);
  font-size:22px;
  font-weight:1000;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.t3fcg-degree-select button:hover:not(:disabled){
  transform:translateY(-2px);
  border-color:var(--player-accent);
  color:var(--player-accent);
  box-shadow:0 12px 20px color-mix(in srgb,var(--player-accent) 16%,transparent);
  background:linear-gradient(180deg,#fff,#eef4ff);
}

.t3fcg-degree-select button.selected{
  transform:translateY(-1px);
  border-color:var(--player-accent);
  color:#fff;
  background:linear-gradient(135deg,var(--player-accent),color-mix(in srgb,var(--player-accent) 65%,#ffffff));
  box-shadow:0 14px 22px color-mix(in srgb,var(--player-accent) 24%,transparent);
  text-shadow:0 1px 0 rgba(0,0,0,.10);
}

.t3fcg-degree-select button.correct-option{
  border-color:#37b772 !important;
  color:#147a47 !important;
  background:linear-gradient(180deg,#ecfff5,#dbfaea) !important;
  box-shadow:0 9px 16px rgba(55,183,114,.14) !important;
}

.t3fcg-degree-select button.wrong-option{
  border-color:#e06773 !important;
  color:#b33b48 !important;
  background:linear-gradient(180deg,#fff3f4,#ffe3e7) !important;
  box-shadow:0 9px 16px rgba(224,103,115,.12) !important;
}

.t3fcg-selected-wrap{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #dfe6f1;
}

.t3fcg-selected-wrap > small{
  color:#55657f;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.t3fcg-selected-list{
  gap:8px;
  min-height:38px;
}

.t3fcg-selected-answer{
  min-height:36px;
  padding:6px 10px;
  border-width:2px;
  border-radius:999px;
  box-shadow:0 8px 16px rgba(29,45,81,.07);
}

.t3fcg-selected-answer b,
.t3fcg-selected-answer strong{
  font-size:12px;
  font-weight:1000;
}

.t3fcg-selected-answer span{
  width:18px;
  height:18px;
  font-size:12px;
  font-weight:1000;
}

.t3fcg-selected-empty{
  color:#65758f;
  font-size:11px;
  font-weight:950;
}

/* ---------- state footer ---------- */

.t3fcg-player-state{
  margin-top:8px;
  min-height:38px;
  border-radius:14px;
  color:#44546d;
  background:linear-gradient(180deg,#eef3f8,#e5ebf3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
  font-size:11px;
  font-weight:1000;
}

.t3fcg-player.correct .t3fcg-player-state{
  color:#167b4b;
  background:linear-gradient(180deg,#e8fff4,#d7f6e6);
}

.t3fcg-player.wrong .t3fcg-player-state{
  color:#b03443;
  background:linear-gradient(180deg,#fff1f3,#ffe2e6);
}

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

.t3fcg-results-card{
  border:1px solid rgba(74,96,156,.16);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,211,76,.18),transparent 24%),
    radial-gradient(circle at 0 100%,rgba(63,125,242,.09),transparent 24%),
    linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:
    0 24px 58px rgba(26,44,81,.18),
    inset 0 1px 0 rgba(255,255,255,.96);
}

.t3fcg-results-card > span{
  color:#53637c;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.t3fcg-results-card h2{
  color:#1c2941;
  font-size:34px;
  font-weight:1000;
}

.t3fcg-results-card > p{
  color:#51617a;
  font-size:13px;
  font-weight:950;
}

.t3fcg-ranking article{
  min-height:74px;
  border:2px solid #d9e2ee;
  border-radius:18px;
  background:linear-gradient(180deg,#fbfdff,#f3f7fb);
  box-shadow:0 8px 16px rgba(29,45,81,.06);
}

.t3fcg-ranking article.winner{
  border-color:#dfbe52;
  background:
    radial-gradient(circle at 100% 0,rgba(255,223,112,.20),transparent 28%),
    linear-gradient(135deg,#fff5c0,#fffcec 58%,#fff);
  box-shadow:0 12px 22px rgba(223,190,82,.16);
}

.t3fcg-ranking b{
  color:#223149;
  font-size:18px;
  font-weight:1000;
}

.t3fcg-ranking small{
  color:#65758d;
  font-size:10px;
  font-weight:950;
}

.t3fcg-ranking article > strong{
  color:#2f57b8;
  font-size:22px;
  font-weight:1000;
}

.t3fcg-result-actions button{
  min-height:50px;
  border-radius:18px;
  font-size:12px;
  font-weight:1000;
}

.t3fcg-result-actions button:not(.light){
  background:linear-gradient(135deg,#3f7df2,#7552e9);
  box-shadow:0 14px 24px rgba(71,73,188,.22);
}

.t3fcg-result-actions button.light{
  color:#4f607a;
  background:linear-gradient(180deg,#f4f7fb,#e7edf5);
}

/* ---------- 2-player case: ακόμα πιο έντονο ---------- */

.t3fcg-players.count-1 .t3fcg-player-head b,
.t3fcg-players.count-2 .t3fcg-player-head b{
  font-size:24px;
}

.t3fcg-players.count-1 .t3fcg-question-symbol strong,
.t3fcg-players.count-2 .t3fcg-question-symbol strong{
  font-size:52px;
}

.t3fcg-players.count-1 .t3fcg-family-select button,
.t3fcg-players.count-2 .t3fcg-family-select button{
  min-height:64px;
  font-size:22px;
}

.t3fcg-players.count-1 .t3fcg-degree-select button,
.t3fcg-players.count-2 .t3fcg-degree-select button{
  min-height:64px;
  font-size:24px;
}

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

.t3fcg-players.count-7 .t3fcg-family-select button,
.t3fcg-players.count-8 .t3fcg-family-select button,
.t3fcg-players.count-9 .t3fcg-family-select button{
  min-height:42px;
  font-size:13px;
}

.t3fcg-players.count-7 .t3fcg-degree-select button,
.t3fcg-players.count-8 .t3fcg-degree-select button,
.t3fcg-players.count-9 .t3fcg-degree-select button{
  min-height:40px;
  font-size:16px;
}

/* ---------- mobile ---------- */

@media (max-width:900px){
  .t3fcg-round{
    min-width:90px;
    min-height:88px;
  }

  .t3fcg-round span{
    font-size:42px;
  }

  .t3fcg-player-head b{
    font-size:16px;
  }

  .t3fcg-question-symbol strong{
    font-size:34px;
  }

  .t3fcg-family-select button{
    min-height:48px;
    font-size:16px;
  }

  .t3fcg-degree-select button{
    min-height:46px;
    font-size:18px;
  }
}

@media (max-width:620px){
  .t3fcg-hud{
    border-radius:20px;
  }

  .t3fcg-hud-copy h2{
    font-size:24px;
  }

  .t3fcg-progress strong{
    font-size:20px;
  }

  .t3fcg-player{
    border-radius:20px;
  }

  .t3fcg-family-select{
    gap:8px;
  }

  .t3fcg-family-select button{
    min-height:50px;
    font-size:17px;
  }

  .t3fcg-degree-select{
    gap:6px;
  }

  .t3fcg-degree-select button{
    min-height:48px;
    font-size:18px;
  }

  .t3fcg-selected-answer b,
  .t3fcg-selected-answer strong{
    font-size:11px;
  }
}


/* =========================================================
   v1.6.4 · Χωρίς επάνω header στο παιχνίδι · μικρότερες κάρτες
   ========================================================= */

/* Αφαιρούμε εντελώς το επάνω game header / progress / round panel. */
.t3fcg-shell.playing{
  display:block !important;
  gap:0 !important;
}

.t3fcg-shell.playing .t3fcg-hud{
  display:none !important;
}

/* Περισσότερος χώρος για να χωράνε όλοι οι παίκτες. */
.t3fcg-shell.playing .t3fcg-players{
  gap:6px !important;
  margin-top:0 !important;
}

/* Βασικό compact card. */
.t3fcg-shell.playing .t3fcg-player{
  padding:7px !important;
  border-radius:18px !important;
}

.t3fcg-shell.playing .t3fcg-player-head{
  padding-top:7px !important;
  padding-bottom:7px !important;
}

.t3fcg-shell.playing .t3fcg-player-head > span{
  width:30px !important;
  height:30px !important;
  font-size:13px !important;
}

.t3fcg-shell.playing .t3fcg-player-head b{
  font-size:16px !important;
  line-height:1 !important;
}

.t3fcg-shell.playing .t3fcg-player-head small{
  font-size:8px !important;
}

.t3fcg-shell.playing .t3fcg-player-head > strong{
  min-width:28px !important;
  min-height:28px !important;
  font-size:15px !important;
}

.t3fcg-shell.playing .t3fcg-question{
  padding:10px 10px 8px !important;
  border-radius:18px !important;
}

.t3fcg-shell.playing .t3fcg-question-symbol small{
  font-size:8px !important;
}

.t3fcg-shell.playing .t3fcg-question-symbol strong{
  font-size:22px !important;
}

.t3fcg-shell.playing .t3fcg-question-symbol span{
  font-size:10px !important;
}

.t3fcg-shell.playing .t3fcg-listen{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  font-size:18px !important;
}

.t3fcg-shell.playing .t3fcg-question-data{
  margin-top:7px !important;
  padding-top:6px !important;
}

.t3fcg-shell.playing .t3fcg-question-data span,
.t3fcg-shell.playing .t3fcg-question-data small{
  font-size:8px !important;
}

.t3fcg-shell.playing .t3fcg-target span{
  min-height:23px !important;
  padding:4px 9px !important;
  font-size:10px !important;
}

.t3fcg-shell.playing .t3fcg-target b{
  font-size:9px !important;
}

.t3fcg-shell.playing .t3fcg-answer-builder{
  padding:9px !important;
  border-radius:18px !important;
}

.t3fcg-shell.playing .t3fcg-answer-step > span{
  width:20px !important;
  height:20px !important;
  font-size:10px !important;
}

.t3fcg-shell.playing .t3fcg-answer-step > b{
  font-size:10px !important;
}

.t3fcg-shell.playing .t3fcg-answer-step > small{
  font-size:8px !important;
}

.t3fcg-shell.playing .t3fcg-family-select{
  gap:7px !important;
  margin-bottom:8px !important;
}

.t3fcg-shell.playing .t3fcg-family-select button{
  min-height:44px !important;
  border-radius:14px !important;
  font-size:16px !important;
}

.t3fcg-shell.playing .t3fcg-degree-select{
  gap:6px !important;
}

.t3fcg-shell.playing .t3fcg-degree-select button{
  min-height:42px !important;
  border-radius:14px !important;
  font-size:17px !important;
}

.t3fcg-shell.playing .t3fcg-selected-wrap{
  margin-top:8px !important;
  padding-top:8px !important;
}

.t3fcg-shell.playing .t3fcg-selected-wrap > small{
  font-size:8px !important;
}

.t3fcg-shell.playing .t3fcg-selected-answer{
  min-height:30px !important;
  padding:5px 8px !important;
}

.t3fcg-shell.playing .t3fcg-selected-answer b,
.t3fcg-shell.playing .t3fcg-selected-answer strong{
  font-size:10px !important;
}

.t3fcg-shell.playing .t3fcg-selected-empty{
  font-size:9px !important;
}

.t3fcg-shell.playing .t3fcg-player-state{
  min-height:30px !important;
  margin-top:6px !important;
  border-radius:12px !important;
  font-size:9px !important;
}

/* 3 παίκτες */
.t3fcg-players.count-3{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.t3fcg-players.count-3 .t3fcg-player{
  padding:7px !important;
}

.t3fcg-players.count-3 .t3fcg-player-head b{
  font-size:15px !important;
}

.t3fcg-players.count-3 .t3fcg-question-symbol strong{
  font-size:20px !important;
}

.t3fcg-players.count-3 .t3fcg-family-select button{
  min-height:42px !important;
  font-size:14px !important;
}

.t3fcg-players.count-3 .t3fcg-degree-select button{
  min-height:40px !important;
  font-size:16px !important;
}

/* 4 παίκτες */
.t3fcg-players.count-4{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.t3fcg-players.count-4 .t3fcg-player{
  padding:6px !important;
}

.t3fcg-players.count-4 .t3fcg-player-head b{
  font-size:14px !important;
}

.t3fcg-players.count-4 .t3fcg-question{
  padding:8px !important;
}

.t3fcg-players.count-4 .t3fcg-question-symbol strong{
  font-size:19px !important;
}

.t3fcg-players.count-4 .t3fcg-listen{
  width:38px !important;
  height:38px !important;
  font-size:16px !important;
}

.t3fcg-players.count-4 .t3fcg-family-select button{
  min-height:38px !important;
  font-size:13px !important;
}

.t3fcg-players.count-4 .t3fcg-degree-select button{
  min-height:37px !important;
  font-size:14px !important;
}

/* 5–6 παίκτες */
.t3fcg-players.count-5,
.t3fcg-players.count-6{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:5px !important;
}

.t3fcg-players.count-5 .t3fcg-player,
.t3fcg-players.count-6 .t3fcg-player{
  padding:5px !important;
  border-radius:16px !important;
}

.t3fcg-players.count-5 .t3fcg-player-head,
.t3fcg-players.count-6 .t3fcg-player-head{
  padding-top:5px !important;
  padding-bottom:5px !important;
}

.t3fcg-players.count-5 .t3fcg-player-head > span,
.t3fcg-players.count-6 .t3fcg-player-head > span{
  width:26px !important;
  height:26px !important;
  font-size:12px !important;
}

.t3fcg-players.count-5 .t3fcg-player-head b,
.t3fcg-players.count-6 .t3fcg-player-head b{
  font-size:12px !important;
}

.t3fcg-players.count-5 .t3fcg-player-head small,
.t3fcg-players.count-6 .t3fcg-player-head small{
  font-size:7px !important;
}

.t3fcg-players.count-5 .t3fcg-player-head > strong,
.t3fcg-players.count-6 .t3fcg-player-head > strong{
  min-width:24px !important;
  min-height:24px !important;
  font-size:13px !important;
}

.t3fcg-players.count-5 .t3fcg-question,
.t3fcg-players.count-6 .t3fcg-question{
  padding:7px !important;
  border-radius:16px !important;
}

.t3fcg-players.count-5 .t3fcg-question-symbol small,
.t3fcg-players.count-6 .t3fcg-question-symbol small{
  font-size:7px !important;
}

.t3fcg-players.count-5 .t3fcg-question-symbol strong,
.t3fcg-players.count-6 .t3fcg-question-symbol strong{
  font-size:16px !important;
}

.t3fcg-players.count-5 .t3fcg-question-symbol span,
.t3fcg-players.count-6 .t3fcg-question-symbol span{
  font-size:9px !important;
}

.t3fcg-players.count-5 .t3fcg-listen,
.t3fcg-players.count-6 .t3fcg-listen{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  font-size:14px !important;
}

.t3fcg-players.count-5 .t3fcg-question-data,
.t3fcg-players.count-6 .t3fcg-question-data{
  margin-top:5px !important;
  padding-top:5px !important;
}

.t3fcg-players.count-5 .t3fcg-question-data span,
.t3fcg-players.count-5 .t3fcg-question-data small,
.t3fcg-players.count-6 .t3fcg-question-data span,
.t3fcg-players.count-6 .t3fcg-question-data small{
  font-size:7px !important;
}

.t3fcg-players.count-5 .t3fcg-target span,
.t3fcg-players.count-6 .t3fcg-target span{
  min-height:20px !important;
  padding:3px 7px !important;
  font-size:9px !important;
}

.t3fcg-players.count-5 .t3fcg-target b,
.t3fcg-players.count-6 .t3fcg-target b{
  font-size:8px !important;
}

.t3fcg-players.count-5 .t3fcg-answer-builder,
.t3fcg-players.count-6 .t3fcg-answer-builder{
  padding:7px !important;
  border-radius:16px !important;
}

.t3fcg-players.count-5 .t3fcg-answer-step > span,
.t3fcg-players.count-6 .t3fcg-answer-step > span{
  width:18px !important;
  height:18px !important;
  font-size:9px !important;
}

.t3fcg-players.count-5 .t3fcg-answer-step > b,
.t3fcg-players.count-6 .t3fcg-answer-step > b{
  font-size:9px !important;
}

.t3fcg-players.count-5 .t3fcg-answer-step > small,
.t3fcg-players.count-6 .t3fcg-answer-step > small{
  font-size:7px !important;
}

.t3fcg-players.count-5 .t3fcg-family-select,
.t3fcg-players.count-6 .t3fcg-family-select{
  gap:5px !important;
}

.t3fcg-players.count-5 .t3fcg-family-select button,
.t3fcg-players.count-6 .t3fcg-family-select button{
  min-height:34px !important;
  border-radius:12px !important;
  font-size:11px !important;
}

.t3fcg-players.count-5 .t3fcg-degree-select,
.t3fcg-players.count-6 .t3fcg-degree-select{
  gap:4px !important;
}

.t3fcg-players.count-5 .t3fcg-degree-select button,
.t3fcg-players.count-6 .t3fcg-degree-select button{
  min-height:33px !important;
  border-radius:11px !important;
  font-size:12px !important;
}

.t3fcg-players.count-5 .t3fcg-selected-wrap,
.t3fcg-players.count-6 .t3fcg-selected-wrap{
  margin-top:6px !important;
  padding-top:6px !important;
}

.t3fcg-players.count-5 .t3fcg-selected-wrap > small,
.t3fcg-players.count-6 .t3fcg-selected-wrap > small{
  font-size:7px !important;
}

.t3fcg-players.count-5 .t3fcg-selected-answer,
.t3fcg-players.count-6 .t3fcg-selected-answer{
  min-height:25px !important;
  padding:4px 7px !important;
}

.t3fcg-players.count-5 .t3fcg-selected-answer b,
.t3fcg-players.count-5 .t3fcg-selected-answer strong,
.t3fcg-players.count-6 .t3fcg-selected-answer b,
.t3fcg-players.count-6 .t3fcg-selected-answer strong{
  font-size:8px !important;
}

.t3fcg-players.count-5 .t3fcg-selected-answer span,
.t3fcg-players.count-6 .t3fcg-selected-answer span{
  width:15px !important;
  height:15px !important;
  font-size:10px !important;
}

.t3fcg-players.count-5 .t3fcg-selected-empty,
.t3fcg-players.count-6 .t3fcg-selected-empty{
  font-size:7px !important;
}

.t3fcg-players.count-5 .t3fcg-player-state,
.t3fcg-players.count-6 .t3fcg-player-state{
  min-height:24px !important;
  font-size:7px !important;
}

/* 7–9 παίκτες */
.t3fcg-players.count-7,
.t3fcg-players.count-8,
.t3fcg-players.count-9{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:4px !important;
}

.t3fcg-players.count-7 .t3fcg-player,
.t3fcg-players.count-8 .t3fcg-player,
.t3fcg-players.count-9 .t3fcg-player{
  padding:4px !important;
  border-radius:14px !important;
}

.t3fcg-players.count-7 .t3fcg-player-head,
.t3fcg-players.count-8 .t3fcg-player-head,
.t3fcg-players.count-9 .t3fcg-player-head{
  padding-top:4px !important;
  padding-bottom:4px !important;
}

.t3fcg-players.count-7 .t3fcg-player-head > span,
.t3fcg-players.count-8 .t3fcg-player-head > span,
.t3fcg-players.count-9 .t3fcg-player-head > span{
  width:22px !important;
  height:22px !important;
  border-radius:9px !important;
  font-size:10px !important;
}

.t3fcg-players.count-7 .t3fcg-player-head b,
.t3fcg-players.count-8 .t3fcg-player-head b,
.t3fcg-players.count-9 .t3fcg-player-head b{
  font-size:10px !important;
}

.t3fcg-players.count-7 .t3fcg-player-head small,
.t3fcg-players.count-8 .t3fcg-player-head small,
.t3fcg-players.count-9 .t3fcg-player-head small{
  font-size:6px !important;
}

.t3fcg-players.count-7 .t3fcg-player-head > strong,
.t3fcg-players.count-8 .t3fcg-player-head > strong,
.t3fcg-players.count-9 .t3fcg-player-head > strong{
  min-width:20px !important;
  min-height:20px !important;
  border-radius:8px !important;
  font-size:11px !important;
}

.t3fcg-players.count-7 .t3fcg-question,
.t3fcg-players.count-8 .t3fcg-question,
.t3fcg-players.count-9 .t3fcg-question{
  padding:5px !important;
  border-radius:13px !important;
}

.t3fcg-players.count-7 .t3fcg-question-symbol small,
.t3fcg-players.count-8 .t3fcg-question-symbol small,
.t3fcg-players.count-9 .t3fcg-question-symbol small{
  font-size:6px !important;
}

.t3fcg-players.count-7 .t3fcg-question-symbol strong,
.t3fcg-players.count-8 .t3fcg-question-symbol strong,
.t3fcg-players.count-9 .t3fcg-question-symbol strong{
  font-size:13px !important;
}

.t3fcg-players.count-7 .t3fcg-question-symbol span,
.t3fcg-players.count-8 .t3fcg-question-symbol span,
.t3fcg-players.count-9 .t3fcg-question-symbol span{
  font-size:7px !important;
}

.t3fcg-players.count-7 .t3fcg-listen,
.t3fcg-players.count-8 .t3fcg-listen,
.t3fcg-players.count-9 .t3fcg-listen{
  width:28px !important;
  height:28px !important;
  border-radius:10px !important;
  font-size:12px !important;
}

.t3fcg-players.count-7 .t3fcg-question-data,
.t3fcg-players.count-8 .t3fcg-question-data,
.t3fcg-players.count-9 .t3fcg-question-data{
  display:none !important;
}

.t3fcg-players.count-7 .t3fcg-target,
.t3fcg-players.count-8 .t3fcg-target,
.t3fcg-players.count-9 .t3fcg-target{
  margin-top:5px !important;
}

.t3fcg-players.count-7 .t3fcg-target span,
.t3fcg-players.count-8 .t3fcg-target span,
.t3fcg-players.count-9 .t3fcg-target span{
  min-height:18px !important;
  padding:2px 6px !important;
  font-size:8px !important;
}

.t3fcg-players.count-7 .t3fcg-target b,
.t3fcg-players.count-8 .t3fcg-target b,
.t3fcg-players.count-9 .t3fcg-target b{
  font-size:7px !important;
}

.t3fcg-players.count-7 .t3fcg-answer-builder,
.t3fcg-players.count-8 .t3fcg-answer-builder,
.t3fcg-players.count-9 .t3fcg-answer-builder{
  padding:5px !important;
  border-radius:13px !important;
}

.t3fcg-players.count-7 .t3fcg-answer-step,
.t3fcg-players.count-8 .t3fcg-answer-step,
.t3fcg-players.count-9 .t3fcg-answer-step{
  margin-bottom:2px !important;
}

.t3fcg-players.count-7 .t3fcg-answer-step > span,
.t3fcg-players.count-8 .t3fcg-answer-step > span,
.t3fcg-players.count-9 .t3fcg-answer-step > span{
  width:15px !important;
  height:15px !important;
  border-radius:6px !important;
  font-size:8px !important;
}

.t3fcg-players.count-7 .t3fcg-answer-step > b,
.t3fcg-players.count-8 .t3fcg-answer-step > b,
.t3fcg-players.count-9 .t3fcg-answer-step > b{
  font-size:7px !important;
}

.t3fcg-players.count-7 .t3fcg-answer-step > small,
.t3fcg-players.count-8 .t3fcg-answer-step > small,
.t3fcg-players.count-9 .t3fcg-answer-step > small{
  font-size:6px !important;
}

.t3fcg-players.count-7 .t3fcg-family-select,
.t3fcg-players.count-8 .t3fcg-family-select,
.t3fcg-players.count-9 .t3fcg-family-select{
  gap:4px !important;
  margin-bottom:5px !important;
}

.t3fcg-players.count-7 .t3fcg-family-select button,
.t3fcg-players.count-8 .t3fcg-family-select button,
.t3fcg-players.count-9 .t3fcg-family-select button{
  min-height:28px !important;
  border-radius:10px !important;
  font-size:9px !important;
}

.t3fcg-players.count-7 .t3fcg-degree-select,
.t3fcg-players.count-8 .t3fcg-degree-select,
.t3fcg-players.count-9 .t3fcg-degree-select{
  gap:3px !important;
}

.t3fcg-players.count-7 .t3fcg-degree-select button,
.t3fcg-players.count-8 .t3fcg-degree-select button,
.t3fcg-players.count-9 .t3fcg-degree-select button{
  min-height:27px !important;
  border-radius:9px !important;
  font-size:10px !important;
}

.t3fcg-players.count-7 .t3fcg-selected-wrap,
.t3fcg-players.count-8 .t3fcg-selected-wrap,
.t3fcg-players.count-9 .t3fcg-selected-wrap{
  margin-top:4px !important;
  padding-top:4px !important;
}

.t3fcg-players.count-7 .t3fcg-selected-wrap > small,
.t3fcg-players.count-8 .t3fcg-selected-wrap > small,
.t3fcg-players.count-9 .t3fcg-selected-wrap > small{
  font-size:6px !important;
}

.t3fcg-players.count-7 .t3fcg-selected-list,
.t3fcg-players.count-8 .t3fcg-selected-list,
.t3fcg-players.count-9 .t3fcg-selected-list{
  gap:4px !important;
  min-height:20px !important;
}

.t3fcg-players.count-7 .t3fcg-selected-answer,
.t3fcg-players.count-8 .t3fcg-selected-answer,
.t3fcg-players.count-9 .t3fcg-selected-answer{
  min-height:20px !important;
  padding:3px 5px !important;
  border-radius:999px !important;
}

.t3fcg-players.count-7 .t3fcg-selected-answer b,
.t3fcg-players.count-7 .t3fcg-selected-answer strong,
.t3fcg-players.count-8 .t3fcg-selected-answer b,
.t3fcg-players.count-8 .t3fcg-selected-answer strong,
.t3fcg-players.count-9 .t3fcg-selected-answer b,
.t3fcg-players.count-9 .t3fcg-selected-answer strong{
  font-size:7px !important;
}

.t3fcg-players.count-7 .t3fcg-selected-answer span,
.t3fcg-players.count-8 .t3fcg-selected-answer span,
.t3fcg-players.count-9 .t3fcg-selected-answer span{
  width:12px !important;
  height:12px !important;
  font-size:8px !important;
}

.t3fcg-players.count-7 .t3fcg-selected-empty,
.t3fcg-players.count-8 .t3fcg-selected-empty,
.t3fcg-players.count-9 .t3fcg-selected-empty{
  font-size:6px !important;
}

.t3fcg-players.count-7 .t3fcg-player-state,
.t3fcg-players.count-8 .t3fcg-player-state,
.t3fcg-players.count-9 .t3fcg-player-state{
  min-height:20px !important;
  margin-top:4px !important;
  border-radius:10px !important;
  font-size:6px !important;
}

/* Στο mobile παραμένει η καθοδική κλιμάκωση, αλλά κρατάμε touch size. */
@media (max-width:700px){
  .t3fcg-shell.playing .t3fcg-players{
    gap:5px !important;
  }

  .t3fcg-shell.playing .t3fcg-family-select button{
    min-height:40px !important;
    font-size:14px !important;
  }

  .t3fcg-shell.playing .t3fcg-degree-select button{
    min-height:38px !important;
    font-size:15px !important;
  }

  .t3fcg-players.count-7 .t3fcg-family-select button,
  .t3fcg-players.count-8 .t3fcg-family-select button,
  .t3fcg-players.count-9 .t3fcg-family-select button{
    min-height:26px !important;
    font-size:8px !important;
  }

  .t3fcg-players.count-7 .t3fcg-degree-select button,
  .t3fcg-players.count-8 .t3fcg-degree-select button,
  .t3fcg-players.count-9 .t3fcg-degree-select button{
    min-height:26px !important;
    font-size:9px !important;
  }
}


/* =========================================================
   v1.6.5 · 4 παίκτες σε μία οθόνη
   ========================================================= */

@media (min-width:901px){
  .t3fcg-players.count-4{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:4px !important;
  }

  .t3fcg-players.count-4 .t3fcg-player{
    padding:4px !important;
    border-radius:14px !important;
  }

  .t3fcg-players.count-4 .t3fcg-player-head{
    min-height:25px !important;
    padding:3px 2px 4px !important;
    gap:5px !important;
  }

  .t3fcg-players.count-4 .t3fcg-player-head > span{
    width:23px !important;
    height:23px !important;
    border-radius:8px !important;
    font-size:10px !important;
  }

  .t3fcg-players.count-4 .t3fcg-player-head b{
    font-size:11px !important;
  }

  .t3fcg-players.count-4 .t3fcg-player-head small{
    display:none !important;
  }

  .t3fcg-players.count-4 .t3fcg-player-head > strong{
    min-width:22px !important;
    min-height:22px !important;
    border-radius:8px !important;
    font-size:11px !important;
  }

  .t3fcg-players.count-4 .t3fcg-question{
    min-height:42px !important;
    margin-top:3px !important;
    padding:5px 6px !important;
    border-radius:12px !important;
  }

  .t3fcg-players.count-4 .t3fcg-question-symbol small{
    font-size:6px !important;
  }

  .t3fcg-players.count-4 .t3fcg-question-symbol strong{
    font-size:15px !important;
  }

  .t3fcg-players.count-4 .t3fcg-question-symbol span{
    font-size:7px !important;
  }

  .t3fcg-players.count-4 .t3fcg-listen{
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
    font-size:12px !important;
  }

  .t3fcg-players.count-4 .t3fcg-question-data{
    display:none !important;
  }

  .t3fcg-players.count-4 .t3fcg-target{
    min-height:18px !important;
    margin-top:3px !important;
  }

  .t3fcg-players.count-4 .t3fcg-target span{
    min-height:18px !important;
    padding:2px 6px !important;
    font-size:7px !important;
  }

  .t3fcg-players.count-4 .t3fcg-target b{
    font-size:7px !important;
  }

  .t3fcg-players.count-4 .t3fcg-answer-builder{
    gap:3px !important;
    margin-top:2px !important;
    padding:4px !important;
    border-radius:12px !important;
  }

  .t3fcg-players.count-4 .t3fcg-answer-step{
    margin-bottom:1px !important;
  }

  .t3fcg-players.count-4 .t3fcg-answer-step > span{
    width:15px !important;
    height:15px !important;
    border-radius:5px !important;
    font-size:7px !important;
  }

  .t3fcg-players.count-4 .t3fcg-answer-step > b{
    font-size:7px !important;
  }

  .t3fcg-players.count-4 .t3fcg-answer-step > small{
    font-size:6px !important;
  }

  .t3fcg-players.count-4 .t3fcg-family-select{
    gap:4px !important;
    margin-bottom:3px !important;
  }

  .t3fcg-players.count-4 .t3fcg-family-select button{
    min-height:27px !important;
    border-radius:9px !important;
    font-size:9px !important;
  }

  .t3fcg-players.count-4 .t3fcg-degree-select{
    gap:3px !important;
  }

  .t3fcg-players.count-4 .t3fcg-degree-select button{
    min-height:26px !important;
    border-radius:8px !important;
    font-size:10px !important;
  }

  .t3fcg-players.count-4 .t3fcg-selected-wrap{
    margin-top:3px !important;
    padding-top:3px !important;
  }

  .t3fcg-players.count-4 .t3fcg-selected-wrap > small{
    font-size:6px !important;
  }

  .t3fcg-players.count-4 .t3fcg-selected-list{
    min-height:18px !important;
    gap:3px !important;
  }

  .t3fcg-players.count-4 .t3fcg-selected-answer{
    min-height:19px !important;
    padding:2px 5px !important;
  }

  .t3fcg-players.count-4 .t3fcg-selected-answer b,
  .t3fcg-players.count-4 .t3fcg-selected-answer strong{
    font-size:7px !important;
  }

  .t3fcg-players.count-4 .t3fcg-selected-answer span{
    width:11px !important;
    height:11px !important;
    font-size:7px !important;
  }

  .t3fcg-players.count-4 .t3fcg-selected-empty{
    font-size:6px !important;
  }

  .t3fcg-players.count-4 .t3fcg-player-state{
    min-height:19px !important;
    margin-top:3px !important;
    border-radius:8px !important;
    font-size:6px !important;
  }

  /* Όταν δεν έχει επιλεγεί ακόμη απάντηση, δεν κρατά άδειο ύψος. */
  .t3fcg-players.count-4
  .t3fcg-selected-wrap:has(.t3fcg-selected-empty){
    display:none !important;
  }
}