@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Space+Mono:wght@400;700&family=Inter:wght@400;500;700&display=swap";
.quiz-theme{--q-paper:#f4f1ea;--q-ink:#101010;--q-card:#fff;--q-blue:#2563ff;--q-red:#ff4d2e;--q-yellow:#ffd60a;--q-green:#3ddc4e;--q-grape:#9b5de5;--q-cyan:#00cfe8;--q-magenta:#e0218a;--q-gold:#e3a82b;--q-display:"Space Grotesk","Arial Black","Helvetica Neue",system-ui,sans-serif;--q-mono:"Space Mono",ui-monospace,Menlo,monospace;--q-body:"Inter","Helvetica Neue",Arial,sans-serif;background:var(--q-paper);color:var(--q-ink);font-family:var(--q-body);-webkit-font-smoothing:antialiased;min-height:100vh}.q-display{font-family:var(--q-display);letter-spacing:-.02em;font-weight:700}.q-mono{font-family:var(--q-mono)}.brutal-label{font-family:var(--q-mono);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;display:block}.q-kicker{border:2px solid var(--q-ink);background:var(--q-ink);color:#fff;font-family:var(--q-mono);text-transform:uppercase;letter-spacing:.25em;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.q-title-shadow{-webkit-text-stroke:2px var(--q-ink);filter:drop-shadow(4px 4px 0 var(--q-ink))}.brutal-card{border:3px solid var(--q-ink);background:var(--q-card);box-shadow:4px 4px 0 0 var(--q-ink)}.brutal-card-lg{box-shadow:8px 8px 0 0 var(--q-ink)}.q-badge{border:2px solid var(--q-ink);background:var(--q-paper);font-family:var(--q-mono);text-transform:uppercase;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.tilt-l{transform:rotate(-1deg)}.tilt-r{transform:rotate(1deg)}.q-bg-blue{background:var(--q-blue);color:#fff}.q-bg-red{background:var(--q-red);color:#fff}.q-bg-yellow{background:var(--q-yellow);color:var(--q-ink)}.q-bg-green{background:var(--q-green);color:var(--q-ink)}.q-bg-grape{background:var(--q-grape);color:#fff}.q-bg-cyan{background:var(--q-cyan);color:var(--q-ink)}.q-bg-magenta{background:var(--q-magenta);color:#fff}.q-bg-gold{background:var(--q-gold);color:var(--q-ink)}.q-bg-ink{background:var(--q-ink);color:#fff}.q-bg-card{background:var(--q-card);color:var(--q-ink)}.brutal-press{transition:transform 75ms,box-shadow 75ms}.brutal-press:active{transform:translate(3px,3px);box-shadow:1px 1px 0 0 var(--q-ink)!important}.brutal-btn{border:3px solid var(--q-ink);font-family:var(--q-display);text-transform:uppercase;letter-spacing:.05em;box-shadow:4px 4px 0 0 var(--q-ink);cursor:pointer;padding:10px 20px;font-weight:700;display:inline-block}.brutal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.brutal-input{border:3px solid var(--q-ink);background:var(--q-card);width:100%;color:var(--q-ink);font-family:var(--q-body);padding:10px 14px;font-size:1rem}.brutal-input::placeholder{color:#10101066}.brutal-input:focus{box-shadow:2px 2px 0 0 var(--q-ink);outline:none}.q-dots{background-image:radial-gradient(#10101014 1.5px,#0000 1.5px);background-size:22px 22px}.q-stripes{background-image:repeating-linear-gradient(45deg,#10101012 0 14px,#0000 14px 28px)}.q-statbar{border:2px solid var(--q-ink);background:var(--q-card);gap:3px;height:18px;padding:3px;display:flex}.q-statbar span{background:#10101014;flex:1}.q-statbar span.on{background:var(--seg,var(--q-green))}@keyframes q-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes q-hop{0%,to{transform:translateY(0)}30%{transform:translateY(-12px)rotate(-6deg)}60%{transform:translateY(0)rotate(0)}}@keyframes q-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes q-drop-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes q-stamp-in{0%{opacity:0;transform:scale(2.6)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes q-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes q-sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(1.4)rotate(20deg)}}@keyframes q-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.q-anim-float{animation:3.6s ease-in-out infinite q-float}.q-anim-hop{animation:.9s cubic-bezier(.2,1.8,.4,1) infinite q-hop}.q-anim-pop{animation:.15s cubic-bezier(.2,1.8,.4,1) both q-pop-in}.q-anim-drop{animation:.52s cubic-bezier(.2,1.8,.4,1) both q-drop-in}.q-anim-stamp{animation:.38s cubic-bezier(.2,1.8,.4,1) both q-stamp-in}.q-anim-marquee{animation:22s linear infinite q-marquee}.q-anim-sparkle{animation:1.3s ease-in-out infinite q-sparkle}.q-anim-blink{transform-origin:50%;animation:4.5s step-end infinite q-blink}.q-card-frame{box-shadow:8px 8px 0 0 var(--q-ink);padding:7px;position:relative}.q-card-frame-inner{border:3px solid var(--q-ink);background:var(--q-card);overflow:hidden}.q-rarity-common{background:#9a978f}.q-rarity-uncommon{background:var(--q-green)}.q-rarity-rare{background:linear-gradient(120deg,#00cfe8,#6a5cff 30%,#e0218a 55%,#00cfe8 80%) 0 0/300% 300%;animation:6s linear infinite q-foil-shift}.q-rarity-epic{background:linear-gradient(120deg,#e3a82b,#ff4d2e 25%,#e0218a 50%,#6a5cff 72%,#e3a82b 95%) 0 0/300% 300%;animation:4s linear infinite q-foil-shift}.q-rarity-chip{border:2px solid var(--q-ink);font-family:var(--q-mono);text-transform:uppercase;letter-spacing:.15em;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-block}.q-rarity-chip.q-rarity-common,.q-rarity-chip.q-rarity-uncommon{color:var(--q-ink)}.q-rarity-chip.q-rarity-rare,.q-rarity-chip.q-rarity-epic{color:#fff;text-shadow:1px 1px 0 var(--q-ink)}.q-foil-sheen{position:relative}.q-foil-sheen:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 18%,#ffffff47 34%,#00cfe833 44%,#e0218a33 56%,#ffffff47 66%,#0000 82%) 0 0/260% 260%;animation:3.8s ease-in-out infinite q-foil-sweep;position:absolute;inset:0}@keyframes q-foil-shift{0%{background-position:0%}to{background-position:300%}}@keyframes q-foil-sweep{0%{background-position:130% 0}55%{background-position:-60% 0}to{background-position:-60% 0}}.q-confetti{border:3px solid var(--q-ink);box-shadow:4px 4px 0 0 var(--q-ink);pointer-events:none;z-index:0;position:fixed}@media (prefers-reduced-motion:reduce){.quiz-theme *,.quiz-theme :before,.quiz-theme :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}