:root{--color-bg:#111;--color-surface:#1c1c1c;--color-teal:#77c4c6;--color-blue:#4b84c4;--color-link:#6ba5b8;--color-mid:#a8a8a8;--color-dark:#464646;--color-white:#fff;color:var(--color-white);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{background:var(--color-bg)}.display{letter-spacing:.02em;text-transform:uppercase;font-family:Josefin Sans,system-ui,sans-serif}.body{font-family:DM Sans,system-ui,sans-serif}a{color:var(--color-link)}.btn-primary{min-height:56px;color:var(--color-white);cursor:pointer;background:linear-gradient(90deg,#4b84c4,#77c4c6);border:none;border-radius:9999px;justify-content:center;align-items:center;width:100%;padding:0 2rem;font-family:DM Sans,system-ui,sans-serif;font-size:1.125rem;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary:not(:disabled):hover{opacity:.9}.btn-secondary{border:2px solid var(--color-blue);min-height:56px;color:var(--color-blue);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;width:100%;padding:0 2rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;font-weight:500;display:inline-flex}.surface{background:var(--color-surface);border:1px solid var(--color-dark);border-radius:8px}.input-field{border:1px solid var(--color-dark);background:var(--color-surface);width:100%;min-height:64px;color:var(--color-white);border-radius:8px;padding:0 1rem;font-family:DM Sans,system-ui,sans-serif;font-size:1.125rem}.input-field:focus{outline:2px solid var(--color-teal);outline-offset:2px}.input-field--small{min-height:48px;font-size:1rem}.screen-page{flex-direction:column;min-height:100dvh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.screen-page--centered{text-align:center;justify-content:center;align-items:center}.bg-animation{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.bg-animation:before,.bg-animation:after{content:"";opacity:.06;border-radius:50%;width:40vmax;height:40vmax;animation:12s ease-in-out infinite float;position:absolute}.bg-animation:before{background:var(--color-teal);top:-10%;left:-10%}.bg-animation:after{background:var(--color-blue);animation-delay:-6s;bottom:-10%;right:-10%}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(5%,5%)scale(1.1)}}.content-above-bg{z-index:1;width:100%;max-width:640px;position:relative}.progress-bar{background:var(--color-dark);z-index:10;height:4px;position:fixed;top:0;left:0;right:0}.progress-bar__fill{background:var(--color-teal);height:100%;transition:width .3s}.option-card{background:var(--color-surface);border:1px solid var(--color-dark);min-height:64px;color:var(--color-white);text-align:left;cursor:pointer;border-radius:8px;align-items:center;width:100%;margin-bottom:.75rem;padding:1rem 1.25rem;font-family:DM Sans,system-ui,sans-serif;font-size:1rem;transition:border-color .15s,background .15s;display:flex}.option-card:hover{border-color:var(--color-teal);background:#252525;outline:none}.option-card:focus-visible{border-color:var(--color-teal);background:#252525;outline:none}.tablet-shell{min-height:100dvh;position:relative}.idle-warning-overlay{z-index:50;background:rgba(17,17,17,.86);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.idle-warning-card{background:var(--color-surface);border:1px solid var(--color-dark);text-align:center;border-radius:12px;width:100%;max-width:480px;padding:2.5rem 2rem}.idle-warning-card h2{margin:0 0 1rem;font-size:2rem}.idle-warning-countdown{color:var(--color-mid);margin:0 0 2rem;font-size:1.25rem}.idle-warning-countdown strong{color:var(--color-teal);font-variant-numeric:tabular-nums}.back-btn{z-index:11;color:var(--color-mid);cursor:pointer;background:0 0;border:none;min-width:48px;min-height:48px;font-size:1.5rem;position:fixed;top:1rem;left:1rem}.quiz-slide-enter{animation:.35s slideLeft}@keyframes slideLeft{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.divider{border:none;border-top:1px solid var(--color-dark);margin:1.5rem 0}.match-pill{background:var(--color-teal);color:var(--color-bg);border-radius:999px;padding:.5rem 1.5rem;font-family:DM Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:700;display:inline-block}.consent-block{background:var(--color-surface);border:1px solid var(--color-dark);text-align:left;border-radius:8px;padding:1rem}.consent-block label{cursor:pointer;color:var(--color-mid);gap:.75rem;font-size:.875rem;line-height:1.5;display:flex}.consent-block label+label{margin-top:.75rem}.consent-block input[type=checkbox]{width:24px;height:24px;accent-color:var(--color-teal);flex-shrink:0;margin-top:2px}.skip-link{color:var(--color-mid);cursor:pointer;background:0 0;border:none;margin-top:1rem;font-size:.875rem;text-decoration:underline}.calculating-line{opacity:0;color:var(--color-mid);margin:.75rem 0;font-size:1.5rem;animation:.6s forwards fadeInLine}.calculating-line:first-child{animation-delay:0s}.calculating-line:nth-child(2){animation-delay:.6s}.calculating-line:nth-child(3){animation-delay:1.2s}.calculating-line:nth-child(4){animation-delay:1.8s}@keyframes fadeInLine{to{opacity:1}}.bigscreen-layout{min-height:100dvh;padding:max(.75rem,min(2vh,1.5rem)) max(1rem,min(3vw,2rem));overflow:hidden}.bigscreen-layout__inner{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;height:100%;min-height:calc(100dvh - max(1.5rem,min(4vh,3rem)));display:flex;position:relative}.bigscreen-layout__logo{flex-shrink:0;width:min(280px,42vw);height:auto;margin-bottom:max(.5rem,min(1.5vh,1.25rem))}.bigscreen-layout__content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:max(.35rem,min(1.2vh,.85rem));width:100%;max-width:min(960px,92vw);min-height:0;display:flex}.bigscreen-layout--reveal .bigscreen-layout__content{justify-content:space-evenly;gap:max(.25rem,min(.8vh,.65rem));padding-bottom:.5rem;overflow-x:hidden;overflow-y:auto}.bigscreen-live-label{color:var(--color-teal);letter-spacing:.06em;margin:0;font-size:max(1.25rem,min(3vw,2.25rem))}.bigscreen-question-num{margin:0;font-size:max(2.5rem,min(min(10vw,9vh),6rem));line-height:1}.bigscreen-question-total{color:var(--color-mid);font-size:.45em}.bigscreen-final-step{margin:0;font-size:max(2rem,min(min(7vw,7vh),4.5rem));line-height:1.1}.bigscreen-headline{margin:max(.25rem,min(1vh,.75rem)) 0 0;font-size:max(1.75rem,min(min(6vw,5.5vh),4rem));line-height:1.05}.bigscreen-subline{color:var(--color-mid);max-width:32ch;margin:0;font-size:max(1rem,min(min(2.5vw,2.2vh),1.75rem));line-height:1.35}.bigscreen-cta{color:var(--color-teal);margin:max(.75rem,min(2vh,1.5rem)) 0 0;font-size:max(1rem,min(2.5vw,1.75rem))}.bigscreen-calculating-title{color:var(--color-mid);margin:0;font-size:max(1.5rem,min(min(4vw,4vh),2.75rem))}.bigscreen-calculating-sub{margin:max(.75rem,min(2vh,1.5rem)) 0 0;font-size:max(1rem,min(2.5vw,1.5rem))}.bigscreen-calculating-dots{margin-top:max(.75rem,min(2vh,1.5rem));font-size:max(2rem,min(4vw,3rem))}.bigscreen-idle-lead{margin:max(.5rem,min(2vh,1.5rem)) 0 .35rem;font-size:max(1.125rem,min(2.5vw,1.5rem))}.bigscreen-idle-sub{color:var(--color-mid);margin:0 0 max(1rem,min(3vh,2rem));font-size:max(1rem,min(2vw,1.25rem))}.bigscreen-idle-cta{color:var(--color-teal);margin:0;font-size:max(1.75rem,min(min(5vw,4.5vh),3.5rem));animation:4s ease-in-out infinite float}.bigscreen-reveal-kicker{color:var(--color-mid);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:max(.75rem,min(min(1.8vw,1.6vh),1.125rem))}.bigscreen-reveal-block{width:100%;margin:0;padding:max(.15rem,min(.5vh,.35rem)) 0}.bigscreen-reveal-label{color:var(--color-mid);letter-spacing:.1em;text-transform:uppercase;margin:0 0 max(.15rem,min(.5vh,.35rem));font-family:DM Sans,system-ui,sans-serif;font-size:max(.65rem,min(min(1.4vw,1.3vh),.875rem))}.bigscreen-reveal-primary{color:var(--color-teal);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;margin:0;font-size:max(1.5rem,min(min(5.5vw,4.5vh),3.75rem));line-height:1.05}.bigscreen-reveal-secondary{word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:max(1.25rem,min(min(4.5vw,3.8vh),3rem));line-height:1.08}.bigscreen-reveal-tagline{color:var(--color-mid);max-width:36ch;margin:max(.15rem,min(.5vh,.4rem)) auto 0;font-family:DM Sans,system-ui,sans-serif;font-size:max(.8rem,min(min(2vw,1.8vh),1.35rem));font-style:italic;line-height:1.35}.bigscreen-reveal-matches{color:var(--color-white);flex-direction:column;gap:max(.1rem,min(.35vh,.25rem));max-width:40ch;margin:max(.15rem,min(.5vh,.35rem)) auto 0;padding:0;font-family:DM Sans,system-ui,sans-serif;font-size:max(.8rem,min(min(1.8vw,1.6vh),1.125rem));line-height:1.3;list-style:none;display:flex}.bigscreen-reveal-score{color:var(--color-teal);margin:max(.15rem,min(.5vh,.35rem)) 0 0;font-size:max(1.5rem,min(min(5vw,4vh),3rem));line-height:1.1}.bigscreen .display--hero{color:var(--color-teal);font-size:max(2rem,min(min(6vw,5vh),4.5rem));line-height:1.05}.bigscreen .display--large{font-size:max(1.5rem,min(min(5vw,4vh),3rem));line-height:1.08}.bigscreen .tagline{color:var(--color-mid);font-size:max(1rem,min(min(2.2vw,2vh),1.5rem));font-style:italic}.reveal-item{opacity:0;animation:.8s forwards revealUp;transform:translateY(20px)}.reveal-item:first-child{animation-delay:.3s}.reveal-item:nth-child(2){animation-delay:.8s}.reveal-item:nth-child(3){animation-delay:1.3s}.reveal-item:nth-child(4){animation-delay:1.8s}.reveal-item:nth-child(5){animation-delay:2.3s}.reveal-item:nth-child(6){animation-delay:2.8s}.reveal-item:nth-child(7){animation-delay:3.3s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.logo-pulse{animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.waiting-dots span{animation:1.2s infinite dotBounce;display:inline-block}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}.operator-page{flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:720px;min-height:100dvh;margin:0 auto;padding:2rem;display:flex}.operator-card{text-align:center;width:100%;padding:2rem}.operator-card h2{margin:0 0 .5rem}.operator-card p{color:var(--color-mid);margin:0 0 1.5rem}.setup-qr{margin-bottom:1rem}.setup-qr-hint{color:var(--color-mid);margin:.5rem 0 0;font-size:.875rem}.setup-url{word-break:break-all;background:var(--color-bg);color:var(--color-teal);border-radius:4px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem;display:block}.setup-actions{flex-direction:column;gap:.75rem;display:flex}.setup-open-link{text-decoration:none}.setup-network-note{color:var(--color-mid);text-align:center;margin:0;font-size:.875rem}.setup-alt-urls{text-align:left;width:100%;padding:1.25rem 1.5rem}.setup-address-list{color:var(--color-mid);margin:.75rem 0 0;padding-left:1.25rem;font-size:.875rem}.sync-error-banner{z-index:100;border-bottom:1px solid var(--color-teal);text-align:center;background:#3d2020;padding:.75rem 1rem;position:fixed;top:0;left:0;right:0}.sync-error-banner p{color:var(--color-white);margin:0;font-size:.875rem}.role-select{width:100%;max-width:420px;margin:0 auto}.role-select-options{flex-direction:column;gap:1rem;display:flex}.role-select-btn{border:2px solid var(--color-dark);background:var(--color-surface);width:100%;min-height:88px;color:var(--color-white);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.25rem 1.5rem;transition:border-color .15s,background .15s;display:flex}.role-select-btn:hover,.role-select-btn--primary{border-color:var(--color-teal)}.role-select-label{font-family:DM Sans,system-ui,sans-serif;font-size:1.125rem;font-weight:600}.role-select-hint{color:var(--color-mid);font-family:DM Sans,system-ui,sans-serif;font-size:.875rem}.qr-block{flex-direction:column;align-items:center;display:flex}.qr-block__frame{background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.qr-block__caption{color:var(--color-mid);margin:.5rem 0 0;font-size:.875rem}.quiz-result-card{box-sizing:border-box;color:#fff;text-align:center;background:#111;flex-direction:column;justify-content:space-between;align-items:center;padding:36px 32px 28px;display:flex}.quiz-result-card__logo{width:120px;height:auto;margin-bottom:8px}.quiz-result-card__kicker{letter-spacing:.12em;text-transform:uppercase;color:#a8a8a8;margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:14px}.quiz-result-card__title{text-transform:uppercase;color:#77c4c6;margin:8px 0 0;font-family:Josefin Sans,system-ui,sans-serif;font-size:42px;line-height:1.05}.quiz-result-card__tagline{color:#a8a8a8;max-width:28ch;margin:12px 0 0;font-family:DM Sans,system-ui,sans-serif;font-size:18px;font-style:italic}.quiz-result-card__rule{background:#464646;width:80%;height:1px;margin:20px 0}.quiz-result-card__secondary-label{letter-spacing:.12em;text-transform:uppercase;color:#a8a8a8;margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:12px}.quiz-result-card__secondary{text-transform:uppercase;margin:8px 0 0;font-family:Josefin Sans,system-ui,sans-serif;font-size:26px;line-height:1.15}.quiz-result-card__score{color:#111;background:#77c4c6;border-radius:9999px;margin-top:20px;padding:10px 22px;font-family:DM Sans,system-ui,sans-serif;font-size:18px;font-weight:700}.quiz-result-card__footer{letter-spacing:.14em;text-transform:uppercase;color:#6ba5b8;margin:24px 0 0;font-family:DM Sans,system-ui,sans-serif;font-size:12px}.share-page{flex-direction:column;align-items:center;gap:1.25rem;padding-bottom:2rem;display:flex}.share-page__card{justify-content:center;width:min(100%,540px);display:flex;overflow:auto}.booth-page .qr-block__frame{margin:0 auto}