.quiz-root .stage{isolation:isolate;background:var(--ow-dark);clip-path:polygon(0 0,100% 0,100% calc(100% - 3rem),0 100%);--text:var(--ow-active);--text-dim:color-mix(in srgb,var(--ow-active)74%,var(--ow-dark));--text-faint:color-mix(in srgb,var(--ow-active)54%,var(--ow-dark));--line:color-mix(in srgb,var(--ow-active)14%,transparent);--line-strong:color-mix(in srgb,var(--ow-active)28%,transparent);--surface-2:color-mix(in srgb,var(--ow-active)10%,transparent);--surface-3:color-mix(in srgb,var(--ow-active)18%,transparent);--accent:var(--ow-orange);--accent-hot:color-mix(in srgb,var(--ow-orange)72%,var(--ow-active));--accent-ink:var(--ow-dark);min-height:clamp(26rem,38vw,33rem);color:var(--text);align-items:center;padding-block:clamp(2.5rem,6vw,4.5rem) clamp(3.5rem,6vw,5.5rem);display:grid;position:relative;overflow:hidden}.quiz-root .stage__montage{--tile:clamp(6rem,11vw,11.5rem);z-index:0;grid-template-columns:repeat(auto-fill,minmax(var(--tile),1fr));filter:grayscale(.72)saturate(.55)contrast(1.06)brightness(.58);-webkit-mask-composite:source-in;align-content:start;gap:2px;height:108%;display:grid;position:absolute;inset:-16% -14% auto 6%;transform:skewY(-6deg);-webkit-mask-image:linear-gradient(100deg,#0000 4%,#000 44%),linear-gradient(#000 0 54%,#0000 92%);mask-image:linear-gradient(100deg,#0000 4%,#000 44%),linear-gradient(#000 0 54%,#0000 92%);-webkit-mask-composite:source-in;mask-composite:intersect}.quiz-root .stage__tile{aspect-ratio:1;object-fit:cover;background:var(--tint,var(--surface-2));width:100%;height:auto}.quiz-root .stage__veil{z-index:1;background:radial-gradient(80% 70% at 6% -14%,color-mix(in srgb,var(--ow-orange)18%,transparent),transparent 62%),linear-gradient(90deg,var(--ow-dark)0 24%,color-mix(in srgb,var(--ow-dark)84%,transparent)44%,color-mix(in srgb,var(--ow-dark)34%,transparent)72%,transparent),linear-gradient(to bottom,color-mix(in srgb,var(--ow-dark)62%,transparent),transparent 34%,color-mix(in srgb,var(--ow-dark)88%,transparent));position:absolute;inset:0}.quiz-root .stage__copy{z-index:2;max-width:46rem;position:relative}.quiz-root .stage__title{text-wrap:balance;color:var(--ow-orange);text-shadow:0 2px 24px color-mix(in srgb,var(--ow-dark)80%,transparent)}.quiz-root .stage__lede,.quiz-root .hero__lede{margin-top:var(--space-3);max-width:42rem;font-size:var(--step-1);color:var(--text-dim);text-wrap:pretty}.quiz-root .stage__actions,.quiz-root .hero__actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.quiz-root .stage__stats{gap:var(--space-2)var(--space-4);margin:var(--space-5)0 0;padding-top:var(--space-4);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.quiz-root .stage__stat{align-items:baseline;gap:.4rem;display:flex}.quiz-root .stage__stat dt{font-family:var(--font-display);font-style:italic;font-size:var(--step-2);font-variant-numeric:tabular-nums;color:var(--ow-orange);font-weight:800}.quiz-root .stage__stat dd{color:var(--text-dim);margin:0}.quiz-root .catalog,.quiz-root .yours{padding-top:var(--space-5);scroll-margin-top:5rem}.quiz-root .catalog{padding-top:var(--space-4)}.quiz-root .catalog__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.quiz-root .filters{align-items:end;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);z-index:20;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));display:grid;position:relative}.quiz-root .filters:before{content:"";z-index:-1;background:var(--surface);border-bottom:2px solid color-mix(in srgb,var(--accent)55%,transparent);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);position:absolute;inset:0}.quiz-root .filters__search{grid-column:span 2;min-width:12rem}.quiz-root .filters__go{align-items:end;gap:.4rem;display:flex}@media (max-width:23rem){.quiz-root .filters__search{grid-column:span 1}}.quiz-root .quiz-grid{--cols:6;--row:clamp(10rem,12.5vw,12.5rem);grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:var(--row);gap:var(--space-2);display:grid}.quiz-root .quiz-card{grid-column:span 2}.quiz-root .quiz-card--wide{grid-column:span 4}.quiz-root .quiz-card--tall{grid-row:span 2}.quiz-root .quiz-card--featured{grid-area:span 2/span 4}.quiz-root .quiz-card--featured:only-child{grid-column:1/-1}@media (max-width:62rem){.quiz-root .quiz-grid{--cols:4}.quiz-root .quiz-card--wide{grid-column:span 2}.quiz-root .quiz-card--featured{grid-column:span 4}}@media (max-width:40rem){.quiz-root .quiz-grid{--cols:2;--row:clamp(11rem,34vw,14rem)}.quiz-root .quiz-card,.quiz-root .quiz-card--wide,.quiz-root .quiz-card--featured{grid-column:1/-1}.quiz-root .quiz-card--tall{grid-row:span 1}.quiz-root .quiz-card--featured{grid-row:span 2}}.quiz-root .quiz-card{--cut:16px;--tone-raw:var(--accent);--tone:var(--tone-raw);isolation:isolate;background:var(--bg-deep);min-width:0;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut))100%,0 100%);transition:transform .24s var(--ease),filter .24s var(--ease);align-content:end;display:grid;position:relative;overflow:hidden}.quiz-root .quiz-card[data-topic=Heroes]{--tone-raw:var(--damage)}.quiz-root .quiz-card[data-topic=Abilities]{--tone-raw:var(--warn)}.quiz-root .quiz-card[data-topic=Quotes]{--tone-raw:var(--support)}.quiz-root .quiz-card[data-topic=Maps]{--tone-raw:var(--cool)}.quiz-root .quiz-card[data-topic=Lore]{--tone-raw:var(--good)}.quiz-root .quiz-card[data-topic=Esports]{--tone-raw:var(--bad)}.quiz-root .quiz-card[data-topic=Mixed]{--tone-raw:var(--tank)}.quiz-root .quiz-card[data-topic=Community]{--tone-raw:var(--accent-hot)}.quiz-root .quiz-grid .quiz-card{--text:var(--ow-active);--text-dim:color-mix(in srgb,var(--ow-active)76%,var(--ow-dark));--text-faint:color-mix(in srgb,var(--ow-active)58%,var(--ow-dark));--line:color-mix(in srgb,var(--ow-active)16%,transparent);--surface-2:color-mix(in srgb,var(--ow-active)12%,transparent);--accent:var(--ow-orange);--accent-hot:color-mix(in srgb,var(--ow-orange)72%,var(--ow-active));color:var(--text)}.quiz-root .quiz-card__art{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .28s var(--ease);position:absolute;inset:0}.quiz-root .quiz-grid .quiz-card:before{content:"";z-index:1;background:linear-gradient(to top,color-mix(in srgb,var(--ow-dark)95%,transparent)0 12%,color-mix(in srgb,var(--ow-dark)74%,transparent)46%,transparent 82%),linear-gradient(105deg,color-mix(in srgb,var(--ow-dark)52%,transparent),transparent 58%);position:absolute;inset:0}.quiz-root .quiz-card:after{content:"";inset-inline:0;z-index:3;background:var(--tone);height:3px;position:absolute;bottom:0}.quiz-root .quiz-card__body{z-index:2;padding:var(--space-3);gap:.35rem;min-width:0;display:grid;position:relative}.quiz-root .quiz-card__tags{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.quiz-root .quiz-grid .quiz-card__tags{z-index:3;inset:var(--space-3)var(--space-3)auto auto;max-width:calc(100% - var(--space-4));justify-content:end;position:absolute}.quiz-root .quiz-grid .quiz-card__tags .chip{background:color-mix(in srgb,var(--ow-dark)66%,transparent);border-color:color-mix(in srgb,var(--ow-active)22%,transparent)}.quiz-root .quiz-grid .quiz-card__tags .chip--accent{color:var(--accent-hot);border-color:color-mix(in srgb,var(--accent)55%,transparent)}.quiz-root .quiz-card__title{font-size:var(--step-1);color:var(--text);text-wrap:balance;transition:color .22s var(--ease)}.quiz-root .quiz-card__title a{color:inherit;text-decoration:none}.quiz-root .quiz-grid .quiz-card__title a:after{content:"";z-index:4;position:absolute;inset:0}.quiz-root .quiz-card__tagline{color:var(--text-dim);text-wrap:pretty;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.quiz-root .quiz-card__meta{color:var(--text-faint);font-size:.78rem}.quiz-root .quiz-card--featured .quiz-card__body{padding:var(--space-4);gap:.5rem}.quiz-root .quiz-card--featured .quiz-card__tags{inset:var(--space-4)var(--space-4)auto auto}.quiz-root .quiz-card--featured .quiz-card__title{font-size:var(--step-3)}.quiz-root .quiz-card--featured .quiz-card__tagline{font-size:var(--step-1);-webkit-line-clamp:3;line-clamp:3;max-width:34rem}.quiz-root .quiz-card--featured{--cut:26px}.quiz-root .quiz-card--tall .quiz-card__art{object-position:62% 50%}.quiz-root .quiz-card--tall .quiz-card__title,.quiz-root .quiz-card--wide .quiz-card__title{font-size:var(--step-2)}.quiz-root .quiz-card--wide .quiz-card__tagline{max-width:30rem}.quiz-root .quiz-card__field{z-index:0;background:radial-gradient(120% 95% at calc(14% + var(--seed,0)*10%)-22%,color-mix(in srgb,var(--tone)55%,transparent),transparent 68%),linear-gradient(160deg,color-mix(in srgb,var(--tone)24%,var(--bg-deep)),var(--bg-deep)74%);position:absolute;inset:0;overflow:hidden}.quiz-root .quiz-card__field:before{content:"";background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ow-active)4%,transparent)0 1.5px,transparent 1.5px 18px);transform:rotate(calc(var(--seed,0)*11deg + 18deg));position:absolute;inset:-60%}.quiz-root .quiz-card__ghost{left:calc(-.04em - var(--seed,0)*.3em);z-index:2;font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--ow-active)11%,transparent);font-size:clamp(2.4rem,4.4vw,3.6rem);font-style:italic;font-weight:700;line-height:.9;position:absolute;top:0}.quiz-root .quiz-card--featured .quiz-card__ghost{font-size:clamp(5rem,9vw,11rem)}.quiz-root .quiz-card--tall .quiz-card__ghost,.quiz-root .quiz-card--wide .quiz-card__ghost{font-size:clamp(3rem,5.5vw,5.5rem)}.quiz-root .quiz-grid .quiz-card:hover{filter:drop-shadow(8px 14px 22px color-mix(in srgb,var(--bg-deep)78%,transparent));transform:translateY(-4px)}.quiz-root .quiz-grid .quiz-card:hover .quiz-card__art{transform:scale(1.05)}.quiz-root .quiz-grid .quiz-card:hover .quiz-card__title{color:var(--accent-hot)}.quiz-root .quiz-grid .quiz-card:active{transform:translateY(-1px)scale(.995)}.quiz-root .quiz-grid .quiz-card:has(a:focus-visible){box-shadow:inset 0 0 0 3px var(--accent);transform:translateY(-4px)}.quiz-root .own-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));display:grid}.quiz-root .own-grid .quiz-card{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);align-content:start}.quiz-root .own-grid .quiz-card__body{gap:.55rem}.quiz-root .own-grid .quiz-card__title a:hover{color:var(--accent-hot)}.quiz-root .own-grid .quiz-card__actions{gap:.35rem;margin-top:auto;padding-top:.4rem}.quiz-root .empty-state,.quiz-root .empty-card{color:var(--text-dim);padding:var(--space-4);text-align:center;grid-column:1/-1}.quiz-root #yours-note{max-width:48rem;margin-bottom:var(--space-3);font-size:.9rem}@media (max-width:46rem){.quiz-root .stage{min-height:clamp(30rem,96vw,40rem);padding-bottom:var(--space-5);clip-path:polygon(0 0,100% 0,100% calc(100% - 1.75rem),0 100%);align-items:end}.quiz-root .stage__montage{-webkit-mask-composite:source-over;height:58%;inset:-6% -12% auto;-webkit-mask-image:linear-gradient(#000 0 52%,#0000 94%);mask-image:linear-gradient(#000 0 52%,#0000 94%);-webkit-mask-composite:source-over;mask-composite:add}.quiz-root .stage__veil{background:radial-gradient(90% 50% at 12% 0%,color-mix(in srgb,var(--ow-orange)20%,transparent),transparent 62%),linear-gradient(to bottom,color-mix(in srgb,var(--ow-dark)55%,transparent)0 18%,color-mix(in srgb,var(--ow-dark)82%,transparent)40%,var(--ow-dark)62%)}.quiz-root .stage__stats{gap:var(--space-2)var(--space-3)}}@media (max-width:767.98px){.quiz-root .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-root .filters__search,.quiz-root .filters__difficulty,.quiz-root .filters__go{grid-column:1/-1}.quiz-root .filters__go .btn{flex:1}}@media (prefers-reduced-motion:reduce){.quiz-root .quiz-grid .quiz-card:hover,.quiz-root .quiz-grid .quiz-card:active,.quiz-root .quiz-grid .quiz-card:hover .quiz-card__art{transform:none}}.quiz-root .quiz-card:not(.quiz-card--featured):not(.quiz-card--tall){content-visibility:auto;contain-intrinsic-size:auto 320px}.quiz-root .stage__montage{will-change:transform}