.examen-scope{--sea-950:#051624;--sea-900:#0a2540;--sea-850:#0c2c4d;--sea-800:#0e3157;--sea-700:#16456f;--line:#96bee61f;--surface:#ffffff09;--surface-strong:#ffffff0e;--foam:#eef5fc;--foam-dim:#a6bcd6;--gold:#eeb649;--gold-deep:#cf9221;--coral:#f4716f;--coral-deep:#d94f4d;--teal:#45cdb4;--teal-deep:#1f9e8b;min-height:100svh;color:var(--foam);background:radial-gradient(125% 95% at 50% -15%,#0e3257 0%,var(--sea-900)50%,var(--sea-950)100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:var(--font-sans-per),"Inter",system-ui,-apple-system,sans-serif;overflow-x:hidden}.examen-scope h1,.examen-scope h2{font-family:var(--font-display-per),var(--font-sans-per),system-ui,sans-serif;letter-spacing:-.01em}.examen-waves{pointer-events:none;z-index:0;opacity:.5;background:radial-gradient(60% 70% at 20% 100%,#34e0c41a,#0000 70%),radial-gradient(60% 70% at 80% 100%,#ffc23d14,#0000 70%);height:38vh;position:fixed;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000 0%,#000 90%);mask-image:linear-gradient(#0000 0%,#000 90%)}.play-orb{background:radial-gradient(circle at 38% 32%,#ffe49a 0%,var(--gold)38%,var(--gold-deep)78%,#b9710a 100%);border-radius:9999px;place-items:center;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 14px 34px -16px #eeb64966,inset 0 2px 6px #ffffff73,inset 0 -8px 18px #783c0052}.play-orb:active{transform:scale(.95)}.play-orb.is-playing{animation:.9s ease-in-out infinite hornPulse}.play-orb.is-playing:before,.play-orb.is-playing:after{content:"";border:2px solid #ffc23d99;border-radius:9999px;animation:1.4s ease-out infinite ringPulse;position:absolute;inset:0}.play-orb.is-playing:after{animation-delay:.7s}@keyframes hornPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ringPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.dashitem{border:1px solid var(--line);background:#ffffff1f;transition:background .12s,box-shadow .12s,transform .12s}.dashitem.lit{background:linear-gradient(180deg,#ffdf9c,var(--gold));transform:translateY(-2px);box-shadow:0 0 14px 1px #eeb64973}.opt{text-align:left;border:1.5px solid var(--line);color:var(--foam);background:linear-gradient(#ffffff0d,#ffffff05);border-radius:1rem;transition:transform .12s,border-color .15s,background .15s;position:relative}.opt:not(:disabled):hover{border-color:#ffc23d80;transform:translateY(-2px)}.opt:not(:disabled):active{transform:translateY(0)scale(.99)}.opt.correct{border-color:var(--teal);background:linear-gradient(#34e0c438,#34e0c414)}.opt.wrong{border-color:var(--coral);background:linear-gradient(#ff5d5d38,#ff5d5d14);animation:.4s nudge}.opt.dim{opacity:.5}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.flash-red{z-index:40;pointer-events:none;background:radial-gradient(circle at 50% 45%,#ff5d5d6b,#0000 65%);animation:.7s ease-out forwards flashRed;position:fixed;inset:0}@keyframes flashRed{0%{opacity:0}18%{opacity:1}to{opacity:0}}.pop-in{animation:.34s cubic-bezier(.2,.9,.3,1.2) both popIn}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.rise{animation:.3s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bob{animation:3.2s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-7px)rotate(1.5deg)}}.examen-scope button{cursor:pointer;touch-action:manipulation}.examen-scope button:disabled{cursor:default}.examen-scope button:focus-visible,.examen-scope a:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:14px}.opt-enter{animation:.36s cubic-bezier(.2,.9,.3,1.1) both optEnter}@keyframes optEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.opt.correct{animation:.42s cubic-bezier(.2,.9,.3,1.3) correctPop}@keyframes correctPop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.bob,.play-orb.is-playing,.play-orb.is-playing:before,.play-orb.is-playing:after,.opt.wrong,.opt.correct,.opt-enter,.shake,.pop-in,.rise,.flash-red{animation:none!important}.examen-scope *,.examen-scope :before,.examen-scope :after{transition-duration:.001ms!important}}