/*
 * CIAC Vita · Alto contraste, juego inmediato y diseño alegre.
 * Adaptación original inspirada en experiencias de concursos educativos.
 * La paleta y marca son CIAC; no copia identidades comerciales.
 * Se carga AL FINAL en las cinco aplicaciones.
 */
:root{
  --cv-ink:#18244b;--cv-secondary:#485576;--cv-canvas:#f5f9ff;
  --cv-border:#dce5fa;--cv-shadow:0 6px 0 #1b255010,0 18px 32px #182a5412;
  --cv-red:#d62950;--cv-blue:#246ae2;--cv-yellow:#ffca39;--cv-green:#087f5d;
  --cv-purple:#6030d3;--cv-radius:22px;
}
body.theme-ciacchut{--activity:#6030d3;--activity-hover:#4f22bc;--activity-soft:#efe9ff;--activity-outline:#bba8ff;--activity-glow:#6030d329}
body.theme-ciacmente{--activity:#007d79;--activity-hover:#00645f;--activity-soft:#d9faf0;--activity-outline:#83ded5;--activity-glow:#007d7924}
body.theme-ciacmatch{--activity:#ba4a05;--activity-hover:#963b03;--activity-soft:#fff0d9;--activity-outline:#ffc677;--activity-glow:#ba4a0526}
body.theme-ciacquiz{--activity:#1759ce;--activity-hover:#1048a7;--activity-soft:#e2efff;--activity-outline:#99c2ff;--activity-glow:#1759ce2b}
body.theme-ciaccoins{--activity:#8b4d00;--activity-hover:#6f3d00;--activity-soft:#fff3cc;--activity-outline:#ffce58;--activity-glow:#c87a122b}
body[class*="theme-ciac"]{
  background:radial-gradient(ellipse 65% 35% at 97% 1%,#dfeeff 0,transparent 100%),
             radial-gradient(ellipse 50% 50% at 0% 100%,#fff0cf 0,transparent 88%),var(--cv-canvas);
  color:var(--cv-ink);
}
body[class*="theme-ciac"] :is(button,a,input,textarea,select):focus-visible{
  outline:4px solid #1a65ff;outline-offset:3px;
}
body[class*="theme-ciac"] :is(.layout,.ciac-presentation,.ciac-stage,.ciac-mente-stage) button:not(:disabled){
  touch-action:manipulation;
}
body[class*="theme-ciac"] .layout:not(.landing-layout){
  max-width:1240px;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .topbar{
  background:#fff;border:2px solid #dce6f8;border-radius:21px;
  box-shadow:0 5px 0 #2338670c;padding:17px 22px;margin-bottom:22px;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .brand{font-size:clamp(20px,2.4vw,29px);font-weight:950;color:var(--cv-ink)}
body[class*="theme-ciac"] .layout:not(.landing-layout) .brand span{color:var(--activity);font-weight:850}
body[class*="theme-ciac"] .layout:not(.landing-layout) .nav :is(button,.btn){
  background:#fff;color:var(--cv-ink);border:2px solid #dce5f7;
  font-weight:800;box-shadow:0 3px 0 #16285712;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .nav :is(button,.btn):hover:not(:disabled){
  background:var(--activity-soft);border-color:var(--activity-outline);color:var(--activity)
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .hero{
  background:linear-gradient(115deg,#fff 58%,var(--activity-soft) 145%);
  border:2px solid var(--activity-outline);border-left:9px solid var(--activity);
  border-radius:25px;padding:29px 34px;
  box-shadow:var(--cv-shadow);max-width:none;margin-bottom:25px;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .hero::after{opacity:.18;pointer-events:none}
body[class*="theme-ciac"] .layout:not(.landing-layout) .hero h1{
  color:var(--cv-ink);font-weight:950;line-height:1.11;letter-spacing:-.04em;
  font-size:clamp(32px,4.1vw,55px);margin:8px 0 14px;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .hero .lead{
  color:#445472;font-weight:610;font-size:clamp(15px,1.7vw,20px);
  line-height:1.45;max-width:62ch;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .hero .eyebrow{
  font-weight:900;font-size:clamp(12px,1.25vw,16px);color:var(--activity)
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .card{
  background:#fff;border:2px solid #dde6f7;
  border-radius:var(--cv-radius);box-shadow:var(--cv-shadow);
  padding:clamp(18px,2.1vw,30px);
}
body[class*="theme-ciac"] .layout:not(.landing-layout) :is(.card,.solo-mode,.match-mode,.coins-tile,.mente-mini) :is(h2,h3){
  color:var(--cv-ink);font-weight:900;line-height:1.2;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .section-head h2{
  color:var(--cv-ink);font-weight:950
}
body[class*="theme-ciac"] .layout:not(.landing-layout) :is(.card p,.small-text,.muted,.mente-note,.coins-note,.match-help,.lead){
  color:var(--cv-secondary)
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .btn:not(.secondary):not(.danger):not(:disabled){
  background:var(--activity);border:2px solid var(--activity);color:#fff;
  font-weight:900;border-radius:16px;min-height:53px;
  box-shadow:0 5px 0 color-mix(in srgb,var(--activity) 68%,black);
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .btn.secondary{
  background:#fff;border:2px solid var(--activity-outline);
  color:var(--activity);font-weight:850;min-height:49px;
  border-radius:16px;box-shadow:0 4px 0 #18245313;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .btn.danger{
  border:2px solid #ff9eaa;color:#9d163a;background:#fff4f5;
  box-shadow:none
}
body[class*="theme-ciac"] .layout:not(.landing-layout) .btn:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-2px)}
body[class*="theme-ciac"] .layout:not(.landing-layout) .btn:not(:disabled):active{transform:translateY(3px);box-shadow:none}
body[class*="theme-ciac"] .layout:not(.landing-layout) :is(input.input,select.input,textarea.input,.mente-select,.mente-open-input){
  background:#fff;border:2px solid #cfdcf3;border-radius:15px;color:var(--cv-ink);
  font-weight:600;min-height:53px;box-shadow:none;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) :is(input.input,select.input,textarea.input,.mente-select,.mente-open-input):focus{
  border-color:var(--activity);outline:3px solid var(--activity-outline);outline-offset:2px;
}
body[class*="theme-ciac"] .layout:not(.landing-layout) :is(.tag,.mini-stat,.mente-chip,.solo-badge,.match-badge,.coins-tag,.solo-pill){
  background:var(--activity-soft);border:1.5px solid var(--activity-outline);color:var(--activity);
  font-weight:900;border-radius:12px;padding:8px 12px
}
body[class*="theme-ciac"] .layout:not(.landing-layout) :is(.progress-track,.solo-progress,.match-progress,.coins-progress,.mente-progress){
  background:#dbe6f7;height:13px;border-radius:99px;overflow:hidden
}
body[class*="theme-ciac"] .layout:not(.landing-layout) :is(.progress-fill,.solo-progress span,.match-progress span,.coins-progress span,.mente-progress span){
  background:var(--activity)
}
/* Homepage: one strong accent and a different bright identity for each game. */
body.theme-ciacchut .landing-topbar{
  background:#fff;border:2px solid #dee6f8;border-radius:23px;
  padding:17px 24px;box-shadow:0 5px 0 #2b3e7310;margin-bottom:22px
}
body.theme-ciacchut .landing-hero{
  background:linear-gradient(114deg,#fff 37%,#e6f2ff 100%);
  border:2px solid #c1d7ff;border-left:9px solid #5c30d2;
  border-radius:27px;box-shadow:var(--cv-shadow);padding:clamp(25px,4vw,52px)
}
body.theme-ciacchut .landing-intro h1{font-weight:960;color:var(--cv-ink)}
body.theme-ciacchut .landing-intro h1 span{color:#6335db}
body.theme-ciacchut .landing-eyebrow{color:#5834b7}
body.theme-ciacchut .landing-chips span{
  background:#fff;border:1.5px solid #aac7ff;color:#294a92;
  font-weight:850;font-size:12px
}
body.theme-ciacchut .landing-section-heading h2{color:var(--cv-ink);font-weight:950}
body.theme-ciacchut .landing-game{
  border:2px solid var(--activity-outline);border-top:7px solid var(--activity);
  background:linear-gradient(150deg,#fff 50%,var(--activity-soft) 175%);
  border-radius:25px;box-shadow:var(--cv-shadow);padding:clamp(19px,2vw,29px)
}
body.theme-ciacchut .landing-game-icon{
  background:var(--activity);border:0;color:#fff;border-radius:17px;
  box-shadow:0 5px 0 color-mix(in srgb,var(--activity) 65%,black)
}
body.theme-ciacchut .landing-game h3{font-weight:950;color:var(--cv-ink)}
body.theme-ciacchut .landing-game p{color:#41506b;font-size:clamp(13px,1.3vw,16px)}
body.theme-ciacchut .landing-game-cta{
  background:var(--activity);color:#fff;border:0;
  min-height:48px;font-weight:900;font-size:clamp(12px,1.1vw,16px);
  box-shadow:0 4px 0 color-mix(in srgb,var(--activity) 63%,black)
}
body.theme-ciacchut .landing-game-ghost{font-weight:850;color:var(--activity);background:#fff}
body.theme-ciacchut .landing-teacher-note{
  background:#fff8df;border:2px solid #ffdc73;color:#5a4d38;border-radius:19px;font-size:15px
}
/* Four highly legible answer colors always, not only in PC mode. */
body.theme-ciacchut .layout[data-ciac-screen="player"] .choice-tile,
body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-play-choice,
body.theme-ciaccoins .layout[data-ciac-screen="game"] .coins-choice{
  color:var(--tile-text,#fff)!important;background:var(--tile,#6030d3)!important;
  border:3px solid #fff!important;outline:2px solid #18244b20;
  border-radius:21px!important;box-shadow:0 7px 0 #15213b39!important;
  min-height:clamp(116px,15vh,210px);padding:clamp(16px,2vw,29px);
  font-size:clamp(19px,2.15vw,31px);font-weight:900;text-align:left;
  transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,filter .15s ease;
}
body.theme-ciacchut .choice-tile:nth-child(1),
body.theme-ciacquiz .solo-play-choice:nth-child(1),
body.theme-ciaccoins .coins-choice:nth-child(1){--tile:#d62950}
body.theme-ciacchut .choice-tile:nth-child(2),
body.theme-ciacquiz .solo-play-choice:nth-child(2),
body.theme-ciaccoins .coins-choice:nth-child(2){--tile:#256be1}
body.theme-ciacchut .choice-tile:nth-child(3),
body.theme-ciacquiz .solo-play-choice:nth-child(3),
body.theme-ciaccoins .coins-choice:nth-child(3){--tile:#ffcc39;--tile-text:#18244b}
body.theme-ciacchut .choice-tile:nth-child(4),
body.theme-ciacquiz .solo-play-choice:nth-child(4),
body.theme-ciaccoins .coins-choice:nth-child(4){--tile:#087f5d}
body.theme-ciacchut .layout[data-ciac-screen="player"] .choice-tile .letter,
body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-play-choice .ciac-answer-icon{
  color:var(--tile-text)!important;background:#00000016!important;
  border:2px solid #ffffff80;border-radius:14px;flex-shrink:0
}
body.theme-ciacchut .layout[data-ciac-screen="player"] .choice-tile:nth-child(3) .letter,
body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-play-choice:nth-child(3) .ciac-answer-icon{
  border-color:#18244b50
}
body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-play-choice.selected,
body.theme-ciacchut .layout[data-ciac-screen="player"] .choice-tile.picked{
  outline:5px solid #17244b!important;outline-offset:2px;transform:translateY(-2px)
}
body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-play-choice.right,
body.theme-ciacchut .layout[data-ciac-screen="player"] .choice-tile.correct{
  outline:5px solid #0d754e!important;outline-offset:2px
}
body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-play-choice.wrong,
body.theme-ciacchut .layout[data-ciac-screen="player"] .choice-tile.wrong{
  outline:5px solid #9b1838!important;outline-offset:2px;opacity:.78
}
body.theme-ciaccoins .layout[data-ciac-screen="game"] .coins-choice:hover:not(:disabled),
body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-play-choice:hover:not(:disabled),
body.theme-ciacchut .layout[data-ciac-screen="player"] .choice-tile:hover:not(:disabled){
  filter:brightness(1.05);transform:translateY(-3px)
}
body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-choices,
body.theme-ciaccoins .layout[data-ciac-screen="game"] .coins-options{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(11px,1.4vw,20px)
}
body.theme-ciacchut .layout[data-ciac-screen="player"] .question-card,
body.theme-ciacquiz .layout[data-ciac-screen="question"] .card,
body.theme-ciaccoins .layout[data-ciac-screen="game"] .coins-question{
  background:#fff;border-top:7px solid var(--activity);box-shadow:var(--cv-shadow)
}
body.theme-ciacchut .layout[data-ciac-screen="player"] .question-card h2,
body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-question-text,
body.theme-ciaccoins .layout[data-ciac-screen="game"] .coins-question h2{
  font-weight:950;color:var(--cv-ink);font-size:clamp(28px,3.7vw,51px)
}
body.theme-ciacquiz .solo-result-stats .solo-stat,
body.theme-ciaccoins .coins-stat{
  background:#fff;border:2px solid #b9d0fc;border-radius:20px;
  box-shadow:0 5px 0 #24376b14
}
body.theme-ciaccoins .coins-stat strong{font-size:clamp(27px,3vw,46px);color:#835000}
body.theme-ciaccoins .coins-shop.affordable{
  background:#fff9e4;border:3px solid #ffcc48;
  box-shadow:0 5px 0 #c68a2e33
}
body.theme-ciaccoins .coins-prize{color:#ac5b00;text-shadow:none}
/* CIACMENTE: colorful poll options, generous feedback charts, clean voting screen. */
body.theme-ciacmente .mente-poll{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px
}
body.theme-ciacmente .layout .mente-poll button{
  background:var(--vote,#5d30d4)!important;color:#fff!important;
  border:3px solid #fff!important;border-radius:21px!important;
  min-height:clamp(90px,15vh,160px);padding:20px;
  font-size:clamp(18px,2vw,28px);font-weight:900;
  text-align:left;box-shadow:0 6px 0 #1622472b!important
}
body.theme-ciacmente .mente-poll button:nth-child(1){--vote:#d62950}
body.theme-ciacmente .mente-poll button:nth-child(2){--vote:#256be1}
body.theme-ciacmente .mente-poll button:nth-child(3){--vote:#087f5d}
body.theme-ciacmente .mente-poll button:nth-child(4){--vote:#5d30d4}
body.theme-ciacmente .mente-poll button:nth-child(5){--vote:#ffca39;color:#18244b!important}
body.theme-ciacmente .mente-poll button:nth-child(6){--vote:#007e88}
body.theme-ciacmente .mente-stars button{
  font-size:clamp(24px,2.8vw,40px);font-weight:900;
  border:2px solid #ffd371;border-radius:19px;
  background:#fff5d0!important;color:#965b00!important;
  min-height:85px
}
body.theme-ciacmente .mente-mini{
  border-top:6px solid var(--activity);background:#fff;
  box-shadow:var(--cv-shadow)
}
body.theme-ciacmente .mente-mini .glyph{background:#d9faf0;color:#00756d;font-size:31px}
body.theme-ciacmente .ciac-qa-card{
  border:2px solid #adddd7;background:#fff;
  border-radius:19px;box-shadow:0 4px 0 #1a665e18
}
body.theme-ciacmente .ciac-mente-bar-fill,
body.theme-ciacmente .ciac-live-cloud .ciac-cloud-word{
  filter:saturate(1.2)
}
/* CIACMATCH: flip cards and matching tokens feel like a bright tabletop game. */
body.theme-ciacmatch .match-mode{
  border-top:6px solid #e77b23!important;background:#fff!important;
  box-shadow:var(--cv-shadow)
}
body.theme-ciacmatch .match-glyph{background:#ffdd95;color:#863e00;font-size:35px}
body.theme-ciacmatch .match-memory-card .match-card-front{
  background:linear-gradient(135deg,#ffba43,#ffdf8c)!important;
  border:3px solid #ea8c19;color:#713c00;font-size:clamp(25px,3vw,43px);
  border-radius:19px
}
body.theme-ciacmatch .match-memory-card .match-card-back{
  background:#fff!important;border:3px solid #c4d9ff;
  color:#192b53;border-radius:19px;font-weight:850;
}
body.theme-ciacmatch .match-memory-card.matched .match-card-back{
  background:#d9ffe9!important;border:3px solid #16a170;color:#126346
}
body.theme-ciacmatch .match-token,.theme-ciacmatch .match-cloze-token{
  color:#213458;background:#e5f1ff;border:2px solid #8ac0fc;
  border-radius:15px;font-weight:850;font-size:clamp(16px,1.6vw,23px)
}
body.theme-ciacmatch .match-token.selected,.theme-ciacmatch .match-cloze-token.selected{
  color:#fff;background:#b64c12;border-color:#a33c04
}
body.theme-ciacmatch .match-drop,.theme-ciacmatch .match-cloze-slot,
body.theme-ciacmatch .match-sequence-item{
  background:#fff;border:2px dashed #9abaf5;border-radius:19px;
  box-shadow:0 4px 0 #203e6620
}
body.theme-ciacmatch .match-drop.has-match,
body.theme-ciacmatch .match-cloze-slot.correct,
body.theme-ciacmatch .match-sequence-item.is-correct{
  background:#dcffeb;border:2px solid #17a171;color:#0a674b
}
body.theme-ciacmatch .match-feedback{font-weight:900}
body.theme-ciacmatch .match-flip .match-face-back{background:#f5e9ff}
/* Presentation mode: bright clean backgrounds, large readable text, colored answers. */
body:has(.ciac-stage),body:has(.ciac-presentation),body:has(.ciac-mente-stage){
  background:#eaf1ff
}
body.theme-ciacchut .ciac-stage{
  background:radial-gradient(ellipse at 10% 0%,#e7d9ff 0,transparent 55%),
             radial-gradient(ellipse at 100% 90%,#cbe7ff 0,transparent 52%),#f6f9ff;
  color:var(--cv-ink)
}
.ciac-stage-header{border-bottom:3px solid #d5dff4}
.ciac-stage-header strong{color:#18244b}
.ciac-stage-header strong span{color:#5d2bd3}
.ciac-stage-header small,.ciac-stage-header-right,.ciac-stage-meta{color:#435476}
.ciac-stage .btn.secondary{background:#fff;color:#354a76;border:2px solid #b5c8e9}
.ciac-stage-overline{color:#5e2dbc}
.ciac-stage-lobby h1,.ciac-stage-final h1,.ciac-stage-final h2{color:#17244b}
.ciac-stage-lobby p{color:#465778}
.ciac-stage-large-pin{color:#5c30cd}
.ciac-stage-countline{color:#19264e!important}
.ciac-stage-qr{border:3px solid #c4d4f1;box-shadow:var(--cv-shadow)}
.ciac-stage-footnote{color:#50607e}
.ciac-stage-timer{background:#fff;border:3px solid #c4d5f2;color:#4e2ab9}
.ciac-stage-progress{background:#d1def6}
.ciac-stage-question{
  background:#fff;border:3px solid #c3d4f3;box-shadow:var(--cv-shadow)
}
.ciac-stage-question h1{color:#18244b}
.ciac-stage-choice{border:3px solid #ffffffcc;box-shadow:0 6px 0 #11224a38}
.ciac-stage-choice--0{background:#d62950}
.ciac-stage-choice--1{background:#256be1}
.ciac-stage-choice--2{background:#ffcc39;color:#152448}
.ciac-stage-choice--3{background:#087f5d}
.ciac-stage-choice--2 .ciac-stage-shape{border-color:#15244870}
.ciac-stage-choice--2 .ciac-stage-count{color:#152448;background:#ffffff66}
.ciac-stage-choice.ciac-stage-muted{opacity:.58}
.ciac-stage-choice.ciac-stage-correct{outline:6px solid #108358;outline-offset:1px}
.ciac-stage-answer-counter{color:#1b6876}
.ciac-stage-reveal{background:#fff;border:2px solid #c6d8f7}
.ciac-stage-reveal h2{color:#19264a}
.ciac-stage-board .leaderboard li{background:#fff;border:2px solid #becfee;color:#1a2a51}
.ciac-stage-board .leaderboard li span{color:#5631bf!important}
.ciac-stage-board .leaderboard li strong{color:#1a2a51}
.ciac-stage-final .leaderboard li:first-child{background:#fff1be}
.ciac-mente-stage{
  background:radial-gradient(ellipse at 0% 0%,#d6fff3 0,transparent 60%),
             radial-gradient(ellipse at 100% 100%,#dce3ff 0,transparent 55%),#f5f9ff;
  color:#18244b
}
.ciac-mente-stage-head{border-bottom:3px solid #bdded8}
.ciac-mente-stage-head strong{color:#18304c}
.ciac-mente-stage-head strong span{color:#007d77}
.ciac-mente-stage-head>div{color:#405a65}
.ciac-mente-stage .btn.secondary{background:#fff;color:#00756f;border:2px solid #87d7d0}
.ciac-mente-stage-lobby h1,.ciac-mente-stage-ended h1{color:#18244b}
.ciac-mente-stage-lobby p,.ciac-mente-stage-ended p{color:#425877}
.ciac-mente-stage-pin{color:#007d77}
.ciac-mente-stage-code{border:3px solid #a0ddd4;box-shadow:var(--cv-shadow)}
.ciac-mente-stage-info{color:#006d65}
.ciac-mente-stage-live>h1{background:#fff;border:3px solid #b8e7e0;color:#17304a}
.ciac-mente-stage-wait p,.ciac-mente-stage-wait span{color:#465774}
.ciac-mente-stage-wait strong{color:#008c80}
.ciac-mente-stage-results{background:#fff;border:3px solid #b6e0d5}
.ciac-mente-stage-qa article{border:2px solid #b6e0d5;box-shadow:var(--cv-shadow)}
.ciac-presentation{
  background:radial-gradient(ellipse at 0% 0%,#def1ff 0,transparent 55%),
             radial-gradient(ellipse at 100% 100%,#eee2ff 0,transparent 55%),#f7faff;
  color:#19264a
}
.ciac-presentation-head{border-bottom:3px solid #cddcf4}
.ciac-presentation-head strong{color:#1b2b54}
.ciac-presentation-head strong span{color:var(--screen-main)}
.ciac-presentation-fullscreen{background:#fff;border:2px solid #afc6ed;color:#223c6e}
.ciac-presentation-intro h1{color:#18244b}
.ciac-presentation-intro>p{color:#425577}
.ciac-presentation-pill{background:#fff;border:2px solid #b7cdf5;color:#284876}
.ciac-presentation-metadata span{background:#fff;border:2px solid #c3d4f4;color:#24436e}
.ciac-presentation-intro .ciac-presentation-instruction{color:#30436b}
.ciac-presentation-play{
  background:#ffcc39;color:#15244b;border:2px solid #e6a512;
  box-shadow:0 6px 0 #c89022
}
.ciac-presentation-card{border:3px solid #c1d2f3;box-shadow:var(--cv-shadow)}
.ciac-presentation-footer{color:#4a5d7c}
/* Responsive: keep answers legible, not squashed; preserve keyboard focus. */
@media(max-width:750px){
  body.theme-ciacchut .landing-grid{gap:12px}
  body.theme-ciacchut .landing-game{padding:16px}
  body[class*="theme-ciac"] .layout:not(.landing-layout) .hero{
    padding:22px!important;border-left-width:6px
  }
  body[class*="theme-ciac"] .layout:not(.landing-layout) .topbar{
    padding:12px 14px;margin-bottom:16px;gap:10px
  }
  body.theme-ciacmente .mente-poll{grid-template-columns:1fr}
  body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-choices,
  body.theme-ciaccoins .layout[data-ciac-screen="game"] .coins-options{grid-template-columns:1fr}
  body.theme-ciacchut .layout[data-ciac-screen="player"] .choice-tile,
  body.theme-ciacquiz .layout[data-ciac-screen="question"] .solo-play-choice,
  body.theme-ciaccoins .layout[data-ciac-screen="game"] .coins-choice{
    min-height:98px;padding:13px;font-size:clamp(17px,4vw,23px)
  }
  .ciac-stage-question{min-height:155px}
  .ciac-stage-choice{border-radius:16px}
  .ciac-stage-choices{gap:10px}
}
@media(max-width:390px){
  body.theme-ciacchut .landing-game{padding:12px}
  body.theme-ciacchut .landing-game-cta{min-height:40px}
}
@media(hover:hover) and (pointer:fine){
  body[class*="theme-ciac"] .layout :is(.btn,.choice-tile,.solo-play-choice,.coins-choice,.mente-poll button,.match-memory-card):hover:not(:disabled){
    filter:brightness(1.045)
  }
}
@media(prefers-reduced-motion:reduce){
  body[class*="theme-ciac"] :is(.btn,.choice-tile,.solo-play-choice,.coins-choice,.mente-poll button,.match-memory-card),
  .ciac-stage *,.ciac-presentation *,.ciac-mente-stage *{
    animation:none!important;transition:none!important
  }
}

/* Wide-format activity focus view used by Pages presentation layouts. */
.ciac-focus-view{width:100%;max-width:none}

/* Local photos: accessible upload and preview, with no external image URL form. */
body.theme-ciacchut .ciac-image-field{
  padding:18px;border:2px dashed #b9a7f5;border-radius:20px;background:#f8f5ff
}
body.theme-ciacchut .ciac-image-picker{
  width:100%;min-height:58px;background:#fff;border:2px solid #c6b7f4;
  border-radius:15px;padding:11px;color:#233159;font-weight:750;cursor:pointer
}
body.theme-ciacchut .ciac-image-picker::file-selector-button{
  background:#6030d3;color:#fff;border:0;border-radius:10px;
  padding:12px 16px;margin-right:14px;font-weight:850;cursor:pointer
}
body.theme-ciacchut .ciac-image-preview{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:15px 0}
body.theme-ciacchut .ciac-image-preview img{
  display:block;max-width:min(100%,330px);max-height:205px;object-fit:contain;
  border:2px solid #bbb1dd;border-radius:13px;background:#fff
}
body.theme-ciacchut .ciac-image-preview span{font-size:14px;color:#354466;font-weight:750}
@media(max-width:650px){
  body.theme-ciacchut .ciac-image-field{padding:13px}
  body.theme-ciacchut .ciac-image-picker::file-selector-button{display:block;margin-bottom:9px}
}