:root{--paper: var(--color-paper);--paper-warm: var(--color-paper-warm);--paper-deep: var(--color-paper-deep);--surface: var(--color-surface);--ink: var(--color-ink);--ink-soft: var(--color-ink-soft);--ink-mute: var(--color-ink-mute);--rule: var(--color-rule);--terracotta: var(--color-terracotta);--terracotta-deep: var(--color-terracotta-deep);--terracotta-soft: var(--color-terracotta-soft);--ocra: var(--color-ocra);--ocra-soft: var(--color-ocra-soft);--azulejo: var(--color-azulejo);--azulejo-deep: var(--color-azulejo-deep);--azulejo-soft: var(--color-azulejo-soft);--verde: var(--color-verde);--verde-soft: var(--color-verde-soft);--correct: var(--verde);--correct-soft: var(--verde-soft);--wrong: var(--terracotta);--wrong-soft: var(--terracotta-soft);--ex-radius-sm: 10px;--ex-radius: 16px;--ex-radius-lg: 24px;--ex-shadow: 0 14px 30px -20px rgba(26, 22, 18, .3);--ex-shadow-lg: 0 24px 70px -30px rgba(26, 22, 18, .45)}.ex{max-width:1000px;margin:0 auto}.ex-head{text-align:center;margin-bottom:28px}.ex-head h2{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.6rem);font-weight:600;line-height:1.1}.ex-head em{font-style:italic;color:var(--terracotta)}.ex-subtitle{margin-top:8px;font-size:1rem;color:var(--ink-soft);font-weight:500}.ex-flag{display:inline-flex;gap:0;border-radius:3px;overflow:hidden;vertical-align:middle}.ex-flag span{display:block;width:26px;height:10px}.ex-flag .r{background:#c60b1e}.ex-flag .y{background:#ffc400}.ex-flag--center{display:flex;justify-content:center;margin-bottom:14px}.ex-flag--center span{width:40px;height:15px}.ex-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:22px}.ex-tab{padding:8px 20px;border-radius:999px;border:1.5px solid var(--rule);background:transparent;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .18s ease}.ex-tab:hover:not(.is-active){border-color:var(--ink-soft);color:var(--ink)}.ex-tab.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ex-note{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--azulejo);border-radius:var(--ex-radius);padding:14px 18px;font-size:.92rem;color:var(--ink-soft);line-height:1.5;margin-bottom:22px}.ex-note strong{color:var(--azulejo)}.ex-etichetta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:.78rem;color:var(--azulejo-deep);background:var(--azulejo-soft);border-radius:999px;padding:4px 12px;margin-bottom:10px}.ex-titolo{font-family:var(--font-display);font-weight:600;font-size:1.42rem;margin:0 0 8px;letter-spacing:-.01em;color:var(--ink)}.ex-esquema{display:flex;flex-direction:column;gap:5px;background:var(--azulejo-soft);border:1px solid var(--rule);border-radius:11px;padding:11px 13px;margin:0 0 16px;font-size:.9rem;font-weight:700;color:var(--ink-soft)}.ex-esquema__r{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px}.ex-esquema b{color:var(--azulejo-deep);font-weight:800}.ex-esquema__arr{color:var(--ink-mute);font-weight:800}.ex-esquema__ej{color:var(--ink);font-weight:700}.ex-esquema__note{color:var(--ink-mute);font-weight:600;font-size:.84rem}.ex-scorebar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--rule);border-radius:var(--ex-radius);padding:14px 22px;margin-bottom:24px;box-shadow:var(--ex-shadow)}.ex-stat{display:flex;flex-direction:column;gap:2px}.ex-stat__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);font-weight:600}.ex-stat__value{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--ink)}.ex-stat__value--correct{color:var(--correct)}.ex-stat__value--wrong{color:var(--wrong)}.ex-stat__value--accent{color:var(--terracotta)}.ex-progress{flex:1;min-width:100px;height:8px;background:var(--paper-deep);border-radius:999px;overflow:hidden}.ex-progress__fill{height:100%;background:linear-gradient(90deg,var(--ocra),var(--terracotta));border-radius:999px;transition:width .4s ease}.ex-btn{font-family:var(--font-body);font-weight:600;font-size:.9rem;padding:10px 20px;border-radius:var(--ex-radius-sm);border:1.5px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer;transition:all .18s ease;white-space:nowrap}.ex-btn:hover:not(:disabled){border-color:var(--ink-soft);transform:translateY(-1px)}.ex-btn:disabled{opacity:.45;cursor:default}.ex-btn--solid{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ex-btn--solid:hover:not(:disabled){opacity:.88}.ex-btn--accent{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.ex-btn--accent:hover:not(:disabled){background:var(--terracotta-deep);border-color:var(--terracotta-deep)}.ex-btn--lg{padding:13px 34px;font-size:1rem;font-weight:700}.ex-question{background:var(--surface);border:1px solid var(--rule);border-radius:var(--ex-radius-lg);padding:36px;text-align:center;margin-bottom:24px;box-shadow:var(--ex-shadow)}.ex-question__label{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);font-weight:600;margin-bottom:12px}.ex-question__emoji{font-size:clamp(3rem,8vw,5rem);line-height:1.2}.ex-question__word{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:var(--ink);line-height:1.15}.ex-question__hint{margin-top:10px;font-size:.88rem;color:var(--ink-mute);font-style:italic}.ex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:680px){.ex-grid--4{grid-template-columns:repeat(4,1fr)}.ex-grid--3{grid-template-columns:repeat(3,1fr)}}.ex-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:2.5px solid var(--rule);border-radius:18px;padding:18px 12px;font-family:var(--font-body);font-size:.92rem;font-weight:600;color:var(--ink);line-height:1.3;text-align:center;cursor:pointer;box-shadow:0 2px 10px #1a16120d;transition:all .18s ease}.ex-option__emoji{font-size:1.6rem}.ex-option:hover:not(:disabled){border-color:var(--ocra);transform:translateY(-3px);box-shadow:0 10px 24px -10px #b8833066}.ex-option:disabled{cursor:default}.ex-option.is-correct{border-color:var(--correct);background:var(--correct-soft);animation:ex-pop .35s ease}.ex-option.is-wrong{border-color:var(--wrong);background:var(--wrong-soft);animation:ex-shake .35s ease}.ex-chip{display:block;width:100%;padding:9px 12px;margin-bottom:7px;background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--ex-radius-sm);font-size:.88rem;font-weight:600;color:var(--ink);text-align:center;cursor:grab;user-select:none;transition:all .18s ease}.ex-chip:hover{border-color:var(--azulejo);transform:translateY(-2px);box-shadow:0 6px 18px -8px #2c4a7873}.ex-chip.is-dragging{opacity:.4;cursor:grabbing}.ex-chip.is-placed{opacity:.3;cursor:default;pointer-events:none}.ex-chip--es{border-left:3px solid var(--terracotta)}.ex-chip--it{border-left:3px solid var(--azulejo)}.ex-chip.is-selected{border-color:var(--ocra);box-shadow:0 0 0 2px var(--ocra-soft);transform:translateY(-2px)}.ex-chip.is-matched{background:var(--azulejo-soft);border-color:var(--azulejo);color:var(--azulejo-deep)}.ex-chip.is-correct{background:var(--correct-soft);border-color:var(--correct);color:var(--verde)}.ex-chip.is-wrong{background:var(--wrong-soft);border-color:var(--wrong);color:var(--terracotta-deep)}.ex-placed{padding:6px 12px;border-radius:var(--ex-radius-sm);font-size:.84rem;font-weight:600;max-width:180px;text-align:center;border:1.5px solid transparent;cursor:pointer;transition:all .18s ease;animation:ex-chip-in .25s cubic-bezier(.34,1.56,.64,1)}.ex-placed:hover{opacity:.75;transform:scale(.97)}.ex-placed--es{background:var(--terracotta-soft);border-color:var(--terracotta);color:var(--terracotta-deep)}.ex-placed--it{background:var(--azulejo-soft);border-color:var(--azulejo);color:var(--azulejo-deep)}.ex-placed.is-correct{background:var(--correct-soft);border-color:var(--correct)!important;color:var(--verde)!important}.ex-placed.is-wrong{background:var(--wrong-soft);border-color:var(--wrong)!important;color:var(--terracotta-deep)!important}.ex-dropzone{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--rule);border-radius:var(--ex-radius-sm);min-height:46px;padding:4px 10px;transition:all .2s ease}.ex-dropzone.is-over{border-color:var(--azulejo);background:var(--azulejo-soft)}.ex-slot{font-size:.72rem;color:var(--ink-mute);display:flex;align-items:center;justify-content:center}.ex-panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--ex-radius);padding:16px}.ex-panel__title{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);margin-bottom:12px;font-weight:600}.ex-timer{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}.ex-timer__ring-wrap{position:relative;width:72px;height:72px;flex-shrink:0}.ex-timer__ring-wrap svg{transform:rotate(-90deg)}.ex-timer__ring-bg{fill:none;stroke:var(--paper-deep);stroke-width:6}.ex-timer__ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s ease}.ex-timer__num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--ink);transition:color .3s ease}.ex-timer__num.is-urgent{color:var(--terracotta);animation:ex-pulse .6s ease infinite alternate}.ex-timer__controls{display:flex;flex-direction:column;gap:7px}.ex-timer__speed{display:flex;gap:6px;flex-wrap:wrap}.ex-feedback{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);background:var(--surface);border:1px solid var(--rule);border-radius:var(--ex-radius-lg);padding:34px 50px;text-align:center;z-index:100;box-shadow:var(--ex-shadow-lg);transition:all .25s cubic-bezier(.17,.67,.35,1.3);pointer-events:none}.ex-feedback.is-show{display:block;transform:translate(-50%,-50%) scale(1)}.ex-feedback__icon{font-size:3.3rem;margin-bottom:10px}.ex-feedback__text{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--ink)}.ex-feedback__sub{font-size:.95rem;color:var(--ink-soft);margin-top:6px}.ex-result{display:none;text-align:center;padding:48px 24px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--ex-radius-lg);box-shadow:var(--ex-shadow)}.ex-result.is-show{display:block}.ex-result__icon{font-size:4.5rem;margin-bottom:14px}.ex-result__title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--ink);margin-bottom:8px}.ex-result__score{font-size:1.15rem;color:var(--ink-soft);margin-bottom:26px}.ex-result__score strong{font-family:var(--font-display);font-size:1.8rem;color:var(--terracotta)}.ex-center{text-align:center}.ex-mt{margin-top:20px}.ex-row{display:flex;gap:12px;align-items:center}.ex-row--center{justify-content:center}.ex-hidden{display:none!important}@keyframes ex-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes ex-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes ex-pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes ex-chip-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.ex-option,.ex-placed,.ex-timer__num,.ex-feedback{animation:none!important}}