.op-qh-night{background:radial-gradient(45% 65% at 80% 18%,#f0b44d42,#0000 70%),radial-gradient(40% 55% at 95% 95%,#8f8cff3d,#0000 70%),radial-gradient(55% 70% at 0 100%,#5b57d96b,#0000 70%),linear-gradient(160deg,#2b2a7a 0%,#1a1a46 48%,#0d0e1f 100%);box-shadow:inset 0 1px #ffffff24,0 24px 56px -28px #15162ad9}.op-qh-night:before{content:"";z-index:-1;pointer-events:none;opacity:.35;background-image:radial-gradient(#ffffff80 .6px,#0000 .8px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 75% 20%,#000,#0000 75%);mask-image:radial-gradient(70% 60% at 75% 20%,#000,#0000 75%)}@media (prefers-contrast:more){.op-qh-night{background:#15162a;box-shadow:inset 0 0 0 2px #fff}.op-qh-night:before{display:none}}.op-qh-gold{color:#f6cf86}.op-qh-cta{color:#1d1b3a;background:linear-gradient(#ffd98a,#f0b44d 55%,#e29a2c);box-shadow:inset 0 1px #ffffff8c,0 10px 28px -10px #f0b44dbf}.op-qh-cta:hover{filter:brightness(1.04)}.op-qh-cta:focus-visible{outline-offset:2px;outline:2px solid #fff}.op-qh-clear{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff47}.op-qh-clear:hover{background:#ffffff29}.op-qh-clear:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-contrast:more){.op-qh-cta{box-shadow:none;background:#f0b44d}.op-qh-clear{background:#15162a;box-shadow:inset 0 0 0 2px #fff}}.op-qh-leaf{background:var(--surface);box-shadow:0 0 0 1px var(--border), 0 12px 24px -14px #14123c73}.op-qh-leaf>:first-child{color:#fff;background:linear-gradient(#5b57d9,#3d3ab3)}.op-qh-pip{background:var(--surface-3)}.op-qh-pip[data-on]{background:linear-gradient(150deg,#f6cf86,#e29a2c)}.op-qh-mode{background:linear-gradient(150deg, var(--a), var(--b))}.op-qh-mode[data-mode=quick]{--a:#5b57d9;--b:#2b2a7a}.op-qh-mode[data-mode=challenge]{--a:#f3c46f;--b:#b07415}.op-qh-mode[data-mode=live]{--a:#2b2a7a;--b:#0d0e1f}.op-qh-mode[data-mode=boards]{--a:#14a394;--b:#0b5a54}.op-qh-mode:after{content:"";pointer-events:none;background:radial-gradient(60% 70% at 85% 0,#ffffff38,#0000 70%),linear-gradient(#0000 55%,#0000001f);position:absolute;inset:0}.op-qh-mode-card:hover .op-qh-mode img{transform:translateY(-3px)scale(1.02)}.op-qh-mode img{transition:transform .45s cubic-bezier(.2,.9,.25,1.1)}@media (prefers-reduced-motion:reduce){.op-qh-mode img{transition:none}.op-qh-mode-card:hover .op-qh-mode img{transform:none}}@media (prefers-contrast:more){.op-qh-mode:after{display:none}}.op-qh-topic{background:radial-gradient(ellipse 90% 70% at 100% 0%, color-mix(in srgb, var(--cat) 16%, transparent), transparent 70%), var(--surface)}.op-qh-topic:hover{background:radial-gradient(ellipse 90% 70% at 100% 0%, color-mix(in srgb, var(--cat) 24%, transparent), transparent 70%), var(--surface);border-color:color-mix(in srgb, var(--cat) 45%, var(--border))}.op-qh-topic-echo{color:var(--cat);opacity:.1}@media (prefers-contrast:more){.op-qh-topic,.op-qh-topic:hover{background:var(--surface)}.op-qh-topic-echo{display:none}}.op-qh-stage{background:radial-gradient(ellipse 45% 60% at 22% 45%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 70%), radial-gradient(ellipse 35% 40% at 90% 90%, #f0b44d24, transparent 70%), linear-gradient(180deg, var(--surface), var(--surface-2))}@media (prefers-contrast:more){.op-qh-stage{background:var(--surface)}}.op-qh-caption{transition:opacity .45s,transform .45s cubic-bezier(.2,.9,.25,1)}.op-qh-caption:not([data-on]){opacity:0;visibility:hidden;transform:translateY(6px)}@media (prefers-reduced-motion:reduce){.op-qh-caption{transition:opacity .2s}.op-qh-caption:not([data-on]){transform:none}}.op-qh-scroll{transition:transform .8s cubic-bezier(.2,.9,.25,1)}@media (prefers-reduced-motion:reduce){.op-qh-scroll{transition:none}}.op-qh-step{background:linear-gradient(180deg, var(--a), var(--b));box-shadow:inset 0 1px #fff6}.op-qh-step[data-rank="1"]{--a:#ffd98a;--b:#b07415;color:#1d1b3a}.op-qh-step[data-rank="2"]{--a:#c9ced8;--b:#5d6575;color:#fff}.op-qh-step[data-rank="3"]{--a:#e0a77a;--b:#7d4a2c;color:#fff}.op-qh-step[data-empty]{--a:#ffffff24;--b:#ffffff0d;color:#ffffffb3}.op-qh-spot{background:radial-gradient(50% 100% at 50% 100%,#f0b44d59,#0000 70%)}@media (prefers-contrast:more){.op-qh-spot{display:none}}