.fpe-voc-app{--fpe-blu:var(--fp-blu,#1e3a8a);--fpe-teal:var(--fp-teal,#0d9488);--fpe-cielo:var(--fp-cielo,#0284c7);--fpe-acc:var(--fp-accent,#38bdf8);font-family:inherit;margin:0 0 22px}.fpe-voc-app *{box-sizing:border-box}.fpe-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.fpe-reveal.fpe-in-view{opacity:1;transform:none}.fpe-voc-box{background:#f8fafc;border:2px solid var(--fpe-teal);border-radius:12px;padding:18px;margin-bottom:20px}.fpe-voc-tit{color:var(--fpe-blu);margin:0 0 4px;text-align:center;font-size:1.35rem;line-height:1.3}.fpe-voc-hint{text-align:center;font-size:.9rem;color:#475569;margin:0 0 14px}.fpe-voc-hint b{color:var(--fpe-teal)}.fpe-voc-studio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fpe-voc-studio .fpe-carta{aspect-ratio:.82}.fpe-carta{border:3px solid #cbd5e1;border-radius:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;padding:8px 6px;gap:4px;-webkit-tap-highlight-color:transparent;user-select:none;transition:transform .16s,border-color .2s,box-shadow .2s;will-change:transform}.fpe-carta:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.fpe-carta:hover{border-color:var(--fpe-teal);box-shadow:0 6px 18px rgba(13,148,136,.16)}}.fpe-carta .fig{width:100%;flex:1 1 auto;min-height:0;border-radius:8px;background-repeat:no-repeat;background-color:#eef4f8;display:flex;align-items:center;justify-content:center;font-size:clamp(1.6rem,9vw,2.8rem);line-height:1}.fpe-carta .en{font-weight:800;color:var(--fpe-blu);font-size:clamp(.78rem,3.4vw,1rem);line-height:1.2}.fpe-carta .it{color:#64748b;font-size:clamp(.7rem,3vw,.85rem);line-height:1.2}.fpe-carta .gira-hint{font-size:.62rem;color:#94a3b8;letter-spacing:.04em}.fpe-carta.is-retro{background:linear-gradient(160deg,#0f172a,#0b1120);border-color:var(--fpe-acc)}.fpe-carta.is-retro .en{color:#fff}.fpe-carta.is-retro .it{color:#7dd3fc;font-weight:700;font-size:clamp(.78rem,3.4vw,.98rem)}.fpe-carta.is-retro .fig{background-color:rgba(255,255,255,.07)}.fpe-carta.is-right{border-color:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2)}.fpe-carta.is-wrong{border-color:#ef4444;opacity:.62}.fpe-carta.is-speaking{border-color:var(--fpe-cielo)}.fpe-voc-gioco{background:#f0f9ff;padding:20px;border-radius:12px;border:2px solid var(--fpe-cielo);margin-top:26px}.fpe-q{text-align:center;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center}.fpe-q-en{font-size:clamp(1.4rem,6vw,2rem);font-weight:800;color:var(--fpe-blu);letter-spacing:.3px}.fpe-q-audio{display:block;font-size:.85rem;color:var(--fpe-teal);font-weight:700;margin-top:2px;cursor:pointer}.fpe-q-fig{width:150px;height:150px;border-radius:14px;border:3px solid var(--fpe-cielo);background-repeat:no-repeat;background-color:#eef4f8;display:flex;align-items:center;justify-content:center;font-size:4.4rem;box-shadow:0 6px 20px rgba(2,132,199,.18)}.fpe-sotto{text-align:center;font-size:.88rem;color:#64748b;margin:8px 0 16px}.fpe-opzioni{display:grid;gap:12px;margin:0 auto}.fpe-opzioni.a-figure{grid-template-columns:repeat(2,1fr);max-width:420px}.fpe-opzioni.a-figure .fpe-carta{aspect-ratio:1}.fpe-opzioni.a-parole{grid-template-columns:1fr 1fr;max-width:460px;gap:10px}.fpe-opzioni.a-parole .fpe-carta{min-height:104px}.fpe-avanti{text-align:center;font-size:.85rem;color:var(--fpe-teal);font-weight:700;margin:14px 0 0;min-height:20px}.fpe-barra{height:8px;background:#e2e8f0;border-radius:8px;overflow:hidden;margin:10px auto 0;max-width:420px}.fpe-barra i{display:block;height:100%;width:0;background:var(--fpe-teal);transition:width .35s ease}.fpe-fine{margin-top:22px;padding:20px;border-radius:12px;display:none;text-align:center;border:3px solid transparent}.fpe-fine.is-perfect{box-shadow:0 0 0 4px rgba(56,189,248,.25),0 0 46px rgba(56,189,248,.45)}.fpe-fine video{width:100%;max-width:150px;height:150px;object-fit:contain;margin:0 auto;display:block;image-rendering:pixelated;border-radius:8px;background:rgba(255,255,255,.5)}.fpe-fine-t{margin:10px 0;font-size:1.5rem;text-transform:uppercase}.fpe-fine-m{font-size:1rem;margin:0 0 14px;font-weight:700;line-height:1.5}.fpe-voc-btn{border:0;padding:12px 22px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;background:#e2e8f0;color:#475569;transition:transform .1s;-webkit-tap-highlight-color:transparent}.fpe-voc-btn:active{transform:scale(.98)}.fpe-say{border-bottom:2px dotted var(--fp-teal,#0d9488);cursor:pointer;font-weight:600;color:var(--fp-blu,#1e3a8a);-webkit-tap-highlight-color:transparent}.fpe-say:active,.fpe-say.is-speaking{background:rgba(13,148,136,.13);border-radius:4px}#fpe-fx{position:fixed;inset:0;pointer-events:none;z-index:99999;overflow:hidden}.fpe-fall{position:absolute;top:-60px;font-size:2.2rem;will-change:transform}@media (max-width:520px){.fpe-voc-studio{grid-template-columns:repeat(2,1fr);gap:9px}.fpe-voc-box,.fpe-voc-gioco{padding:14px}}@media (max-width:460px){.fpe-opzioni.a-parole{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.fpe-reveal{opacity:1;transform:none;transition:none}.fpe-fall,.fpe-spark{display:none}.fpe-carta{transition:none}}.fpe-drill[hidden]{display:none !important}.fpe-drill{position:fixed;inset:0;z-index:10002;background:rgba(2,6,16,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;overflow-y:auto}.fpe-drill-top{display:flex;justify-content:space-between;align-items:flex-start}.fpe-drill-it{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;margin:8px 0 5px;color:var(--fpe-title);text-wrap:balance}.fpe-drill-ask{font-size:.74rem;text-transform:uppercase;letter-spacing:1.4px;color:var(--fpe-faint);margin:0 0 18px}.fpe-drill-opts{display:grid;gap:11px}.fpe-drill-why{margin:18px 0;font-size:.93rem;color:var(--fpe-dim);line-height:1.7}.fpe-drill-why em{color:var(--fpe-accent);font-style:normal;font-family:var(--fpe-mono);font-size:.9em}.fpe-drill-ok{color:var(--fpe-ok);font-weight:900;margin:0 0 7px;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.fpe-drill-no{color:var(--fpe-bad);font-weight:900;margin:0 0 7px;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.fpe-drill-end h3{font-size:2.2rem;margin:0 0 8px;color:var(--fpe-accent);font-weight:900}