:root{--font-display: "Bebas Neue", sans-serif;--font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;--surface: rgba(0, 0, 0, .9);--surface-strong: rgba(0, 0, 0, .98);--border-soft: rgba(252, 190, 48, .32);--ink: #fcbe30;--ink-muted: rgba(252, 190, 48, .84);--accent: #fcbe30;--accent-2: #fcbe30;--teal: #fcbe30;--hops-molecule-opacity: .21;--hops-molecule-size: 320px;--radius-lg: 24px;--radius-md: 16px;--card-shadow: 0 20px 48px rgba(0, 0, 0, .6)}*{box-sizing:border-box}body{margin:0;min-height:100vh;position:relative;isolation:isolate;display:flex;flex-direction:column;font-family:var(--font-body);color:var(--ink);transition:background .5s ease,color .5s ease}body:before{content:"";position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 20%,rgba(252,190,48,.28),transparent 40%),radial-gradient(circle at 84% 80%,rgba(252,190,48,.12),transparent 36%);animation:drift 16s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:var(--hops-molecule-opacity);background-image:url(/assets/hops-molecule.svg);background-size:var(--hops-molecule-size) auto;background-repeat:repeat;background-position:0 0;mix-blend-mode:screen;animation:hopsMoleculeDrift 34s linear infinite}body.bg-standard{--hops-molecule-opacity: .22;background:linear-gradient(145deg,#000,#000 68%,#130d00)}body.bg-l1ght{--hops-molecule-opacity: .26;background:linear-gradient(140deg,#000,#281f00,#000)}body.bg-dark{--hops-molecule-opacity: .24;color:#fcbe30;background:linear-gradient(140deg,#000,#090909 55%,#000)}body.bg-dark .quiz-card{background:#000000eb;border-color:#fcbe3040!important;box-shadow:0 28px 58px #00000073}body.bg-dark .question{border-color:#fcbe3038!important}body.bg-dark #homeCopy p,body.bg-dark #theDesc,body.bg-dark #para1,body.bg-dark #para2{color:#fcbe30d6}body.bg-dark #subjectTitle,body.bg-dark #theDesc a{color:#fcbe30}img{max-width:100%;height:auto;border-radius:14px}.quiz-card{border:1px solid var(--border-soft)!important;border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:var(--card-shadow);overflow:hidden}.question{background:transparent;border-color:var(--border-soft)!important}.question h4{margin:0;line-height:1;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-display);font-size:clamp(1.45rem,2.8vw,2.2rem)}.quiz-title-link,.quiz-title-link:hover,.quiz-title-link:focus,.quiz-title-link:visited{color:inherit;text-decoration:none;line-height:1}.quiz-title-death{display:inline-flex;align-items:flex-end;line-height:1;margin-left:.18em;vertical-align:bottom}.quiz-title-death-char{display:inline-block;line-height:1;text-align:center}.quiz-title-death-char.is-brutal{font-family:Brutal Tooth,sans-serif}.question-marker{margin:0;font-family:var(--font-display);color:var(--teal)}#slide1,#slide2,#slide3,#slide4{padding-top:1.5rem;animation:reveal .5s ease}#slide2,#slide3,#slide4{display:none}#homeImg{display:flex;align-items:center;justify-content:center}#fatLogo{cursor:pointer;width:min(100%,430px);transition:transform .32s ease,filter .32s ease;filter:drop-shadow(0 16px 24px rgba(0,0,0,.6))}#fatLogo:hover{transform:translateY(-4px) scale(1.015);filter:drop-shadow(0 22px 28px rgba(252,190,48,.25))}#homeCopy p{color:var(--ink-muted);line-height:1.65;font-size:1.03rem}#homeCopy p strong{color:var(--ink)}#questionsCount{font-family:var(--font-display);color:var(--accent);font-size:1.45rem;letter-spacing:.04em}#slide1 .mcq>span{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink)}.cta-btn,#nextBtn,#getResultsBtn,#startBtn{border:none!important;border-radius:999px;padding:.8rem 1.3rem;font-weight:800;letter-spacing:.02em;color:#000!important;background:linear-gradient(100deg,var(--accent),var(--accent-2));box-shadow:0 10px 24px #fcbe304d;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}#nextBtn,#getResultsBtn{margin-top:.8rem}.cta-btn:hover,#nextBtn:hover,#getResultsBtn:hover,#startBtn:hover{transform:translateY(-2px);filter:saturate(1.06);box-shadow:0 14px 28px #fcbe3066}.cta-btn:focus,#nextBtn:focus,#getResultsBtn:focus,#startBtn:focus,.choice-panel:focus{outline:none!important;box-shadow:0 0 0 4px #fcbe3066!important}#startBtn i{transition:transform .26s ease}#startBtn:hover i{transform:translate(4px) rotate(-13deg)}#theCount,#theCountAnswer{margin:0;white-space:nowrap;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.04em;color:var(--teal)}.question-title h5{font-size:clamp(1.08rem,2vw,1.3rem);margin:.3rem 0 .6rem;line-height:1.5}#slide2 .question-title{padding-top:1rem;padding-bottom:1.2rem}#subjectTitle{font-weight:800;color:var(--ink);border-bottom:2px dashed rgba(252,190,48,.62);cursor:help}.btn-circle.btn-sm{width:30px;height:30px;border-radius:50%;font-size:14px;padding:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.btn-circle.btn-sm i{line-height:1}.choice-panel{width:100%;border:1px solid rgba(252,190,48,.35);border-radius:var(--radius-md);padding:.7rem;overflow:hidden;background:linear-gradient(160deg,#000000d1,#140f00e6);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.choice-panel:hover,.choice-panel:focus-visible{border-color:#fcbe30bf;box-shadow:0 14px 30px #fcbe3033}.choice-panel.is-key-active{border-color:#fcbe30d9;box-shadow:0 0 0 2px #fcbe3073,0 14px 30px #fcbe3038}.choice-panel img{display:block;width:100%;height:clamp(220px,38vw,320px);object-fit:contain;background:#000;padding:.35rem;border-radius:12px;transform-origin:center center;transition:transform 5s cubic-bezier(.22,1,.36,1)}#choice1 img{background:#feba1c}.choice-panel:hover img,.choice-panel:focus-visible img,.choice-panel.is-key-active img{transform:scale(1.08)}#choice2:hover img{animation:deathMetalShake 1s linear 1.5s infinite}.choice-label{display:block;margin-top:.75rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--ink-muted)}#theImage,#finalImg{width:100%;max-height:460px;object-fit:cover;border-radius:16px}#theDescTitle{margin-top:.2rem}#theDescImg{display:none;margin:.35rem 0 .8rem;max-width:280px}.result-social-icon{display:inline-block;width:20px;color:#fff}.sponsor-link{display:block}.sponsor-link--vortex,.sponsor-link--vortex:hover,.sponsor-link--vortex:focus,.sponsor-link--vortex:focus-visible,.sponsor-link--vortex:active,.sponsor-link--vortex:visited{text-decoration:none!important}.site-footer{margin-top:auto;padding-top:1.5rem;padding-bottom:1rem}.quiz-version-float{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1200}.quiz-version-select{border:1px solid rgba(252,190,48,.45);border-radius:8px;width:46px;min-width:46px;padding:.18rem .2rem;background:linear-gradient(100deg,#fcbe3024,#0003);color:#fcbe30;font-weight:800;font-size:.72rem;letter-spacing:.03em;line-height:1}.quiz-version-select:focus{outline:none;box-shadow:0 0 0 3px #fcbe3047}.quiz-version-select:hover{border-color:#fcbe30b8}#theDesc,#para1,#para2{font-size:1.02rem;line-height:1.7;color:var(--ink-muted)}#columns .answer-detail-col{min-height:260px}#columns .answer-copy-col{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:.75rem}#columns .answer-copy-col #nextBtn,#columns .answer-copy-col #getResultsBtn{margin-top:auto;margin-bottom:0;width:auto;max-width:100%;align-self:flex-end}#theDesc a{color:var(--ink);text-decoration:underline dashed;text-underline-offset:3px}.death-metal-video{margin:.15rem 0 .85rem}.death-metal-video__link{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border:1px solid rgba(252,190,48,.45);border-radius:999px;color:var(--ink);text-decoration:none;line-height:1;font-weight:700;font-size:.78rem;letter-spacing:.03em;background:#00000047;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.death-metal-video__link:hover,.death-metal-video__link:focus{color:var(--ink);text-decoration:none;border-color:#fcbe30bf;box-shadow:0 0 0 3px #fcbe3033;transform:translateY(-1px)}.death-metal-video__icon{width:17px;height:17px;fill:currentColor;flex-shrink:0}.result-actions .btn{border:0;border-radius:999px;font-weight:700;padding:.62rem 1.05rem;color:#000!important}.result-actions .btn svg path{fill:currentColor!important}.result-actions .btn.btn-primary,.result-actions .btn.btn-success{color:#000!important;background:linear-gradient(100deg,#fcbe30,#fcbe30)}.sponsor-wrap{border:1px solid rgba(252,190,48,.34);border-radius:18px;overflow:hidden;transition:box-shadow .22s ease,transform .22s ease}.sponsor-wrap:hover,.sponsor-wrap:focus-within{box-shadow:0 14px 34px #ffe08061;transform:translateY(-1px)}.vortex-banner{width:100%;max-width:730px;height:75px;display:flex;align-items:center;position:relative;overflow:hidden;background:#eef0f7;margin:0 auto;transition:box-shadow .22s ease,transform .22s ease,filter .22s ease}.sponsor-link--vortex:hover .vortex-banner,.sponsor-link--vortex:focus-visible .vortex-banner{box-shadow:0 20px 42px #ffe08080,0 0 26px #ffdc5e73;transform:translateY(-2px);filter:saturate(1.04)}.vortex-banner__bg-right{position:absolute;right:0;top:0;width:380px;height:75px;background-image:url(/assets/vortex-indigo.jpg);background-size:auto 300px;background-position:top right;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 40%);mask-image:linear-gradient(to right,transparent 0%,black 40%)}.vortex-banner__left{display:flex;align-items:center;gap:10px;padding-left:16px;flex-shrink:0;position:relative;z-index:2}.vortex-banner__logo{width:46px;height:46px;object-fit:contain;transform-origin:center center;border-radius:0}.sponsor-link--vortex:hover .vortex-banner__logo{animation:vortexLogoSpin 3s linear infinite}@keyframes vortexLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vortex-banner__wordmark{height:26px;object-fit:contain;border-radius:0}.vortex-banner__divider{width:1px;height:36px;background:#1e233c26;margin:0 20px;flex-shrink:0;position:relative;z-index:2}.vortex-banner__tagline{flex:1;text-align:left;font-family:Manrope,Helvetica Neue,Arial,sans-serif;font-size:13px;color:#555e7a;letter-spacing:.04em;white-space:nowrap;position:relative;z-index:2}.sponsor-label{margin:0 auto .55rem;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;line-height:1.25;min-height:1.25em;color:var(--ink-muted);display:block;width:fit-content;white-space:nowrap;text-align:center;background-image:linear-gradient(110deg,#8b6510,#d9a62d 22%,#ffe8a0,#d9a62d,#ffe8a0,#d9a62d 78%,#8b6510);background-size:220% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 6px rgba(252,190,48,.35),0 0 12px rgba(252,190,48,.18);animation:textShimmer 2.2s linear infinite}.sponsor-grid{background:url(/assets/hex.jpg) center/cover;padding:1.2rem}.sponsor-grid img{width:min(100%,300px)}.list-inline-item a svg{width:24px;height:24px}.footer-demo-icon{width:32px;height:32px;display:inline-block;vertical-align:middle}.footer__links a{color:var(--ink);opacity:.9;transition:opacity .18s ease,transform .18s ease}.footer__links a svg path{fill:currentColor!important}.footer__links a:hover{opacity:1;transform:translateY(-2px)}body.bg-dark .footer__links a{color:#fcbe30}body.bg-dark .sponsor-wrap{border-color:#fcbe3057;background:#0009}.text-success{color:#fcbe30!important}#failOrGood{margin:0;display:inline-flex;align-items:center;gap:.5rem;padding-bottom:.15rem}#slide3 .status-row{padding-top:1rem;padding-bottom:1.45rem}#failOrGood .text-success,#failOrGood .text-danger{line-height:1.28;display:inline-block;padding-bottom:.06em}#failOrGood .btn-success{color:#04150c!important;background-color:#2ecf78!important;border-color:#2ecf78!important}#failOrGood .text-success{color:#2ecf78!important}.sparkle-text{display:inline-block;color:transparent!important;-webkit-text-fill-color:transparent;background-image:linear-gradient(110deg,#9a6c0a,#fcbe30 22%,#fff3bf,#fcbe30,#fff3bf,#fcbe30 78%,#9a6c0a);background-size:220% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;text-shadow:0 0 8px rgba(252,190,48,.55),0 0 18px rgba(252,190,48,.32);animation:textShimmer 1.8s linear infinite,sparklePulse 1.3s ease-in-out infinite}#failOrGood .sparkle-text{background-image:linear-gradient(110deg,#11653a,#2ecf78 22%,#b7ffd9,#2ecf78,#b7ffd9,#2ecf78 78%,#11653a);text-shadow:0 0 8px rgba(46,207,120,.52),0 0 18px rgba(46,207,120,.3)}.text-danger{color:#e4482d!important}.btn-success{color:#000!important;background-color:#fcbe30!important;border-color:#fcbe30!important}.btn-danger{color:#000!important;background-color:#e4482d!important;border-color:#e4482d!important}.float-right-lg{float:none}@media(min-width:769px){.float-right-lg{float:right}}@media(max-width:768px){.quiz-version-float{top:8px;right:8px}:root{--hops-molecule-size: 250px}body.bg-standard,body.bg-l1ght,body.bg-dark{--hops-molecule-opacity: .18}#slide1,#slide2,#slide3,#slide4{padding-top:.8rem}.question{padding-left:1rem!important;padding-right:1rem!important}.choice-panel{margin-bottom:.9rem}.choice-panel img{height:clamp(170px,40vw,230px)}#columns .answer-detail-col{min-height:0}#theImage{max-height:220px;object-fit:cover}#theDesc{max-height:8.5rem;overflow-y:auto;padding-right:.2rem}#slide3 .question.pl-3.pr-3{padding-bottom:5.2rem!important}#columns .answer-copy-col #nextBtn,#columns .answer-copy-col #getResultsBtn{position:fixed;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:1300;margin:0;align-self:auto}.result-actions .btn{width:100%;margin-left:0!important;margin-right:0!important}.vortex-banner{height:68px}.vortex-banner__bg-right{width:230px;height:68px;opacity:.4}.vortex-banner__left{gap:8px;padding-left:12px}.vortex-banner__logo{width:38px;height:38px}.vortex-banner__wordmark{height:20px}.vortex-banner__divider{height:28px;margin:0 12px}.vortex-banner__tagline{font-size:11px;letter-spacing:.02em;padding-right:10px}}@media(max-width:430px){.choice-panel{padding:.55rem}.choice-panel img{height:clamp(150px,43vw,200px)}}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2.5%,-2%,0) scale(1.03)}}@keyframes hopsMoleculeDrift{0%{background-position:0 0}to{background-position:var(--hops-molecule-size) calc(var(--hops-molecule-size) * -.7)}}@keyframes sparklePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes textShimmer{0%{background-position:0% 50%}to{background-position:220% 50%}}@keyframes deathMetalShake{0%{transform:scale(1.08) translate(0)}8%{transform:scale(1.08) translate(-1px) rotate(-.4deg)}16%{transform:scale(1.08) translate(1px) rotate(.4deg)}24%{transform:scale(1.08) translate(-2px) rotate(-.8deg)}32%{transform:scale(1.08) translate(2px) rotate(.8deg)}40%{transform:scale(1.08) translate(-3px) rotate(-1.2deg)}48%{transform:scale(1.08) translate(3px) rotate(1.2deg)}56%{transform:scale(1.08) translate(-4px) rotate(-1.6deg)}64%{transform:scale(1.08) translate(4px) rotate(1.6deg)}72%{transform:scale(1.08) translate(-5px) rotate(-2deg)}80%{transform:scale(1.08) translate(5px) rotate(2deg)}88%{transform:scale(1.08) translate(-6px) rotate(-2.4deg)}96%{transform:scale(1.08) translate(6px) rotate(2.4deg)}to{transform:scale(1.08) translate(0) rotate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before,body:after{animation:none!important}.choice-panel:hover img,.choice-panel:focus-visible img,.choice-panel.is-key-active img{transform:none!important}#choice2:hover img{animation:none!important}}