/* Cambio 47: escenario autónomo; todos los estilos tienen prefijo gp-. */
.gp-pantalla{justify-content:flex-start;align-items:stretch;min-height:100vh;padding:clamp(12px,3vw,34px);background:radial-gradient(circle at 52% -10%,#6550a2 0,transparent 40%),radial-gradient(circle at 0% 70%,#31465d 0,transparent 42%),linear-gradient(150deg,#130e2b,#261b47 50%,#101d35);color:#f7edce;font-family:system-ui,'Segoe UI',sans-serif;overflow-x:hidden}
.gp-marco{width:100%;max-width:1190px;margin:0 auto;border:2px solid #caa36d;border-radius:22px;background:linear-gradient(160deg,#272348,#171b34);box-shadow:0 15px 60px #0007, inset 0 0 80px #f1cc6a11;overflow:hidden}
.gp-barra{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px clamp(14px,2.4vw,28px);border-bottom:1px solid #b8a0726b;background:#0f112abb}
.gp-marca{font-size:clamp(.68rem,1.6vw,.92rem);font-weight:800;letter-spacing:.16em;color:#e8c983}
.gp-cerrar{background:#372f57;color:#fff6df;border:1px solid #f1da9c;min-width:44px;width:44px;height:44px;border-radius:12px;font-size:27px;cursor:pointer;line-height:1}
.gp-hero{display:flex;gap:20px;align-items:center;padding:12px clamp(18px,3vw,40px);background:radial-gradient(ellipse at 18% 40%,#c1963e24,transparent 44%);border-bottom:1px solid #8c78ad52}
.gp-guardian{position:relative;flex:none;width:146px;height:142px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#c8a45655,#7857ae38 45%,transparent 70%);filter:drop-shadow(0 0 12px #f7c77d40)}
.gp-libro{font-size:75px;z-index:1;line-height:1;animation:gpFlotar 3s ease-in-out infinite}
.gp-corona{position:absolute;color:#f8d489;font-size:47px;top:1px;left:53px}.gp-arcano{position:absolute;font-size:62px;color:#b9a5ff;opacity:.65;top:30px;left:4px}.gp-luz{position:absolute;font-size:50px;right:0;top:60px;color:#ffd97c}
@keyframes gpFlotar{50%{transform:translateY(-6px)}}
.gp-antetitulo{color:#dfc78d;font-weight:700;letter-spacing:.2em;font-size:clamp(.62rem,1.5vw,.82rem)}
.gp-titulo h1{font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.8rem);color:#ffe3a8;margin:4px 0 6px;font-weight:800;line-height:1.16}
.gp-titulo p{font-size:clamp(.84rem,1.5vw,.98rem);line-height:1.48;color:#e3dcf6;margin:0}
.gp-progreso{padding:13px clamp(14px,3vw,35px) 3px}.gp-indicadores{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.gp-runa{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #8b84ac;border-radius:10px;background:#292b4f;color:#d5c8e5;font-weight:800}
.gp-runa-actual{border-color:#fddc8e;box-shadow:0 0 0 3px #f3cc6540;color:#ffe8af}.gp-runa-dorada{background:linear-gradient(135deg,#f2c36f,#b07737);color:#322343;border-color:#fef0af}
.gp-indicador-texto{text-align:center;margin:9px 0 3px;color:#d9cdea;font-weight:700;font-size:.88rem}
.gp-contenido{padding:16px clamp(14px,3vw,34px) 24px;min-height:225px}
.gp-intro,.gp-resultado{max-width:740px;margin:3px auto;text-align:center;padding:19px 14px 8px}
.gp-intro h2,.gp-resultado h2{font-family:Georgia,serif;font-size:clamp(1.45rem,3vw,2.1rem);color:#f7d99a;margin:5px 0 12px}
.gp-intro p,.gp-resultado p{color:#e5dcf2;line-height:1.6}
.gp-medallon{font-size:48px;line-height:1.2}.gp-reglas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:22px 0}
.gp-regla{padding:13px 5px;border:1px solid #b89f7366;border-radius:12px;background:#f3d59a12;display:flex;flex-direction:column;gap:3px}.gp-regla small{color:#bcb0d2}.gp-regla strong{color:#ffe6a7}
.gp-batalla{display:grid;grid-template-columns:minmax(230px,0.75fr) minmax(0,1.5fr);gap:18px}
.gp-lectura,.gp-pregunta{background:#fff9eb;color:#312442;border:2px solid #c7ae7e;border-radius:16px;padding:20px;box-shadow:0 8px 16px #0e0a2470}
.gp-etiqueta{color:#72599e;font-size:.77rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.gp-lectura p{line-height:1.55;font-size:.96rem}
.gp-fuentes{background:#eee5cf;border-radius:10px;padding:11px;margin-top:13px}.gp-fuentes summary{cursor:pointer;color:#5a3984;font-weight:800}.gp-fuentes p{margin:9px 0 0;font-size:.87rem}
.gp-pregunta-cabecera{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;align-items:center}.gp-nombre-prueba{font-weight:900;color:#493178;font-size:.93rem}.gp-categoria{font-size:.74rem;background:#e8e1f2;border-radius:20px;padding:6px 9px;color:#623f82}
.gp-pregunta h2{font-size:clamp(1.03rem,1.8vw,1.28rem);font-weight:800;line-height:1.5;margin:16px 0;color:#342341}
.gp-contexto{margin:6px 0 16px;white-space:pre-line;border-left:4px solid #a485bd;background:#f1eaf6;padding:9px 14px;font-size:.9rem;line-height:1.5;border-radius:8px}
.gp-opciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gp-opcion{min-height:65px;border:2px solid #c3b4cf;border-radius:12px;background:#fbf6ec;color:#352746;padding:11px 12px;font-family:inherit;font-size:.94rem;cursor:pointer;line-height:1.4}
.gp-opcion:hover{background:#eee0f3;border-color:#845bab}.gp-opcion[aria-pressed='true']{background:#e0c9ff;border-color:#60418e;box-shadow:inset 0 0 0 1px #60418e}.gp-opcion:disabled{opacity:.48;cursor:default}
.gp-orden-elegido,.gp-aviso-seleccion{padding:9px;background:#eee4f4;border-radius:9px;font-weight:700;color:#55426f;line-height:1.45}
.gp-pie{border-top:1px solid #9886a1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:17px clamp(14px,3vw,34px);background:#15172d}
.gp-alerta{flex:1;min-width:180px;color:#e3d9ec;font-size:.92rem;line-height:1.4}.gp-bien{color:#b8f3a4}.gp-error{color:#ffb9a4}.gp-pista{color:#ffdf9f}.gp-reloj{font-size:1.15rem;color:#ffe5a3;white-space:nowrap}
.gp-acciones{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.gp-btn{background:#efe1ff;border:2px solid #b39acf;border-radius:11px;color:#382a54;padding:11px 17px;font-weight:800;font-size:.91rem;cursor:pointer}.gp-btn-principal{background:linear-gradient(135deg,#fce0a2,#d1a75b);border-color:#f7e5b2;color:#35284d}.gp-btn:disabled{opacity:.45;cursor:default}.gp-btn:focus-visible,.gp-opcion:focus-visible,.gp-cerrar:focus-visible,.gp-nivel-especial:focus-visible{outline:3px solid #ffdc74;outline-offset:3px}
.gp-anotacion,.gp-recompensa{border-radius:11px;padding:10px;background:#e7c76f22;color:#ffe4a3!important}
.gp-nivel-especial{margin:0 auto!important;width:min(100%,500px)!important;border:3px solid #e4b95d!important;background:linear-gradient(145deg,#262047,#714f8f 55%,#b18a49)!important;color:#fff1c5!important;box-shadow:0 0 18px #f2d47580!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:162px;gap:7px;text-align:center;cursor:pointer}
.gp-mapa-leyenda{letter-spacing:.11em;font-weight:800;font-size:.78rem}.gp-mapa-icono{font-size:42px}.gp-mapa-titulo{font-size:1.2rem;font-family:Georgia,serif}.gp-nivel-especial small{font-size:.77rem;color:#ffedbc}.gp-conector-mapa{height:42px;width:6px;margin:auto;background:linear-gradient(#9878b8,#ffd88c);border-radius:6px}
@media(max-width:750px){.gp-pantalla{padding:8px}.gp-marco{border-radius:14px}.gp-hero{gap:9px;padding:12px}.gp-guardian{width:84px;height:90px}.gp-libro{font-size:48px}.gp-corona{font-size:30px;left:29px;top:1px}.gp-arcano{font-size:32px;top:28px}.gp-luz{font-size:28px;right:0;top:48px}.gp-batalla{grid-template-columns:1fr}.gp-lectura,.gp-pregunta{padding:15px}.gp-indicadores{gap:5px}.gp-runa{width:28px;height:28px;font-size:.77rem}.gp-reglas{grid-template-columns:repeat(2,1fr)}.gp-opciones{grid-template-columns:1fr}.gp-pie{align-items:stretch}.gp-acciones{justify-content:stretch;width:100%}.gp-acciones .gp-btn{flex:1}.gp-titulo h1{font-size:1.42rem}.gp-titulo p{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.gp-libro{animation:none}}