:root{--fd-bg:#071426;--fd-panel:rgba(255,255,255,.09);--fd-line:rgba(255,255,255,.16);--fd-text:#f7fbff;--fd-muted:#bfd0e6;--fd-blue:#48b7ff;--fd-blue2:#1769c2;--fd-ok:#16a36b;--fd-bad:#d84a55;--fd-card:#f8fbff;--fd-ink:#102038;--fd-soft:#eaf2fb}
.fd-mobile-controls-toggle{display:none}.fd-mobile-controls{display:contents}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 15% 0,#153a62 0,#071426 44%,#04101d 100%);color:var(--fd-text)}body{padding:calc(env(safe-area-inset-top,0px) + 10px) 12px calc(env(safe-area-inset-bottom,0px) + 18px)}button,a{font:inherit}.fd-shell{width:min(1120px,100%);margin:auto;display:grid;gap:12px}.fd-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--fd-line);border-radius:18px;background:rgba(4,17,32,.72);backdrop-filter:blur(14px)}.fd-back,.fd-theme{min-height:46px;border:1px solid var(--fd-line);border-radius:14px;background:rgba(255,255,255,.09);color:var(--fd-text);font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px}.fd-theme{width:48px;padding:0}.fd-title{min-width:0;text-align:center}.fd-title h1{font-size:clamp(20px,4vw,30px);line-height:1.05;margin:0}.fd-title p{margin:5px 0 0;color:var(--fd-muted);font-size:13px}.fd-warning{border:1px solid rgba(255,213,106,.42);background:rgba(116,78,8,.24);color:#ffe8a5;border-radius:15px;padding:10px 13px;font-size:13px;line-height:1.35}.fd-activities,.fd-modes{display:grid;gap:9px}.fd-activities{grid-template-columns:repeat(4,minmax(0,1fr))}.fd-activities{margin-bottom:-3px}.fd-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-activity,.fd-mode{min-height:52px;border:1px solid var(--fd-line);border-radius:15px;background:rgba(255,255,255,.08);color:var(--fd-text);font-weight:950;padding:11px 14px}.fd-activity[aria-selected="true"],.fd-mode[aria-selected="true"]{background:linear-gradient(135deg,var(--fd-blue2),var(--fd-blue));border-color:transparent;box-shadow:0 10px 28px rgba(27,129,210,.28)}.fd-board{display:grid;grid-template-columns:minmax(270px,.88fr) minmax(0,1.5fr);gap:12px}.fd-panel{border:1px solid var(--fd-line);border-radius:20px;background:rgba(255,255,255,.08);padding:14px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.fd-panel h2{margin:0 0 8px;font-size:17px}.fd-panel p{margin:0;color:var(--fd-muted);line-height:1.4}.fd-net-wrap{display:grid;place-items:center;min-height:370px;margin-top:10px;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#e5edf7);overflow:hidden}.fd-net{width:min(430px,96%);height:390px;max-width:100%;display:block}.fd-face-label{font-size:21px;font-weight:950;fill:#102038;text-anchor:middle;dominant-baseline:middle}.fd-prompt{font-size:clamp(19px,3.2vw,27px);line-height:1.15;font-weight:950;margin:0 0 12px}.fd-note{font-size:12px;color:var(--fd-muted);margin-bottom:12px}.fd-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fd-option{position:relative;min-height:226px;border:3px solid transparent;border-radius:18px;background:var(--fd-card);color:var(--fd-ink);padding:8px;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.fd-option:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.22)}.fd-option:focus-visible{outline:4px solid #8ed8ff;outline-offset:2px}.fd-option[disabled]{cursor:default}.fd-option.correct{border-color:var(--fd-ok);background:#e8fff4}.fd-option.wrong{border-color:var(--fd-bad);background:#fff0f1}.fd-letter{position:absolute;left:10px;top:10px;z-index:2;width:34px;height:34px;border-radius:999px;background:#102038;color:white;display:grid;place-items:center;font-weight:950}.fd-cube{width:100%;height:205px;display:block}.fd-feedback{min-height:58px;margin-top:11px;border-radius:14px;padding:11px 13px;background:rgba(255,255,255,.08);color:var(--fd-muted);font-weight:800;line-height:1.35}.fd-feedback.ok{background:rgba(22,163,107,.19);color:#c8ffe6;border:1px solid rgba(22,163,107,.42)}.fd-feedback.bad{background:rgba(216,74,85,.19);color:#ffd8dc;border:1px solid rgba(216,74,85,.42)}.fd-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px}.fd-next{min-height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#1268c6,#42b9ff);color:white;font-weight:950;padding:11px 18px}.fd-next:disabled{opacity:.46}.fd-score{color:var(--fd-muted);font-weight:850;font-size:13px}.fd-summary{display:none}.fd-summary.show{display:grid;gap:10px}.fd-summary-card{border-radius:18px;background:var(--fd-card);color:var(--fd-ink);padding:20px;text-align:center}.fd-summary-card strong{display:block;font-size:42px}.fd-hidden{display:none!important}
@media(max-width:820px){body{padding-left:8px;padding-right:8px}.fd-board{grid-template-columns:1fr}.fd-net-wrap{min-height:292px}.fd-net{width:min(390px,94%);height:330px}.fd-options{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-option{min-height:202px}.fd-cube{height:182px}}
@media(max-width:520px){.fd-header{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:8px}.fd-back{font-size:13px;padding:8px 10px;min-height:42px}.fd-theme{width:42px;min-height:42px}.fd-title p{display:none}.fd-warning{font-size:12px}.fd-activities,.fd-modes{gap:7px}.fd-panel{padding:10px;border-radius:16px}.fd-net-wrap{min-height:300px}.fd-net{height:300px}.fd-options{gap:7px}.fd-option{min-height:170px;border-radius:15px;padding:4px}.fd-cube{height:158px}.fd-letter{width:29px;height:29px;font-size:13px;left:7px;top:7px}.fd-prompt{font-size:20px}.fd-actions{align-items:stretch;flex-direction:column}.fd-next{width:100%}.fd-score{text-align:center}.fd-feedback{font-size:13px}.fd-modes{gap:7px}.fd-activity,.fd-mode{font-size:14px;padding:9px}}
@media(max-width:360px){.fd-option{min-height:152px}.fd-cube{height:142px}.fd-net-wrap{min-height:270px}.fd-net{height:270px}.fd-title h1{font-size:18px}}

.fd-activity{border:1px solid var(--fd-line);border-radius:15px;background:rgba(255,255,255,.08);color:var(--fd-text);font-weight:950;padding:11px 14px}.fd-light body{background:#edf4fb;color:#102038}.fd-light .fd-header,.fd-light .fd-panel,.fd-light .fd-mode,.fd-light .fd-activity{background:#fff;color:#102038;border-color:#d7e2ee}.fd-light .fd-title p,.fd-light .fd-panel p,.fd-light .fd-note,.fd-light .fd-score,.fd-light .fd-feedback{color:#53657a}.fd-light .fd-back,.fd-light .fd-theme{background:#f4f7fb;color:#102038;border-color:#d7e2ee}.fd-light .fd-mode[aria-selected="true"],.fd-light .fd-activity[aria-selected="true"]{color:#fff}

.fd-target-cube{width:min(420px,96%);display:grid;place-items:center}.fd-target-cube[hidden]{display:none!important}.fd-target-cube .fd-cube{width:min(390px,100%);height:auto;max-height:none;aspect-ratio:auto}.fd-net-option{width:100%;height:205px;display:block}.fd-option.reverse{min-height:220px;padding:8px}.fd-option.reverse .fd-letter{z-index:3}
@media(max-width:820px){.fd-target-cube{width:min(360px,92%)}.fd-net-option{height:178px}.fd-option.reverse{min-height:190px}}
@media(max-width:520px){.fd-activities{gap:6px}.fd-activity{font-size:12px;line-height:1.12;padding:8px 5px;min-height:56px}.fd-net-option{height:142px}.fd-option.reverse{min-height:154px;padding:2px}.fd-target-cube .fd-cube{height:auto;max-height:none;aspect-ratio:auto}}
@media(max-width:360px){.fd-net-option{height:128px}.fd-option.reverse{min-height:140px}.fd-activity{font-size:11px}}

.fd-net[hidden]{display:none!important}

/* V660AH · cuarta actividad: prismas rectangulares validados */
.fd-option.prism{min-height:220px}
.fd-prism{width:100%;height:205px;display:block}
@media(max-width:820px){.fd-prism{height:182px}}
@media(max-width:520px){.fd-activity{font-size:13px;min-height:48px}.fd-option.prism{min-height:168px}.fd-prism{height:154px}}
@media(max-width:360px){.fd-prism{height:140px}.fd-option.prism{min-height:152px}}

/* V660AI · quinta actividad: prismas triangulares con orientación validada */
.fd-option.tri-prism{min-height:220px}
.fd-tri-prism{width:100%;height:205px;display:block}
@media(max-width:820px){.fd-tri-prism{height:182px}}
@media(max-width:520px){.fd-option.tri-prism{min-height:168px}.fd-tri-prism{height:154px}}
@media(max-width:360px){.fd-tri-prism{height:140px}.fd-option.tri-prism{min-height:152px}}

/* V660AJ · sexta actividad: pirámides y tetraedros con geometría validada */
.fd-option.poly{min-height:220px}
.fd-poly{width:100%;height:205px;display:block}
@media(max-width:820px){.fd-poly{height:182px}}
@media(max-width:520px){.fd-option.poly{min-height:168px}.fd-poly{height:154px}}
@media(max-width:360px){.fd-poly{height:140px}.fd-option.poly{min-height:152px}}

/* V660AK · séptima actividad: bipirámides con redes conectadas y geometría validada */
.fd-option.bipyramid{min-height:220px}
.fd-bipyramid{width:100%;height:205px;display:block}
@media(max-width:820px){.fd-bipyramid{height:182px}}
@media(max-width:520px){.fd-option.bipyramid{min-height:168px}.fd-bipyramid{height:154px}}
@media(max-width:360px){.fd-bipyramid{height:140px}.fd-option.bipyramid{min-height:152px}}


/* V660AM · repaso, explicación visual y estadísticas: examen mixto de 14 preguntas y bloqueo claro del selector durante la ronda */
.fd-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
.fd-activity:disabled{cursor:not-allowed;opacity:.64}
.fd-activity:disabled[aria-selected="true"]{opacity:1}
@media(max-width:420px){.fd-modes{grid-template-columns:1fr 1fr}.fd-modes .fd-mode:last-child{grid-column:1/-1}.fd-mode{min-height:46px;padding:9px 8px}}

/* V660AM · repaso de fallos, explicación visual y estadísticas por alumno */
.fd-modes{grid-template-columns:repeat(5,minmax(0,1fr))}
.fd-mode{position:relative}
.fd-mode-badge{display:inline-grid;place-items:center;min-width:25px;height:25px;margin-left:5px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px;line-height:1}
.fd-mode[aria-selected="true"] .fd-mode-badge{background:rgba(4,17,32,.28)}
.fd-explanation{margin-top:10px;border:1px solid rgba(255,205,105,.36);border-radius:16px;background:rgba(101,68,7,.19);padding:12px}
.fd-explanation[hidden]{display:none!important}
.fd-explanation h3{margin:0 0 9px;font-size:16px;color:#ffe9a9}
.fd-explanation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.fd-explanation-option{min-width:0;border:2px solid transparent;border-radius:14px;background:var(--fd-card);color:var(--fd-ink);padding:7px;text-align:center;overflow:hidden}
.fd-explanation-option>strong{display:block;min-height:34px;font-size:12px;line-height:1.2}
.fd-explanation-option.wrong{border-color:var(--fd-bad)}
.fd-explanation-option.correct{border-color:var(--fd-ok)}
.fd-explanation-option .fd-cube,.fd-explanation-option .fd-prism,.fd-explanation-option .fd-tri-prism,.fd-explanation-option .fd-poly,.fd-explanation-option .fd-bipyramid,.fd-explanation-option .fd-net-option{height:142px}
.fd-explanation p{margin:9px 0 0;color:#ffeab6;font-size:13px;font-weight:800;line-height:1.4}
.fd-stats{display:grid;gap:12px}
.fd-stats[hidden]{display:none!important}
.fd-stats-card{border:1px solid var(--fd-line);border-radius:20px;background:rgba(255,255,255,.08);padding:16px;box-shadow:0 18px 50px rgba(0,0,0,.2)}
.fd-stats-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}
.fd-stats-head h2{margin:0;font-size:clamp(20px,3vw,28px)}
.fd-stats-head p{margin:5px 0 0;color:var(--fd-muted);font-weight:750}
.fd-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fd-stat-row{display:grid;gap:10px;border:1px solid var(--fd-line);border-radius:16px;background:rgba(255,255,255,.06);padding:13px}
.fd-stat-row>div:first-child{display:grid;gap:3px}
.fd-stat-row strong{font-size:15px}
.fd-stat-row span{color:var(--fd-muted);font-size:12px}
.fd-stat-row dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
.fd-stat-row dl div{border-radius:11px;background:rgba(255,255,255,.07);padding:8px;text-align:center}
.fd-stat-row dt{color:var(--fd-muted);font-size:11px;font-weight:800}
.fd-stat-row dd{margin:3px 0 0;font-size:18px;font-weight:950}
.fd-stats-note{margin:13px 0 0;color:var(--fd-muted);font-size:12px;line-height:1.45}
.fd-light .fd-explanation{background:#fff8e5;border-color:#e1b651}
.fd-light .fd-explanation h3,.fd-light .fd-explanation p{color:#6f4a00}
.fd-light .fd-stats-card,.fd-light .fd-stat-row{background:#fff;color:#102038;border-color:#d7e2ee}
.fd-light .fd-stat-row dl div{background:#f1f6fb}
.fd-light .fd-stat-row span,.fd-light .fd-stat-row dt,.fd-light .fd-stats-head p,.fd-light .fd-stats-note{color:#53657a}
@media(max-width:960px){.fd-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.fd-stats-grid{grid-template-columns:1fr}}
@media(max-width:620px){.fd-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-mode{font-size:13px;min-height:48px;padding:8px 6px}.fd-stats-head{align-items:stretch;flex-direction:column}.fd-stats-head .fd-next{width:100%}.fd-stats-card{padding:11px}.fd-stat-row{padding:10px}.fd-explanation{padding:9px}.fd-explanation-option .fd-cube,.fd-explanation-option .fd-prism,.fd-explanation-option .fd-tri-prism,.fd-explanation-option .fd-poly,.fd-explanation-option .fd-bipyramid,.fd-explanation-option .fd-net-option{height:125px}}
@media(max-width:360px){.fd-explanation-grid{gap:5px}.fd-explanation-option{padding:3px}.fd-explanation-option>strong{font-size:10px}.fd-explanation-option .fd-cube,.fd-explanation-option .fd-prism,.fd-explanation-option .fd-tri-prism,.fd-explanation-option .fd-poly,.fd-explanation-option .fd-bipyramid,.fd-explanation-option .fd-net-option{height:108px}.fd-stat-row dl{gap:4px}.fd-stat-row dl div{padding:6px 3px}.fd-stat-row dd{font-size:16px}}


/* V660AP · rejilla única y 11 redes de cubo con encaje estable */
@media(max-width:1100px){.fd-activities{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.fd-activities{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V660BA · ejercicio completo visible en portátil 1280×720 sin saltos de comparación */
@media (min-width:821px) and (max-height:760px){
  body{padding:5px 8px}
  .fd-shell{gap:5px;max-width:1240px}
  .fd-header{padding:5px 9px;border-radius:13px;min-height:0}
  .fd-back,.fd-theme{min-height:34px;padding:5px 9px}
  .fd-title h1{font-size:19px;line-height:1}.fd-title p{display:none}
  .fd-activities{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
  .fd-modes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .fd-activity,.fd-mode{min-height:34px;padding:4px 5px;font-size:10.5px;line-height:1.08;border-radius:10px}
  .fd-mode-badge{height:20px;min-width:20px;font-size:10px}
  .fd-board{gap:6px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
  .fd-panel{padding:7px;border-radius:13px}
  .fd-panel h2{font-size:13px;margin:0 0 2px}.fd-panel p,.fd-note{font-size:9.5px;line-height:1.18;margin-block:2px}
  .fd-net-wrap{min-height:245px;margin-top:3px}.fd-net{height:250px}
  .fd-prompt{font-size:16px;line-height:1.12;margin:0 0 4px}
  .fd-options{gap:5px}
  .fd-option,.fd-option.prism,.fd-option.tri-prism,.fd-option.poly,.fd-option.bipyramid{min-height:126px;padding:2px;border-radius:11px}
  .fd-cube,.fd-prism,.fd-tri-prism,.fd-poly,.fd-bipyramid,.fd-net-option{height:120px}
  .fd-feedback{min-height:33px;margin-top:4px;padding:5px 7px;font-size:10.5px;line-height:1.2}
  .fd-actions{margin-top:4px}.fd-next{min-height:33px;padding:5px 11px}
  .fd-explanation{margin-top:4px;padding:6px}.fd-explanation h3{font-size:13px;margin-bottom:4px}
}

/* RC3X · foco móvil: selección plegable y ejercicio adelantado. */
@media(max-width:620px){
  body{
    padding:calc(env(safe-area-inset-top,0px) + 4px) 5px calc(env(safe-area-inset-bottom,0px) + 6px);
  }
  .fd-shell{gap:5px}
  .fd-header{
    gap:5px;
    padding:5px 6px;
    border-radius:12px;
  }
  .fd-back{
    min-height:38px;
    padding:6px 8px;
    border-radius:10px;
    font-size:12px;
  }
  .fd-theme{
    width:38px;
    min-height:38px;
    border-radius:10px;
  }
  .fd-title h1{font-size:17px}
  .fd-mobile-controls-toggle{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:8px;
    width:100%;
    min-height:42px;
    padding:7px 10px;
    border:1px solid rgba(72,183,255,.48);
    border-radius:12px;
    background:rgba(18,104,198,.24);
    color:var(--fd-text);
    text-align:left;
  }
  .fd-mobile-controls-toggle>span{
    color:#8ed8ff;
    font-size:12px;
    font-weight:950;
  }
  .fd-mobile-controls-toggle>strong{
    min-width:0;
    overflow:hidden;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .fd-mobile-controls{display:none}
  .fd-mobile-controls-open .fd-mobile-controls{
    display:grid;
    gap:5px;
    padding:5px;
    border:1px solid var(--fd-line);
    border-radius:12px;
    background:rgba(4,17,32,.72);
  }
  .fd-mobile-controls-open .fd-activities{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px;
    margin:0;
  }
  .fd-mobile-controls-open .fd-modes{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px;
  }
  .fd-mobile-controls-open .fd-activity,
  .fd-mobile-controls-open .fd-mode{
    min-height:40px;
    padding:5px 4px;
    border-radius:9px;
    font-size:11px;
  }
  .fd-board{
    scroll-margin-top:4px;
    gap:5px;
  }
  .fd-panel{
    padding:6px;
    border-radius:12px;
  }
  .fd-panel h2{
    margin-bottom:3px;
    font-size:14px;
  }
  .fd-panel p{display:none}
  .fd-net-wrap{
    min-height:184px;
    height:184px;
    margin-top:3px;
    border-radius:10px;
  }
  .fd-net{
    width:min(350px,96%);
    height:180px;
  }
  .fd-target-cube{width:min(260px,88%)}
  .fd-target-cube .fd-cube{max-height:180px}
  .fd-prompt{
    margin:0 0 5px;
    font-size:17px;
    line-height:1.12;
  }
  .fd-note{display:none}
  .fd-options{gap:5px}
  .fd-option,
  .fd-option.reverse,
  .fd-option.prism,
  .fd-option.tri-prism,
  .fd-option.poly,
  .fd-option.bipyramid{
    min-height:128px;
    padding:2px;
    border-width:2px;
    border-radius:10px;
  }
  .fd-cube,
  .fd-prism,
  .fd-tri-prism,
  .fd-poly,
  .fd-bipyramid,
  .fd-net-option{
    height:120px;
  }
  .fd-letter{
    left:5px;
    top:5px;
    width:26px;
    height:26px;
    font-size:12px;
  }
  .fd-feedback{
    min-height:34px;
    margin-top:5px;
    padding:6px 8px;
    border-radius:9px;
    font-size:11px;
  }
  .fd-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(130px,.7fr);
    gap:5px;
    margin-top:5px;
  }
  .fd-score{
    align-self:center;
    font-size:11px;
    text-align:left;
  }
  .fd-next{
    width:100%;
    min-height:38px;
    padding:6px 8px;
    border-radius:9px;
    font-size:12px;
  }
}

@media(max-width:360px){
  .fd-mobile-controls-toggle>strong{font-size:10px}
  .fd-net-wrap{min-height:168px;height:168px}
  .fd-net{height:164px}
  .fd-option,
  .fd-option.reverse,
  .fd-option.prism,
  .fd-option.tri-prism,
  .fd-option.poly,
  .fd-option.bipyramid{min-height:116px}
  .fd-cube,.fd-prism,.fd-tri-prism,.fd-poly,.fd-bipyramid,.fd-net-option{height:108px}
}

/* RC3AD · fase 2: actividad inversa clara y sin etiquetas técnicas internas. */
@media(max-width:620px){
  body[data-fd-activity="reverse"] .fd-note{
    display:block;
    margin:4px 0 5px;
    padding:6px 8px;
    font-size:10.5px;
    line-height:1.25;
  }
}


/* RC3AQ · navegación limpia por familias: Cubos / Otras figuras */
.fd-family-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:9px}
.fd-family-tab{min-height:46px;border:1px solid var(--fd-line);border-radius:15px;background:rgba(255,255,255,.055);color:var(--fd-text);font-weight:950;padding:9px 14px}
.fd-family-tab[aria-selected="true"]{background:rgba(72,183,255,.2);border-color:rgba(72,183,255,.65);box-shadow:inset 0 0 0 1px rgba(72,183,255,.18)}
.fd-family-tab:disabled{opacity:.64}
.fd-activity[hidden]{display:none!important}
body[data-fd-family="cubes"] .fd-activities{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-fd-family="others"] .fd-activities{grid-template-columns:repeat(4,minmax(0,1fr))}
.fd-light .fd-family-tab{background:#fff;color:#102038;border-color:#d7e2ee}
.fd-light .fd-family-tab[aria-selected="true"]{background:#e2f3ff;border-color:#48b7ff}
@media(max-width:620px){
  .fd-mobile-controls-open .fd-family-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0}
  .fd-mobile-controls-open .fd-family-tab{min-height:38px;padding:5px 7px;border-radius:9px;font-size:12px}
  body[data-fd-family="cubes"] .fd-mobile-controls-open .fd-activities,
  body[data-fd-family="others"] .fd-mobile-controls-open .fd-activities{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:821px) and (max-height:760px){
  .fd-family-tabs{gap:4px;margin-bottom:4px}
  .fd-family-tab{min-height:32px;padding:4px 6px;border-radius:10px;font-size:10.5px}
}