/*
 * CIAC Vita · Componentes reutilizados y adaptados de código abierto (MIT).
 * LiveSpark: public/global.css (bar-chart, word-cloud, text-feed, glass card).
 * Quizzle: AnswerShape/styles.sass, QuestionAnalytics/styles.sass, StatCard/styles.sass.
 * H5P Dialogcards: src/styles/h5p-dialogcards.css (repetition progression).
 * Cosmic Idle: AchievementToast.tsx, MobileNav.tsx (layout, motion).
 *
 * Preserva estilos compartidos y temas de cada actividad; ver THIRD_PARTY_NOTICES.md.
 */
/* Quizzle shapes and answer tiles: shape remains decorative beside accessible text */
.ciac-answer-shape{
 display:inline-flex;align-items:center;justify-content:center;
 width:24px;height:24px;flex:none;filter:drop-shadow(0 2px 2px #17233b42);
 vertical-align:middle;line-height:0;
}
.choice-tile .letter{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:52px;min-height:56px;justify-content:center}
.choice-tile .ciac-choice-letter{font-size:13px;line-height:1;font-weight:900;opacity:.72}
.solo-play-choice .ciac-answer-icon{display:flex;align-items:center;justify-content:center;flex:0 0 43px;height:43px;border-radius:12px;background:var(--activity-soft);color:var(--activity)}
.solo-play-choice .ciac-answer-icon .ciac-answer-shape{width:25px;height:25px}
.choice-tile:nth-child(1){--answer-tint:#fef0f0;--answer-edge:#b83e55}
.choice-tile:nth-child(2){--answer-tint:#edf3fe;--answer-edge:#2767bc}
.choice-tile:nth-child(3){--answer-tint:#fff5db;--answer-edge:#a76d0d}
.choice-tile:nth-child(4){--answer-tint:#eaf8f2;--answer-edge:#168467}
.choice-tile:not(.correct):not(.wrong):not(.picked):hover:not(:disabled){border-color:var(--answer-edge);background:var(--answer-tint);transform:translateY(-3px)}
.choice-tile .letter{color:var(--answer-edge);background:var(--answer-tint)}
.choice-tile:focus-visible,.solo-play-choice:focus-visible{outline:3px solid var(--activity);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.choice-tile:hover{transform:none!important}}
/* LiveSpark host result graph: exact visual composition ported to CIAC text template. */
.ciac-live-results{width:100%;margin:12px 0 6px}
.ciac-mente-chart{display:flex;flex-direction:column;gap:13px;margin:22px 0}
.ciac-mente-bar-row{display:grid;grid-template-columns:minmax(78px,150px) minmax(40px,1fr) 44px;align-items:center;gap:13px}
.ciac-mente-bar-label{overflow-wrap:anywhere;line-height:1.3;font-size:14px;color:#374660;font-weight:700}
.ciac-mente-bar-track{height:29px;border-radius:10px;background:#eff0f5;overflow:hidden;position:relative}
.ciac-mente-bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--ciac-bar),color-mix(in srgb,var(--ciac-bar) 75%,white));display:flex;align-items:center;padding-left:9px;white-space:nowrap;color:#fff;font-size:12px;font-weight:850;transition:width 600ms cubic-bezier(.16,1,.3,1)}
.ciac-mente-bar-count{text-align:right;font-size:14px;font-weight:850;color:#53607b;font-variant-numeric:tabular-nums}
.ciac-mente-rating{display:flex;align-items:center;gap:20px;padding:16px 22px;background:#f9f6ed;border:1px solid #f0e7cc;border-radius:17px;margin:16px 0}
.ciac-mente-rating strong{font-size:clamp(36px,6vw,56px);color:#795319;line-height:1}
.ciac-mente-stars{color:#a66d15;font-size:clamp(23px,4vw,35px);letter-spacing:3px}
.ciac-live-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 21px;min-height:200px;padding:24px 10px;background:radial-gradient(ellipse at 70% 10%,#e9f8f5,transparent 50%),#fafbfd;border:1px solid #e1edea;border-radius:19px}
.ciac-cloud-word{display:inline-block;font-weight:800;white-space:normal;overflow-wrap:anywhere;transition:transform .25s,color .45s,font-size .35s;line-height:1.05}
.ciac-cloud-word:hover{transform:scale(1.08)}
.ciac-live-feed{display:flex;flex-direction:column;gap:11px;max-height:440px;overflow-y:auto;scrollbar-width:thin;padding:4px 1px}
.ciac-live-feed-item{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;padding:16px 19px;border:1px solid #dcece8;border-radius:14px;background:#f5faf9;color:#2f4b4e;font-weight:600;overflow-wrap:anywhere;animation:ciacSlideInUp .3s ease both}
/* Quizzle question analytics: segmented accuracy, breakdown and drilldown. */
.ciac-question-analytics{border:1px solid #e2e8f4!important;background:#fafdff!important}
.ciac-analytics-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ciac-analytics-top strong{line-height:1.4;color:#27324a;overflow-wrap:anywhere}
.ciac-analytics-level{display:inline-block;font-weight:800;font-size:12px;color:#285d92;background:#e5f0ff;border-radius:99px;padding:6px 10px;white-space:nowrap}
.ciac-analytics-segments{display:flex;height:15px;overflow:hidden;border-radius:30px;background:#e1e7ed;margin:16px 0 12px}
.ciac-segment-right{display:block;background:#168368;transition:width .5s ease}
.ciac-segment-wrong{display:block;background:#c45768;transition:width .5s ease}
.ciac-analytics-legend{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;font-weight:780;color:#4c6076}
.ciac-analytics-legend span:first-child{color:#14785b}
.ciac-analytics-legend span:last-child{color:#b44b61}
.ciac-distribution{margin-top:15px;border-top:1px solid #e1e5ed;padding-top:12px}
.ciac-distribution summary{color:#245c96;cursor:pointer;font-weight:700}
.ciac-distribution-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0;padding:8px 10px;background:#fff;border-radius:10px;overflow-wrap:anywhere}
.ciac-distribution-row strong{color:#2563b4;flex:none}
/* H5P Dialogcards: repetition pile controls and current proficiency badge */
.match-progress span{transition:width .4s cubic-bezier(.16,1,.3,1)}
.match-flip:focus-visible{outline:3px solid var(--activity);outline-offset:5px}
.match-actions [data-action="repeat-know"]{background:#277553!important;border-color:#277553!important;color:#fff!important}
.match-actions [data-action="repeat-know"]:hover{background:#1c5d40!important}
.match-actions [data-action="repeat-again"]{color:#9c4a22!important;background:#fff7ed!important;border-color:#edceaf!important}
.match-actions [data-action="enable-repetition"]{font-size:13px}
/* Cosmic Idle achievements: right-side slide notification and badges. */
.ciac-achievements{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
.ciac-achievement{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border-radius:13px;border:1px solid #e6d5a7;background:#fff7e7;color:#69440e;font-weight:800;font-size:13px}
.ciac-achievement span{font-size:19px}
.ciac-achievement-toast{position:fixed;right:20px;top:20px;z-index:1200;width:min(330px,calc(100vw - 40px));padding:16px 20px;border:1px solid #e7c276;border-radius:19px;background:#fff8e9;box-shadow:0 12px 40px #3b2c2140;display:flex;gap:13px;align-items:center;animation:ciacAchievementEnter .42s cubic-bezier(.2,1.4,.4,1)}
.ciac-achievement-toast .trophy{font-size:29px;color:#966116}
.ciac-achievement-toast small{font-size:10px;color:#996316;font-weight:850;text-transform:uppercase;letter-spacing:.8px}
.ciac-achievement-toast strong{display:block;font-size:16px;color:#4b3418}
.ciac-achievement-toast p{color:#79634a;font-size:12px;margin:4px 0 0}
@keyframes ciacAchievementEnter{from{opacity:0;transform:translateX(80px)}to{opacity:1;transform:translateX(0)}}
/* Cosmic Idle MobileNav: compact panel sections with same content, CIAC style. */
.ciac-coins-mobile-tabs{display:none}
.ciac-coins-tab-label{display:flex;align-items:center;gap:7px}
.coins-status-grid .coins-stat{transition:box-shadow .2s ease,transform .2s ease}
.coins-status-grid .coins-stat:hover{box-shadow:0 6px 16px #9160181e;transform:translateY(-1px)}
@media(max-width:740px){
 .ciac-mente-bar-row{grid-template-columns:minmax(72px,95px) minmax(50px,1fr) 30px;gap:8px}
 .ciac-mente-bar-label{font-size:12px}
 .ciac-mente-stars{letter-spacing:1px}
 .ciac-mente-rating{padding:13px}
 .ciac-coins-mobile-tabs{display:flex;position:sticky;top:0;z-index:20;gap:7px;margin:15px 0;padding:8px;background:#fffef3ee;backdrop-filter:blur(14px);border:1px solid #ecdfc7;border-radius:15px}
 .ciac-coins-mobile-tabs button{flex:1;min-height:45px;padding:8px 7px;border:0;border-radius:11px;background:transparent;color:#6b604f;font-size:12px;font-weight:850}
 .ciac-coins-mobile-tabs button[aria-selected="true"]{color:#754608;background:#fae9bd;box-shadow:inset 0 -3px #ae741c}
 body.theme-ciaccoins .coins-section-hide{display:none!important}
 .ciac-live-feed-item{padding:12px}
}
@media(prefers-reduced-motion:reduce){
 .ciac-mente-bar-fill,.ciac-cloud-word,.ciac-segment-right,.ciac-segment-wrong,.coins-stat{transition:none!important}
 .ciac-live-feed-item,.ciac-achievement-toast{animation:none!important}
 .choice-tile:hover,.coins-stat:hover{transform:none!important}
}