:root{--bg:#1d3461;--bg-tint:#08122a8c;--surface:#0c1a3a99;--fg:#f7f3ea;--muted:#cdd8ea;--line:#f7f3ea4d;--accent:#f3e2bd;--accent-fg:#14234a;--text-shadow:0 1px 3px #040a1c99;--ink:#6d2b44;--navy-ink:#1e2a4a;--paper:#f7e3ea;--paper-quiet:#f1f0e8;--mint:#b1efda;--green-ink:#0a725e;--steam:244, 238, 236;--t-rise:1.9s;--t-swap:.8s;--radius:0;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--font-display:"Fraunces", Georgia, serif;--font-body:"Nunito", system-ui, sans-serif;--measure:36rem}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-shadow:var(--text-shadow);font-size:16px;line-height:1.5}body:before{content:"";z-index:-1;background:linear-gradient(var(--bg-tint), var(--bg-tint)), url(/assets/background-NXB7AsfZ.png) center / cover no-repeat, var(--bg);position:fixed;inset:0}#root{min-height:100%;padding-inline:var(--space-3);padding-block:var(--space-5);place-items:start center;display:grid}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quiz{width:100%;max-width:var(--measure);gap:var(--space-4);display:grid}.quiz__logo{filter:drop-shadow(0 6px 10px #040a1c73);justify-self:center;width:clamp(96px,28vw,140px);height:auto;display:block}.quiz__header{align-items:center;gap:var(--space-3);display:flex}.btn.quiz__mute{top:calc(env(safe-area-inset-top) + var(--space-3));right:calc(env(safe-area-inset-right) + var(--space-3));z-index:50;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);opacity:1;border-radius:50%;justify-content:center;width:44px;height:44px;padding:0;position:fixed;box-shadow:0 4px 10px #040a1c59}.btn.quiz__mute[aria-pressed=true]{opacity:.7}.quiz__header .progress{flex:1;min-width:0}.quiz__stage{min-height:320px}.quiz__footer{justify-content:flex-start;display:flex}.intro{gap:var(--space-3);justify-items:start;display:grid}.intro__title,.question__title,.result__title{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 144;font-weight:500}.intro__title,.result__title{font-style:italic}.intro__title{text-align:center;text-wrap:balance;justify-self:stretch;font-size:2rem;line-height:1.15}.intro__banner{width:100%;height:auto;margin-top:var(--space-2);filter:drop-shadow(0 6px 10px #040a1c73);display:block}.intro__text{text-align:center;text-wrap:pretty;color:var(--muted);justify-self:stretch}.intro .paper--primary{justify-self:center}.sign{width:min(70%,220px);margin-top:var(--space-3);transform-origin:52% 3%;justify-self:center;animation:2.4s ease-out both sign-swing;position:relative;container-type:inline-size}.sign__image{filter:drop-shadow(0 6px 10px #040a1c73);width:100%;height:auto;display:block}.sign__text{text-align:center;color:var(--ink);text-shadow:none;place-content:center;display:grid;position:absolute;inset:39% 6% 4%;transform:rotate(-1.5deg)}.sign__open{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 144;font-size:24cqi;font-style:italic;font-weight:600;line-height:1}.sign__tagline{letter-spacing:.04em;text-transform:uppercase;margin-top:2cqi;font-size:6.4cqi;font-weight:700}@keyframes sign-swing{0%{transform:rotate(7deg)}30%{transform:rotate(-4deg)}55%{transform:rotate(2deg)}78%{transform:rotate(-.8deg)}to{transform:rotate(0)}}.question{gap:var(--space-4);display:grid}.question__title{text-wrap:balance;gap:var(--space-1);font-size:1.375rem;line-height:1.3;display:grid}.question__number{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.question__options{gap:var(--space-2);display:grid}.question__options--images{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.question__options--images li{flex:0 0 calc((100% - 2 * var(--space-3)) / 3)}.btn--secondary.btn--image{justify-content:center;padding:8px}.btn--image img{pointer-events:none;width:100%;height:auto;display:block}.btn--secondary.btn--captioned{gap:var(--space-2);flex-direction:column;padding:8px}.btn--captioned__media{background:#1e2a4a14;width:100%;display:block}img.btn--captioned__media{aspect-ratio:2/3;object-fit:cover;pointer-events:none}.question__options--images .paper,.btn--secondary.btn--captioned{height:100%}.btn--captioned__label{text-align:center;font-size:.8rem;line-height:1.25}.option-insta{position:relative}.option-insta__thumb{pointer-events:none;position:absolute;top:8px;left:8px;right:8px;overflow:hidden}.option-insta__thumb iframe{transform-origin:0 0;border:0;display:block}.result{gap:var(--space-3);text-align:center;justify-items:center;display:grid}.result__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.result__title{text-wrap:balance;font-size:2rem;line-height:1.15}.result__description{color:var(--muted);max-width:60ch}.result__image{width:100%;max-width:28rem;height:auto;margin-top:var(--space-2);filter:drop-shadow(0 6px 10px #00000073);display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;text-align:left;border:none;line-height:1.3;display:inline-flex}.paper{filter:drop-shadow(0 6px 10px #00000073);transition:filter .15s;display:inline-block}.paper:hover{filter:drop-shadow(0 10px 16px #00000080)}.paper--block{width:100%;display:block}.paper--secondary{filter:drop-shadow(0 3px 6px #00000059)}.btn--primary{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 48;color:var(--green-ink);text-shadow:none;background-color:var(--mint);clip-path:polygon(1% 5%,97% 0%,100% 90%,98% 100%,3% 97%,0% 12%);background-image:radial-gradient(120% 80% at 20% 0,#fff9,#0000 60%),radial-gradient(90% 70% at 90% 100%,#0a725e24,#0000 60%),radial-gradient(40% 50% at 60% 40%,#0a725e0f,#0000 70%);padding:14px 26px;font-size:1.15rem;font-style:italic;font-weight:600;transform:rotate(-.8deg)}.paper:hover .btn--primary{transform:rotate(.5deg)translateY(-1px)}.btn--secondary{font-family:var(--font-body);color:var(--navy-ink);text-shadow:none;background-color:var(--paper-quiet);clip-path:polygon(0% 3%,99% 0%,100% 96%,1% 100%);background-image:radial-gradient(120% 80% at 10% 0,#ffffff80,#0000 60%),radial-gradient(90% 70% at 95% 100%,#3c281e1a,#0000 60%);padding:14px 18px;font-size:1rem;font-weight:600;transition:background-color .15s}.paper--secondary:hover .btn--secondary{background-color:var(--paper)}.question__options li:nth-child(2) .btn--secondary{clip-path:polygon(1% 0%,100% 4%,99% 100%,0% 97%)}.question__options li:nth-child(3) .btn--secondary{clip-path:polygon(0% 0%,98% 2%,100% 97%,2% 100%)}.question__options li:nth-child(4) .btn--secondary{clip-path:polygon(2% 2%,100% 0%,98% 100%,0% 96%)}.question__options li:nth-child(5) .btn--secondary{clip-path:polygon(0% 4%,99% 1%,100% 100%,1% 98%)}.btn--ghost{color:var(--fg);opacity:.75;padding:8px var(--space-2);background:0 0}.btn--ghost:hover{opacity:1}.btn--block{justify-content:flex-start;width:100%;display:flex}.progress{gap:var(--space-3);display:grid}.progress__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.progress__track{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress__fill{background:var(--accent);border-radius:inherit;height:100%}.progress__track{position:relative;overflow:visible}.progress__fill{border-radius:999px}.progress__marker{color:var(--accent);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%}.progress__marker--leading{transform:translate(-50%,-50%)}.progress__marker--end{right:0;transform:translate(40%,-50%)}.progress__cup{filter:drop-shadow(0 2px 3px #040a1c80);width:auto;height:30px;display:block}.steam{z-index:1000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.steam__veil{background:radial-gradient(ellipse 140% 120% at 50% 100%, rgba(var(--steam), 1) 0%, rgba(var(--steam), 1) 70%, rgba(var(--steam), 0) 100%);opacity:0;animation:steam-veil-in var(--t-swap) ease-out both, steam-veil-out calc(var(--t-rise) - var(--t-swap)) ease-in var(--t-swap) forwards;position:absolute;inset:-40% -20% -10%}@keyframes steam-veil-in{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@keyframes steam-veil-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30%)}}.steam__wisp{bottom:-30vh;left:var(--x);width:var(--size);height:var(--size);margin-left:calc(var(--size) / -2);background:radial-gradient(circle, rgba(var(--steam), var(--alpha)) 0%, rgba(var(--steam), 0) 70%);filter:blur(var(--blur));opacity:0;will-change:transform, opacity;animation:steam-wisp var(--dur) cubic-bezier(.3, .6, .4, 1) var(--delay) both;border-radius:50%;position:absolute}@keyframes steam-wisp{0%{opacity:0;transform:translateY(0)scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(var(--drift), -160vh) scale(1.6)}}.steam--reduced .steam__veil{animation-name:steam-fade-in,steam-fade-out;animation-duration:var(--t-swap), calc(var(--t-rise) - var(--t-swap))!important}@keyframes steam-fade-in{0%{opacity:0}to{opacity:1}}@keyframes steam-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}