:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182237;background:#f1f0f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 93% 8%,#e6e2f4 0%,transparent 38%),radial-gradient(ellipse at 13% 90%,#e7e7f2 0%,transparent 45%),#f2f2f3}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8075ee;outline-offset:3px}.layout{max-width:1080px;margin:0 auto;padding:28px 25px 70px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:54px}.brand{font-size:26px;letter-spacing:-1.2px;font-weight:800;text-decoration:none;color:#17223a}.brand span{font-weight:500;color:#5244d6}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav button{border:1px solid #dbd9e8;color:#3d4270;background:#fff9;border-radius:15px;padding:11px 15px;font-weight:650}.eyebrow{color:#707b90;font-size:17px;margin:0 0 15px}.hero{max-width:770px;margin-bottom:32px}.hero h1{font-size:clamp(34px,5.5vw,60px);line-height:1.1;letter-spacing:-2px;font-weight:750;color:#242757;margin:0 0 19px}.hero h1 span{color:#5540d0}.muted{color:#758094}.lead{font-size:19px;line-height:1.6;color:#647184;margin:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:42px 0 20px}.section-head h2{font-size:26px;letter-spacing:-.8px;margin:0}.section-head p{margin:6px 0 0;color:#768092}.card{background:#ffffffde;border:1px solid #fff;border-radius:30px;box-shadow:0 10px 26px #25304a0a;padding:27px}.feature{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:25px;min-height:176px}.symbol{width:86px;height:86px;border-radius:26px;display:grid;place-items:center;font-size:35px;font-weight:800;color:#5140b7;background:#edebfb}.feature h3,.card h3{font-size:25px;margin:0 0 7px;letter-spacing:-.6px}.feature p,.card p{line-height:1.55;color:#667286;margin:0}.tag{display:inline-block;border:1px solid #dedcf3;border-radius:50px;color:#5544ca;font-size:12px;font-weight:750;letter-spacing:.4px;padding:5px 10px;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#5341ce;border:1px solid #5341ce;border-radius:17px;color:#fff;font-weight:720;padding:14px 23px;min-height:50px;text-decoration:none;white-space:normal;text-align:center}.btn:hover{background:#4231b5}.btn.secondary{background:#fff;border-color:#d8d6e7;color:#4c47a1}.btn.secondary:hover{background:#f4f1ff}.btn.danger{background:#fff;border-color:#f0b7b7;color:#a72c34}.btn.small{font-size:14px;padding:10px 13px;min-height:40px;border-radius:12px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.choice-tile{min-height:118px;background:#fff;border-radius:23px;padding:22px;border:1px solid #f5f4fb;box-shadow:0 8px 18px #242b4309;display:flex;align-items:center;gap:16px;color:#263044;font-size:19px;font-weight:600;width:100%;text-align:left;line-height:1.35}.choice-tile .letter{background:#ede9ff;color:#5f52b8;display:grid;place-items:center;border-radius:13px;min-width:45px;height:45px;font-size:23px;font-weight:800}.choice-tile:hover:not(:disabled){border-color:#bbb3e9;transform:translateY(-2px)}.choice-tile.picked{border:3px solid #5140d1;background:#f5f3ff}.choice-tile.correct{border-color:#65b295;background:#edf8f2}.choice-tile.wrong{border-color:#d98e97;background:#fff2f2}.choice-tile:disabled{opacity:1}.question-card{margin:23px 0}.question-card h2{font-size:clamp(25px,4vw,41px);line-height:1.25;color:#202745}.field{margin:0 0 18px}.field label,.label{display:block;margin:0 0 8px;font-weight:700;font-size:15px;color:#35425b}.input,textarea.input,select.input{background:#fff;border:1px solid #dcddea;border-radius:15px;padding:13px 15px;width:100%;color:#25304a;min-height:49px}.input:focus{border-color:#8171df}.hint{font-size:13px;color:#7a8495;margin-top:7px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.library-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0}.quiz-question{margin-top:18px}.quiz-question h3{font-size:19px}.subtle{background:#f7f6fb;border:1px solid #e7e5f0;border-radius:18px;padding:15px;margin:14px 0}.radio-item{display:flex;align-items:center;gap:9px;color:#4f5a70;font-size:13px}.radio-item input{accent-color:#5540d4}.room-code{font-size:clamp(45px,10vw,90px);line-height:1.15;letter-spacing:7px;color:#5140ce;font-weight:850;font-variant-numeric:tabular-nums;margin:8px 0 16px}.center{text-align:center}.status{font-size:13px;font-weight:700;letter-spacing:.2px;display:inline-block;background:#ebe7f8;color:#5543bd;padding:8px 12px;border-radius:50px}.status.live{background:#e1f4ed;color:#287756}.status.closed{background:#e9e8ef;color:#62667c}.timer{display:inline-grid;place-items:center;border-radius:19px;background:#ece9fa;color:#5041c2;min-width:68px;padding:12px;font-size:30px;font-weight:850;font-variant-numeric:tabular-nums}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:17px 0}.progress-track{height:10px;border-radius:50px;background:#dedcea;overflow:hidden;margin:16px 0 26px}.progress-fill{background:#5a46d5;height:100%;border-radius:50px;transition:width .2s}.leaderboard{list-style:none;padding:0;margin:15px 0}.leaderboard li{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:14px 17px;border-bottom:1px solid #e8e6ef;font-size:18px}.leaderboard li span:first-child{color:#5948cb;font-weight:850}.alert{background:#fff2f1;color:#942c35;border:1px solid #edc4c6;padding:13px 16px;border-radius:14px;margin:15px 0}.ok{background:#e8f6ef;color:#25714a;border:1px solid #bde6d0;padding:13px 16px;border-radius:14px;margin:15px 0}.stack{display:grid;gap:12px}.empty{text-align:center;padding:50px 24px}.empty h3{margin:6px 0}.empty p{margin-bottom:21px}.footer{color:#8a92a2;font-size:12px;margin:60px 0 0}.small-text{font-size:14px;color:#6f7c90}.names{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}.names span{background:#efecfb;border-radius:999px;color:#5047a5;font-weight:600;padding:8px 13px}.question-count{font-size:14px;font-weight:700;color:#747d91}.choice-r{font-size:13px;color:#677188;font-weight:650;margin-top:5px}.mini-stat{display:inline-block;padding:7px 10px;background:#f3f1fc;border-radius:10px;color:#5e4fc3;font-size:14px;font-weight:800}.hidden{display:none!important}@media(max-width:720px){.layout{padding:25px 20px 55px}.topbar{align-items:flex-start;margin-bottom:55px}.brand{font-size:24px}.nav{justify-content:end}.nav button{font-size:12px;padding:9px 10px}.feature{grid-template-columns:70px 1fr;gap:17px}.feature .actions{grid-column:1/-1}.symbol{width:67px;height:67px;border-radius:19px;font-size:28px}.feature h3{font-size:23px}.card{padding:23px;border-radius:28px}.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.choice-tile{min-height:90px;padding:17px;font-size:17px}.room-code{letter-spacing:3px}.hero h1{letter-spacing:-1.4px}.library-card{display:block}.library-card .actions{margin-top:14px}.section-head{align-items:flex-start}.btn{min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Host-room QR presentation adapted from Quizzle Host/styles.sass (MIT):
   QR zoom/dialog, high-contrast quiet zone, projector-friendly invite layout. */
