@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700&family=Montserrat:wght@400;500;600;700;800&display=swap');#opo-fc *{margin:0;padding:0;box-sizing:border-box}#opo-fc{  --navy:#1D2757; --navy2:#141d40;  --blue:#3D6CF5; --blue-d:#2747b0; --blue-l:#7f9cf2;  --ink:#2c3457; --muted:#6b7396; --line:#e7ecf7; --card:#f6f8fc;  --soft:#eef3fe; --ok:#22c55e; --ok-d:#16a34a; --bad:#ef5350;  --serif:'Fraunces',Georgia,serif; --sans:'Montserrat',-apple-system,sans-serif;  font-family:var(--sans); color:var(--ink); line-height:1.6;  background:#fff; max-width:640px; margin:0 auto; padding:26px 22px 34px;  -webkit-font-smoothing:antialiased;}/* CABECERA */#opo-fc .fc-head{text-align:center;margin-bottom:6px}#opo-fc .fc-cat{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--blue)}#opo-fc .fc-head h1{font-family:var(--serif);font-weight:600;font-size:clamp(26px,6vw,34px);color:var(--navy);line-height:1.1;margin:8px 0 0;letter-spacing:-.01em}#opo-fc .fc-head .fc-sub{color:var(--muted);font-size:14px;margin-top:8px}/* MENÚ DE MAZOS */#opo-fc .fc-menu{margin-top:24px;display:grid;gap:12px}#opo-fc .fc-deck{display:flex;align-items:center;gap:16px;width:100%;text-align:left;  background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px;cursor:pointer;  font-family:var(--sans);transition:transform .14s ease,border-color .16s ease,background .16s ease}#opo-fc .fc-deck:hover{border-color:var(--blue-l);background:#fff;transform:translateY(-2px)}#opo-fc .fc-deck .dnum{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;  background:radial-gradient(130% 130% at 80% 8%,var(--blue-l),var(--blue) 60%,var(--blue-d));  font-family:var(--serif);font-weight:600;font-size:21px;color:#fff}#opo-fc .fc-deck .dtxt{flex:1;min-width:0}#opo-fc .fc-deck .dtit{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--navy);line-height:1.2}#opo-fc .fc-deck .dsub{font-size:13px;color:var(--muted);margin-top:2px}#opo-fc .fc-deck .dn{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--blue);background:var(--soft);border-radius:30px;padding:6px 12px}#opo-fc .fc-deck .dchev{flex:0 0 auto;width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}/* STUDY (oculto hasta elegir mazo) */#opo-fc .fc-study{display:none}#opo-fc .fc-study.show{display:block}#opo-fc .fc-back{background:none;border:0;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:13px;color:var(--muted);  display:inline-flex;align-items:center;gap:5px;padding:4px 0;margin:20px 0 4px;transition:color .15s}#opo-fc .fc-back:hover{color:var(--blue)}#opo-fc .fc-back svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}/* STATS */#opo-fc .fc-stats{display:flex;gap:8px;margin:10px 0 14px}#opo-fc .fc-stat{flex:1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 8px;text-align:center}#opo-fc .fc-stat .n{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1;color:var(--navy)}#opo-fc .fc-stat .l{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-top:5px}#opo-fc .fc-stat.ok .n{color:var(--ok)}#opo-fc .fc-stat.pend .n{color:var(--blue)}#opo-fc .fc-bar{height:6px;width:100%;background:var(--line);border-radius:99px;overflow:hidden;margin-bottom:22px}#opo-fc .fc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue-l),var(--blue));border-radius:99px;transition:width .4s cubic-bezier(.2,.7,.2,1)}/* TARJETA (FLIP) */#opo-fc .fc-stage{perspective:1600px;margin-bottom:16px}#opo-fc .fc-card{position:relative;width:100%;min-height:290px;cursor:pointer;  transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)}#opo-fc .fc-card.flip{transform:rotateY(180deg)}#opo-fc .fc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;  border-radius:22px;padding:30px 26px;display:flex;flex-direction:column;  align-items:center;justify-content:center;text-align:center}/* cara frontal */#opo-fc .fc-front{background:radial-gradient(130% 130% at 80% 8%,var(--blue-l),var(--blue) 58%,var(--blue-d));color:#fff}#opo-fc .fc-front .tag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.8);margin-bottom:16px}#opo-fc .fc-front .q{font-family:var(--serif);font-weight:500;font-size:clamp(20px,4.8vw,26px);line-height:1.28}#opo-fc .fc-front .hint{margin-top:auto;padding-top:18px;font-size:12px;color:rgba(255,255,255,.78);font-weight:500}#opo-fc .fc-front .hint svg{width:14px;height:14px;vertical-align:-2px;margin-right:4px;stroke:currentColor;fill:none;stroke-width:2}/* cara trasera */#opo-fc .fc-back-face{background:#fff;border:1px solid var(--line);transform:rotateY(180deg);color:var(--ink)}#opo-fc .fc-back-face .tag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--blue);margin-bottom:14px}#opo-fc .fc-back-face .a{font-family:var(--serif);font-weight:600;font-size:clamp(21px,5vw,28px);line-height:1.2;color:var(--navy)}#opo-fc .fc-back-face .extra{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.5;max-width:400px}/* BOTONES ACIERTO / FALLO */#opo-fc .fc-grade{display:grid;grid-template-columns:1fr 1fr;gap:10px;  max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease}#opo-fc .fc-grade.show{max-height:120px;opacity:1}#opo-fc .fc-grade button{border:0;border-radius:14px;padding:16px 6px;cursor:pointer;  font-family:var(--sans);font-weight:700;font-size:15.5px;color:#fff;  transition:transform .12s ease,filter .15s ease;  display:flex;align-items:center;justify-content:center;gap:8px}#opo-fc .fc-grade button svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}#opo-fc .fc-grade button:hover{filter:brightness(1.07)}#opo-fc .fc-grade button:active{transform:scale(.96)}#opo-fc .fc-grade .gno{background:var(--bad)}#opo-fc .fc-grade .gyes{background:var(--ok)}/* botón mostrar respuesta */#opo-fc .fc-show{width:100%;border:0;border-radius:14px;padding:15px;cursor:pointer;  font-family:var(--sans);font-weight:700;font-size:15px;color:#fff;background:var(--navy);  transition:filter .15s ease,transform .12s ease}#opo-fc .fc-show:hover{filter:brightness(1.12)}#opo-fc .fc-show:active{transform:scale(.98)}#opo-fc .fc-show.hide{display:none}/* PANTALLA ENTRE RONDAS */#opo-fc .fc-round{display:none;text-align:center;padding:34px 22px;background:var(--soft);border:1px solid #d7e2fb;border-radius:22px}#opo-fc .fc-round.show{display:block}#opo-fc .fc-round .rn{width:60px;height:60px;margin:0 auto 16px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center}#opo-fc .fc-round .rn svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}#opo-fc .fc-round h2{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--navy);margin-bottom:8px}#opo-fc .fc-round p{color:var(--muted);font-size:15px;margin-bottom:20px;line-height:1.5}#opo-fc .fc-round p b{color:var(--navy)}#opo-fc .fc-round .go{border:0;border-radius:14px;padding:14px 28px;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:15px;color:#fff;background:var(--blue)}#opo-fc .fc-round .go:active{transform:scale(.97)}/* FIN DE SESIÓN */#opo-fc .fc-done{display:none;text-align:center;padding:34px 20px;background:var(--card);border:1px solid var(--line);border-radius:22px}#opo-fc .fc-done.show{display:block}#opo-fc .fc-done .chk{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--ok);display:flex;align-items:center;justify-content:center}#opo-fc .fc-done .chk svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#opo-fc .fc-done h2{font-family:var(--serif);font-weight:600;font-size:26px;color:var(--navy);margin-bottom:8px}#opo-fc .fc-done p{color:var(--muted);font-size:15px;margin-bottom:20px}#opo-fc .fc-done p b{color:var(--navy)}#opo-fc .fc-done .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#opo-fc .fc-done button{border:0;border-radius:14px;padding:14px 24px;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:15px}#opo-fc .fc-done .rerun{color:#fff;background:var(--blue)}#opo-fc .fc-done .other{color:var(--navy);background:var(--soft)}#opo-fc .fc-done button:active{transform:scale(.97)}/* pie */#opo-fc .fc-foot{text-align:center;margin-top:22px;font-size:12px;color:var(--muted)}#opo-fc .fc-foot b{font-family:var(--serif);font-weight:600;color:var(--navy)}