:root{--border-radius:.125rem;--percent-completed:0}p:empty{display:none}.two-col{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.quiz-grid{margin-top:-1.5em}.top-text{max-width:clamp(30ch,80%,46ch)}.inset .top-text{max-width:clamp(20ch,80%,46ch)}strike{color:#696969}.quiz-list{display:grid;gap:2rem;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(14em,1fr))}.quiz-list h2{font-size:2rem;line-height:1.5}.expanded-row{grid-column:1/-1}.quiz-card{border-radius:var(--border-radius);padding:calc(var(--border-radius)*2);position:relative;--local-color:var(--cold-bg);transition:background .3s ease-out,background-color .3s ease-out,color .3s ease-out,padding .3s ease-out,transform .3s ease-out}.quiz-card h2{font-size:1.25rem;margin:0}.quiz-card-inner:after{content:"";position:absolute;--card-border-size:calc(var(--border-radius)*2);--progress-height:calc(var(--percent-completed)*100%);background-blend-mode:overlay;background-color:var(--neon-green);background-position:0 0;background-size:100% 100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:var(--border-radius);height:.25rem;inset:auto var(--card-border-size) var(--card-border-size) var(--card-border-size);transition:width .5s ease-in-out .5s,background-color .3s ease-out,background .3s ease-out;width:calc(var(--progress-height) - var(--card-border-size)*2)}.quiz-card-inner{align-content:space-between;background:#222;border-radius:var(--border-radius);color:#fff;display:grid;height:100%;padding:.75rem;width:100%}.completed .quiz-card-inner{background-color:#444}.completed .quiz-card-inner:after{border-radius:0}.quiz-card *{cursor:pointer}.quiz-card:after,.quiz-card:before{animation:glow 2s linear 3 normal;background:var(--local-color,--after-party-bg);background-size:500%;border-radius:var(--border-radius);content:"";inset:0;position:absolute;width:100%;z-index:-1}.quiz-card:after{filter:blur(25px);transform:translateZ(0)}.tilt-effect:not(.completed){transform:translateZ(0);transition:transform .2s ease-out,box-shadow .2s ease-out;will-change:transform}.tilt-effect:not(.completed):hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-4px) scale(1.02)}.completed{animation:none!important}.quiz-card:first-child{animation-delay:.1s}.quiz-card:nth-child(2){animation-delay:.2s}.quiz-card:nth-child(3){animation-delay:.3s}.quiz-card:nth-child(4){animation-delay:.4s}.quiz-card:nth-child(5){animation-delay:.5s}.quiz-card:nth-child(6){animation-delay:.6s}.toggle-filters{display:none;font-size:1.25rem}.toggle-filters:after{background:var(--icon-settings);content:"";display:inline-block;height:1.125em;margin-left:.5em;width:1.125em}.selectedItem{background-image:var(--neon-purple-gradient);color:#fff}.quiz-card:not(.completed):active,.quiz-card:not(.completed):focus,.quiz-card:not(.completed):focus-within,.quiz-card:not(.completed):hover{--local-color:var(--party-bg)}.quiz-card:not(.completed):active:after,.quiz-card:not(.completed):active:before,.quiz-card:not(.completed):focus-within:after,.quiz-card:not(.completed):focus-within:before,.quiz-card:not(.completed):focus:after,.quiz-card:not(.completed):focus:before,.quiz-card:not(.completed):hover:after,.quiz-card:not(.completed):hover:before{animation:glow 2.5s linear infinite alternate paused}:target{animation:yellowFlash .5s ease-out 1}@keyframes yellowFlash{0%{background-color:var(--neon-yellow)}50%{background-color:var(--neon-yellow)}to{background-color:var(--neon-yellow)}}@keyframes glow{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}@keyframes keyRotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes wobble{0%{transform:rotate(0)}15%{transform:rotate(-2deg)}30%{transform:rotate(1deg)}45%{transform:rotate(-1deg)}60%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}to{transform:rotate(0)}}@keyframes wobble3d{0%{transform:rotateY(0)}15%{transform:rotateY(-5deg)}30%{transform:rotateY(3deg)}45%{transform:rotateY(-3deg)}60%{transform:rotateY(2deg)}75%{transform:rotateY(-1deg)}to{transform:rotateY(0)}}.wobble{animation:wobble .5s ease-in-out infinite}.wobble3d{animation:wobble3d .5s ease-in-out infinite}.fun-facts{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:18rem auto 1rem;max-width:min(900px,98vw);row-gap:2.5rem}.fun-facts strong{font-size:125%;font-weight:400;padding-inline:0 .25rem}