.ciac-host-invite{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,255px);gap:23px;align-items:center;margin:22px auto;max-width:760px;text-align:left;border:1px solid #ded8f3;background:#fff}
.ciac-host-invite h2{color:#242757;margin:1px 0 12px;font-size:clamp(22px,3vw,30px)}
.ciac-host-invite p{line-height:1.5;color:#53617a}
.ciac-invite-url{font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:#4b5890;user-select:all}
.ciac-host-qr-code{padding:14px;max-width:280px;width:100%;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 0 0 1px #ece8f5}
.ciac-host-qr-code svg{width:100%;height:auto;display:block;shape-rendering:crispEdges;aspect-ratio:1}
.ciac-qr-backdrop{position:fixed;inset:0;z-index:1000;background:#1b2038da;display:flex;justify-content:center;align-items:center;padding:18px;overscroll-behavior:contain}
.ciac-qr-dialog{position:relative;width:min(580px,100%);max-height:95dvh;overflow:auto;background:#fff;border-radius:25px;padding:22px 27px 30px;box-shadow:0 24px 80px #080e285c;text-align:center}
.ciac-qr-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ciac-qr-dialog h2{margin:4px 0 18px;color:#242757;font-size:clamp(26px,4vw,40px)}
.ciac-qr-dialog .ciac-host-qr-code{max-width:370px;padding:12px}
.ciac-qr-display-pin{font-size:clamp(24px,4vw,42px);letter-spacing:.09em;font-weight:850;color:#5540b7;margin:12px 0 6px;font-variant-numeric:tabular-nums}
.ciac-qr-dialog .ciac-invite-url{margin:8px 0 0}
@media(max-width:640px){.ciac-host-invite{grid-template-columns:1fr;padding:17px}.ciac-host-invite-text{text-align:center}.ciac-host-qr-code{max-width:240px}.ciac-qr-dialog{padding:15px}.ciac-qr-dialog .ciac-host-qr-code{max-width:310px}}
@media(prefers-reduced-motion:reduce){.ciac-qr-backdrop{scroll-behavior:auto}}


/* Firma de autor: exclusiva de la pantalla inicial de cada aplicación.
   La tonalidad hereda el color distintivo de cada juego. */
.footer.ciac-credit-footer{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin:44px 0 0;
  padding:26px 12px 9px;
  text-align:center;
  font-size:13px;
  color:#556079;
}
.ciac-credit-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(100%,580px);
  height:1px;
  background:linear-gradient(90deg,transparent,#cbcbe1 18%,var(--activity-outline,#d6d0ed) 50%,#cbcbe1 82%,transparent);
}
.ciac-credit-copy{
  display:inline-block;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.ciac-credit-copy strong{
  color:#25324f;
  font-weight:800;
}
.ciac-credit-separator{
  color:#a0a6b9;
  padding:0 8px;
}
.ciac-credit-campus{
  color:var(--activity,#5b49bf);
  font-weight:750;
}
@media(max-width:480px){
  .footer.ciac-credit-footer{margin-top:34px;padding-top:20px;font-size:12px}
  .ciac-credit-separator{padding:0 5px}
}


/* CIAC Vita · portada Bento mobile-first. Scoped: no afecta el juego ni editores. */
.landing-layout{max-width:1180px;padding-top:24px}
.landing-topbar{margin-bottom:34px}
.landing-topbar .brand{font-size:25px;letter-spacing:-1.2px}
.landing-topbar .nav{align-items:center;gap:12px}
.landing-nav-explore{font-weight:750;font-size:14px;color:#424c71;text-decoration:none;padding:12px}
.landing-nav-explore:hover{text-decoration:underline;text-underline-offset:4px}
.landing-nav-cta{background:#eeeafd!important;border:1px solid #d9d0ff!important;color:#5540bf!important;border-radius:999px!important;padding:11px 18px!important}
.landing-home{isolation:isolate}
.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;padding:35px 42px;background:radial-gradient(ellipse at 17% 22%,#faf8ff 0%,transparent 66%),linear-gradient(116deg,#ece9fb 0%,#f8f7fc 55%,#e5f4f1 130%);border:1px solid #e8e3f5;border-radius:32px;overflow:hidden;box-shadow:0 20px 55px #3434500c}
.landing-hero::before{content:"";position:absolute;width:340px;height:340px;border:1px solid #bdb1ee60;border-radius:50%;top:-220px;left:32%;pointer-events:none}
.landing-hero::after{content:"";position:absolute;width:170px;height:170px;border:1px solid #cfc8e96b;border-radius:50%;bottom:-105px;left:42%;pointer-events:none}
.landing-intro{position:relative;z-index:1;min-width:0}
.landing-eyebrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;font-weight:850;letter-spacing:.115em;color:#5a4ba6;margin:0 0 24px}
.landing-eyebrow>span:not(.landing-live-dot){color:#b1a9cf}
.landing-live-dot{width:9px;height:9px;border-radius:50%;background:#11a688;box-shadow:0 0 0 5px #11a68820;flex:none}
.landing-intro h1{max-width:640px;font-size:clamp(37px,4.3vw,61px);line-height:1.085;letter-spacing:-2.7px;font-weight:850;color:#20294c;margin:0 0 19px}
.landing-intro h1 span{color:#6144cc}
.landing-subtitle{font-size:clamp(15px,1.5vw,18px);line-height:1.65;color:#59657d;max-width:545px;margin:0}
.landing-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.landing-chips span{font-size:12px;font-weight:760;color:#504e89;background:#ffffffbf;border:1px solid #e1ddf3;padding:8px 12px;border-radius:999px}



.landing-overline{font-size:10px;letter-spacing:.12em;font-weight:850;color:#6f60ae}



















.landing-catalogue{scroll-margin-top:26px}
.landing-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:42px 0 22px}
.landing-section-heading h2{font-size:clamp(27px,3vw,37px);line-height:1.18;letter-spacing:-1.3px;font-weight:850;color:#252c4b;margin:6px 0}
.landing-section-heading h2 span{color:#604ad0}
.landing-section-heading p{margin:7px 0 0;color:#69758d;font-size:15px}
.landing-count{font-size:11px;letter-spacing:.1em;font-weight:850;white-space:nowrap;color:#77739f;border:1px solid #dcd8ed;border-radius:999px;padding:10px 13px;background:#fff9}
.landing-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}
.landing-game{position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;min-width:0;min-height:218px;padding:25px;border-radius:24px;border:1px solid var(--activity-outline);background:linear-gradient(140deg,#fff 28%,var(--activity-soft) 145%);box-shadow:0 10px 30px #2834520a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:landingCardIn .46s cubic-bezier(.16,1,.3,1) both}
.landing-game:nth-child(2){animation-delay:55ms}.landing-game:nth-child(3){animation-delay:110ms}.landing-game:nth-child(4){animation-delay:165ms}.landing-game:nth-child(5){animation-delay:220ms}
.landing-game:hover{transform:translateY(-4px);box-shadow:0 15px 32px var(--activity-glow);border-color:var(--activity)}
.landing-game:active{transform:scale(.987)}
.landing-game--live{grid-column:span 3;min-height:258px;padding:26px 28px}
.landing-game--practice{grid-column:span 2}
.landing-game-top{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;position:relative;z-index:1}
.landing-game-icon{width:57px;height:57px;display:grid;place-items:center;border-radius:17px;background:var(--activity-soft);color:var(--activity);border:1px solid var(--activity-outline);font-weight:900;font-size:28px;box-shadow:inset 0 -4px var(--activity-outline)}
.landing-game-type{font-size:10px;font-weight:850;letter-spacing:.09em;color:var(--activity);background:var(--activity-soft);border-radius:999px;padding:9px 11px;border:1px solid var(--activity-outline)}
.landing-game h3{position:relative;z-index:1;font-size:clamp(23px,2.4vw,32px);letter-spacing:-1px;color:#27314b;margin:20px 0 6px;font-weight:850}
.landing-game p{position:relative;z-index:1;font-size:14px;line-height:1.55;color:#606d83;margin:0 0 22px;max-width:39ch}
.landing-game--practice h3{font-size:24px;margin-top:15px}
.landing-game--practice p{font-size:13px}
.landing-game-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;position:relative;z-index:1}
.landing-game-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;min-height:41px;border-radius:12px;background:var(--activity);color:#fff!important;border:1px solid var(--activity);font-size:12px;font-weight:850;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:filter .15s ease,transform .15s ease}
.landing-game-cta:hover{filter:brightness(.91)}
.landing-game-cta:active,.landing-game-ghost:active{transform:scale(.96)}
.landing-game-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:10px 13px;border:1px solid var(--activity-outline);background:#fff;color:var(--activity);border-radius:12px;font-size:12px;font-weight:850;touch-action:manipulation}
.landing-game--practice>.landing-game-cta{margin-top:auto}
.landing-game-ornament{position:absolute;width:180px;height:180px;right:-52px;top:45px;border:26px solid var(--activity-outline);opacity:.26;border-radius:50%;pointer-events:none}
.landing-game--live:nth-child(2) .landing-game-ornament{border-radius:27%;transform:rotate(24deg)}
.landing-teacher-note{display:flex;align-items:center;gap:13px;max-width:690px;margin:26px auto 0;padding:16px 22px;background:#f1effb;border:1px solid #e5e0f2;border-radius:16px;color:#69728c;font-size:13px;line-height:1.5}
.landing-teacher-note strong{color:#343c68}
.landing-teacher-icon{font-size:22px;color:#5d46c4}
@keyframes landingCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
  .landing-hero{grid-template-columns:minmax(0,1fr);gap:0;padding:26px}
  .landing-intro h1{font-size:clamp(34px,4.4vw,48px)}
  .landing-game--live{min-height:244px}
}
@media(max-width:720px){
  .landing-layout{padding:19px 17px 52px}
  .landing-topbar{align-items:center;margin-bottom:20px}
  .landing-topbar .brand{font-size:21px}
  .landing-nav-explore{font-size:12px;padding:8px 3px}
  .landing-nav-cta{font-size:12px!important;padding:9px 11px!important}
  .landing-topbar .nav{gap:5px}
  .landing-hero{grid-template-columns:1fr;gap:23px;padding:25px 19px 20px;border-radius:26px}
  .landing-eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:14px}
  .landing-intro h1{font-size:clamp(36px,8.4vw,48px);letter-spacing:-1.8px;margin-bottom:11px}
  .landing-subtitle{font-size:14px;line-height:1.55}
  .landing-chips{margin-top:14px;gap:6px}
  .landing-chips span{font-size:10px;padding:6px 9px}




  .landing-section-heading{margin:34px 0 17px}
  .landing-count{display:none}
  .landing-section-heading h2{font-size:27px}
  .landing-section-heading p{font-size:13px}
  .landing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .landing-game--live,.landing-game--practice{grid-column:span 1;min-height:222px;padding:15px}
  .landing-game-icon{width:43px;height:43px;border-radius:13px;font-size:21px}
  .landing-game-type{font-size:8px;letter-spacing:.035em;padding:7px}
  .landing-game h3,.landing-game--practice h3{font-size:20px;margin:16px 0 6px;letter-spacing:-.7px}
  .landing-game p,.landing-game--practice p{font-size:12px;line-height:1.45;margin-bottom:17px}
  .landing-game-cta,.landing-game-ghost{min-height:37px;padding:8px 10px;font-size:11px;gap:5px}
  .landing-game-actions{gap:6px}
  .landing-game:last-child{grid-column:span 2;min-height:148px;display:grid;grid-template-columns:1fr auto;align-items:start}
  .landing-game:last-child .landing-game-top{grid-column:1/-1}
  .landing-game:last-child h3{grid-column:1;margin:8px 0 2px}
  .landing-game:last-child p{grid-column:1;margin:0}
  .landing-game:last-child>.landing-game-cta{grid-column:2;grid-row:2/4;align-self:center;margin:auto 0}
  .landing-teacher-note{padding:13px;font-size:12px}
}
@media(max-width:390px){
  .landing-topbar .brand{font-size:19px}
  .landing-nav-explore{display:none}
  .landing-hero{padding:19px 14px}
  .landing-intro h1{font-size:34px}
  .landing-game{padding:12px}
  .landing-game-type{font-size:7px;padding:6px}
  .landing-game h3,.landing-game--practice h3{font-size:18px}
  .landing-game-actions{flex-direction:column;align-items:stretch;width:100%}
  .landing-game-cta,.landing-game-ghost{width:100%}
}
@media(hover:none){.landing-game:hover{transform:none;box-shadow:0 10px 30px #2834520a}}
@media(prefers-reduced-motion:reduce){
  .landing-game{animation:none!important;transition:none!important}
  .landing-hero::before,.landing-hero::after{animation:none!important}
.landing-game-cta{transition:none!important}
  .landing-game:hover,.landing-game:active{transform:none}
}


/* CIACHUT · Bento contest surfaces — internal screens only. */
body.theme-ciacchut .layout:not(.landing-layout) .question-card{
  border:1px solid var(--activity-outline);border-top:5px solid var(--activity);
  background:linear-gradient(140deg,#fff 65%,#f6f2ff);
  border-radius:25px;box-shadow:0 17px 38px var(--activity-glow);
}
body.theme-ciacchut .layout:not(.landing-layout) .question-card h2{
  font-size:clamp(26px,3.5vw,44px);font-weight:850;line-height:1.2;color:#242d4a;
}
body.theme-ciacchut .layout:not(.landing-layout) .choice-tile{
  min-height:112px;border:2px solid var(--activity-outline);border-radius:19px;
  box-shadow:0 5px 0 #24223d10,0 13px 25px #24223d06;font-weight:770;background:#fff;
}
body.theme-ciacchut .layout:not(.landing-layout) .choice-tile:hover:not(:disabled){
  border-color:var(--answer-edge,var(--activity));
  background:var(--answer-tint,var(--activity-soft));
}
body.theme-ciacchut .layout:not(.landing-layout) .choice-tile.picked{
  border-color:var(--activity);background:var(--activity-soft);
  box-shadow:inset 0 -4px var(--activity-outline);
}
body.theme-ciacchut .layout:not(.landing-layout) .choice-tile.correct{
  border-color:#59aa8a;background:#ecf9f2;
}
body.theme-ciacchut .layout:not(.landing-layout) .choice-tile.wrong{
  border-color:#d48189;background:#fff3f3;
}
body.theme-ciacchut .layout:not(.landing-layout) .timer{
  border:1px solid var(--activity-outline);border-radius:15px;
  background:var(--activity-soft);color:var(--activity);
  box-shadow:inset 0 -3px var(--activity-outline);
}
body.theme-ciacchut .layout:not(.landing-layout) .leaderboard li{
  padding:15px 17px;background:#fff;border:1px solid #e8e5f3;
  border-radius:14px;margin-bottom:9px;font-variant-numeric:tabular-nums;
}
body.theme-ciacchut .layout:not(.landing-layout) .leaderboard li:first-child{
  border-color:var(--activity-outline);background:var(--activity-soft);
  box-shadow:0 4px 0 var(--activity-outline);
}
body.theme-ciacchut .layout:not(.landing-layout) :is(.room-code,.ciac-qr-display-pin){
  color:var(--activity);font-variant-numeric:tabular-nums;
  text-shadow:0 5px 15px var(--activity-glow);
}
@media(max-width:760px){
 body.theme-ciacchut .layout:not(.landing-layout) .choice-tile{min-height:91px}
}
@media(max-width:390px){
 body.theme-ciacchut .layout:not(.landing-layout) .choice-tile{padding:13px;gap:10px}
}