*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:url(/build/assets/yellow-CTf69ufF.webp) center top / cover no-repeat}body{font-family:MMSerif,Georgia,serif;font-weight:300;color:var(--color-ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;appearance:none;-webkit-appearance:none}@font-face{font-family:MMSerif;src:url(/build/assets/AllTogetherSerif-Black-CP4VMNXH.ttf) format("truetype");font-weight:900;font-display:swap}@font-face{font-family:MMSerif;src:url(/build/assets/AllTogetherSerif-CnBold-D_JzFNQI.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:MMSerif;src:url(/build/assets/AllTogetherSerif-Cn-CsvDyAcj.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:MMSerif;src:url(/build/assets/AllTogetherSerif-CnLight-B6uJCW7Q.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:MMSans;src:url(/build/assets/AllTogetherSans-Bold-eqFUGzj5.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:MMSans;src:url(/build/assets/AllTogetherSans-Regular-Cmtbl3F7.ttf) format("truetype");font-weight:400;font-display:swap}:root{--color-yellow: #ffc72c;--color-yellow-pale: #ffe28f;--color-red: #d70100;--color-red-dark: #b70100;--color-ink: #3b1206;--color-ink-soft: #6b3a22;--color-white: #ffffff;--radius-lg: 26px;--radius-pill: 999px;--radius-input: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}#app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(6px,2vh,14px);padding:calc(18px + var(--safe-top)) calc(24px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(24px + var(--safe-left));text-align:center;overflow-y:auto;opacity:1;transform:none;transition:opacity .28s ease,transform .28s ease}.screen[hidden]{display:none}.screen--entering{opacity:0;transform:translateY(16px);z-index:2}.screen--leaving{opacity:0;transform:translateY(-16px);z-index:1;pointer-events:none}@keyframes screen-child-in{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}.screen>*,#start-form>*{animation:screen-child-in .5s cubic-bezier(.22,1,.36,1) both}.screen>*:nth-child(1),#start-form>*:nth-child(1){animation-delay:0s}.screen>*:nth-child(2),#start-form>*:nth-child(2){animation-delay:45ms}.screen>*:nth-child(3),#start-form>*:nth-child(3){animation-delay:.09s}.screen>*:nth-child(4),#start-form>*:nth-child(4){animation-delay:.135s}.screen>*:nth-child(5),#start-form>*:nth-child(5){animation-delay:.18s}.screen>*:nth-child(6),#start-form>*:nth-child(6){animation-delay:.225s}.screen>*:nth-child(7),#start-form>*:nth-child(7){animation-delay:.27s}.screen>*:nth-child(8),#start-form>*:nth-child(8){animation-delay:.315s}.screen>*:nth-child(9),#start-form>*:nth-child(9){animation-delay:.36s}.screen>*:nth-child(10),#start-form>*:nth-child(10){animation-delay:.405s}.screen>*:nth-child(11),#start-form>*:nth-child(11){animation-delay:.45s}.screen>*:nth-child(12),#start-form>*:nth-child(12){animation-delay:.495s}.screen>*:nth-child(13),#start-form>*:nth-child(13){animation-delay:.54s}.screen>*:nth-child(14),#start-form>*:nth-child(14){animation-delay:.585s}.screen--yellow{background:url(/build/assets/yellow-CTf69ufF.webp) center top / cover no-repeat}.screen--city{background:url(/build/assets/city-Bk3dLyHn.jpg) center center / cover no-repeat,var(--color-yellow);justify-content:center}.brand-logo{width:min(310px,76%);height:auto;flex-shrink:0}.brand-logo--small{width:min(220px,64%)}.headline{font-family:MMSerif,Georgia,serif;font-weight:300;color:var(--color-ink);line-height:1.05;font-size:clamp(1.8rem,6vw,2.1rem);margin:0}.headline-accent{display:block;font-weight:700;color:var(--color-red);font-size:clamp(1.8rem,min(10.5vw,8vh),4rem);margin-top:2px}#screen-start{left:3%;right:3%;padding-top:calc(16px + var(--safe-top));gap:clamp(3px,1vh,6px)}#screen-start .headline{font-weight:400;font-size:clamp(1.6rem,5.5vw,1.9rem)}.headline--accent-first{font-weight:900;color:var(--color-red);font-size:clamp(1.8rem,7vw,2.6rem)}#screen-rules .headline--accent-first{font-weight:700;font-size:clamp(1.8rem,min(10.5vw,8vh),4.1rem)}#screen-results .headline--accent-first{font-weight:700;font-size:clamp(1.5rem,min(7.2vw,6vh),2.6rem)}#screen-rules .headline--accent-first+.subhead{margin-top:-6px;font-family:MMSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(1.5rem,5vw,1.8rem);font-weight:400;line-height:normal}#screen-rules h2.headline{font-weight:700;font-size:clamp(2.2rem,min(14.5vw,11vh),5.6rem);margin-top:-6px}.headline-big{display:block;font-weight:700;color:var(--color-ink);font-size:clamp(2.4rem,min(17.2vw,11vh),6.3rem)}#screen-results .headline--accent-first+.result-stats{margin-top:0}.subhead{font-size:clamp(1rem,3.5vw,1.25rem);font-weight:300;color:var(--color-ink);margin:0;line-height:1.4}#screen-results .subhead{font-family:MMSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(1.45rem,5vw,1.75rem);font-weight:500;line-height:normal}.subhead--accent{font-family:MMSerif,Georgia,serif;font-weight:900;color:var(--color-red);font-size:clamp(1.6rem,6vw,2.1rem);margin-bottom:-6px}#screen-rules .subhead--accent,#screen-ranking .subhead--accent{font-weight:700}#screen-ranking .subhead--accent{margin-top:clamp(4px,1.5vh,14px);margin-bottom:1px;font-size:clamp(1.3rem,min(7.5vw,6vh),2.7rem)}.subhead--small{font-size:clamp(.85rem,3vw,1rem);color:var(--color-ink-soft)}.ranking-header{position:relative;width:100%;max-width:420px}#ranking-position{font-weight:700;font-size:clamp(2.2rem,min(17vw,10vh),6rem);margin:0}.ranking-decor{position:absolute;width:clamp(40px,16vw,72px);height:auto;aspect-ratio:36 / 35;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.85)) drop-shadow(0 0 12px rgba(255,255,255,.5))}.ranking-decor--wolverine{bottom:-6px;right:-4px}.ranking-subtitle-row{position:relative;width:100%;max-width:420px;display:flex;align-items:center;justify-content:center;margin-top:7px}.ranking-decor--elektra{left:-4%;top:50%;transform:translateY(-50%)}#screen-ranking .subhead--small{font-size:clamp(1.4rem,5vw,1.7rem);color:var(--color-ink);font-weight:400}#screen-ranking .ranking-subtitle-row .subhead--small{font-weight:400;font-family:MMSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(1.7rem,5.8vw,2rem);letter-spacing:.5px}#screen-ranking .subhead--playagain{font-size:clamp(1.2rem,min(6.5vw,5vh),2.3rem);line-height:1.1}.hero-group-art{width:min(560px,100%);height:auto}.hero-pair-art{width:min(470px,98%);height:auto;margin:4px 0}.villain-art{width:min(380px,92%);height:auto;margin:4px 0}@keyframes photo-capture{0%{filter:brightness(1);transform:scale(1)}10%{filter:brightness(2.6);transform:scale(.96)}25%{filter:brightness(1);transform:scale(1.02)}to{filter:brightness(1);transform:scale(1)}}#start-form{width:min(420px,100%);display:flex;flex-direction:column;gap:clamp(2px,.6vh,4px)}.field-label{text-align:left;font-size:1rem;font-weight:400;color:var(--color-ink);margin:10px 0 6px}.pill-input{width:100%;font-size:1rem;padding:clamp(10px,2vh,15px) 20px;border-radius:var(--radius-input);border:none;background:var(--color-yellow-pale);color:var(--color-ink);outline:none;box-shadow:inset 0 2px 4px #3b12061f;transition:box-shadow .15s ease}.pill-input:focus{box-shadow:inset 0 2px 4px #3b12061f,0 0 0 3px #d7010059}.pill-input.error{box-shadow:inset 0 2px 4px #3b12061f,0 0 0 3px var(--color-red-dark)}.field-error{display:none;text-align:left;font-size:.8rem;color:var(--color-red-dark);margin:4px 2px 0}.field-error.show{display:block}@media(max-width:480px){.pill-input{font-size:.9rem;padding:12px 16px}}.phone-field{display:flex;gap:8px;width:100%}.phone-code-wrap{position:relative;flex-shrink:0}.phone-code-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-input);border:none;background:var(--color-yellow-pale);color:var(--color-ink);font-size:1rem;font-weight:400;cursor:pointer;white-space:nowrap}.phone-code-btn:after{content:"";margin-left:2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-ink)}.phone-code-list{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;max-height:220px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--color-white);border-radius:12px;box-shadow:0 12px 30px #3b120640;z-index:20}.phone-code-list[hidden]{display:none}.phone-code-list li{padding:10px 12px;border-radius:8px;font-size:.95rem;font-weight:400;color:var(--color-ink);cursor:pointer;white-space:nowrap}.phone-code-list li:hover,.phone-code-list li.is-selected{background:var(--color-yellow-pale)}.phone-number-input{flex:1;min-width:0}.region-picker{display:flex;gap:10px;width:100%}.region-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:4px;border-radius:var(--radius-input);border:2px solid transparent;background:transparent;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.region-option:first-child{justify-content:flex-start;padding-left:0}.region-flag{width:clamp(38px,7vh,50px);height:clamp(38px,7vh,50px);border-radius:12px;background:var(--color-yellow-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.region-flag img{width:100%;height:100%;object-fit:cover;display:block}.region-name{font-family:MMSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:600;color:var(--color-ink)}.region-option[aria-pressed=true]{border-color:var(--color-red);transform:scale(1.03)}.region-picker.error .region-flag{box-shadow:0 0 0 2px var(--color-red-dark)}.phone-field.error .phone-code-btn,.phone-field.error .phone-number-input{box-shadow:inset 0 2px 4px #3b12061f,0 0 0 3px var(--color-red-dark)}.btn{display:inline-block;width:min(420px,100%);margin-top:clamp(8px,2.2vh,18px);font-size:1.15rem;font-weight:400;padding:clamp(10px,2.4vh,17px) 20px;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:transform .1s ease,opacity .15s ease;min-height:48px;flex-shrink:0}#play-button,#check-ranking-button{font-size:1.45rem}#check-ranking-button{width:min(340px,86%);font-size:1.6rem}#rules-continue-button{width:min(360px,90%);font-size:1.4rem;letter-spacing:.5px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--red{color:var(--color-white);background:var(--color-red);box-shadow:0 6px 0 var(--color-red-dark)}.btn--dark{color:var(--color-white);background:var(--color-ink);box-shadow:0 6px #200a02}.hud-badge{background-image:url(/build/assets/score-badge-Dy6KiSyL.webp);background-size:100% 100%;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;min-width:108px;padding:8px 18px 12px}.hud-label{width:100%;text-align:center;font-size:.7rem;font-weight:400;letter-spacing:1px;text-transform:lowercase;color:var(--color-white)}.hud-value{width:100%;text-align:center;margin-top:8px;font-size:clamp(1.25rem,4.5vw,1.7rem);font-weight:400;color:var(--color-white);font-variant-numeric:tabular-nums}.result-stats{display:flex;justify-content:center;gap:20px}.result-stats .hud-badge{min-width:150px;padding-top:4px;padding-bottom:6px}.result-stats .hud-label{font-size:.9rem;text-transform:none;text-align:center;letter-spacing:normal;width:100%}.result-stats .hud-value{margin-top:2px;font-size:clamp(1.9rem,6.6vw,2.6rem);display:flex;align-items:center;justify-content:center;gap:10px}#result-time:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 40 40'%3E%3Cpath d='M20,22 L20,9 A13,13 0 1,1 15.56,34.22 Z' fill='white'/%3E%3Ccircle cx='20' cy='22' r='13' fill='none' stroke='white' stroke-width='3'/%3E%3Crect x='16' y='1' width='8' height='4' rx='1.5' fill='white'/%3E%3Cline x1='28' y1='5' x2='31' y2='2' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");display:block;position:relative;top:4px;margin-right:4px}.ranking-podium{position:relative;width:100%;max-width:420px;margin:3px 0}.ranking-podium img{width:100%;height:auto;display:block}.ranking-list{list-style:none;margin:0;padding:0;position:absolute;inset:0;display:flex;flex-direction:column}.ranking-row{position:absolute;left:34%;right:22%;display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:400;color:var(--color-ink)}.ranking-row .ranking-score{flex-shrink:0}.ranking-row--1{top:8%;bottom:66%;font-size:clamp(.78rem,3.6vw,1.1rem)}.ranking-row--2{top:37%;bottom:37%;font-size:clamp(.72rem,3.3vw,1rem);color:#2e2e33}.ranking-row--3{top:66%;bottom:8%;font-size:clamp(.72rem,3.3vw,1rem);color:#5a2e12}.ranking-row .ranking-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-actions{width:100%;display:flex;gap:12px;margin-top:3px}.modal-actions .btn{width:auto;flex:1;margin-top:0;font-size:1.3rem;padding:12px 8px;min-height:40px}@media(max-height:820px){#screen-start,#screen-rules,#screen-results,#screen-ranking{padding-top:calc(8px + var(--safe-top));padding-bottom:calc(8px + var(--safe-bottom));gap:clamp(4px,1.4vh,14px)}.brand-logo{max-height:8vh}.hero-group-art{max-height:13vh}.hero-pair-art{max-height:28vh}.villain-art{max-height:30vh}.ranking-podium{max-width:min(420px,40vh)}#start-form{gap:clamp(1px,.4vh,4px)}.field-label{font-size:.92rem;margin:clamp(1px,.6vh,8px) 0 clamp(1px,.35vh,4px)}.pill-input{font-size:.92rem;padding:clamp(7px,1.3vh,15px) 18px}.region-flag{width:clamp(30px,5.5vh,50px);height:clamp(30px,5.5vh,50px)}.phone-code-btn{padding:clamp(7px,1.3vh,15px) 14px}.region-name{font-size:.72rem}.btn{font-size:1.05rem;padding:clamp(7px,1.7vh,17px) 18px;margin-top:clamp(5px,1.6vh,18px);min-height:40px}#play-button,#check-ranking-button{font-size:1.25rem}#check-ranking-button{font-size:1.35rem}#rules-continue-button{font-size:1.2rem}#screen-start .headline{font-size:clamp(1.3rem,4.3vw,1.6rem)}.headline-accent{font-size:clamp(2.3rem,min(12vw,9vh),4rem)}#screen-rules .headline--accent-first+.subhead{font-size:clamp(1.2rem,4vw,1.5rem)}#screen-results .headline--accent-first{font-size:clamp(1.3rem,min(6.2vw,5.2vh),2.6rem)}.headline-big{font-size:clamp(2rem,min(14.5vw,9.5vh),6.3rem)}.ranking-decor--elektra{left:-1%}#screen-ranking .ranking-subtitle-row .subhead--small{font-size:clamp(1.35rem,4.8vw,1.7rem)}#screen-ranking .subhead--accent{font-size:clamp(1.1rem,min(6.3vw,5vh),2.2rem)}#ranking-position{font-size:clamp(1.8rem,min(14vw,8.5vh),5rem)}}.login-disclaimer{width:100%;max-width:460px;margin:0 auto;padding:4px 4px 0;font-family:MMSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.62rem;font-weight:400;line-height:1.55;color:var(--color-ink-soft);text-align:center}.login-disclaimer p+p{margin-top:6px}.disclaimer-btn{position:fixed;bottom:calc(12px + var(--safe-bottom));left:calc(12px + var(--safe-left));z-index:50;background:#3b12068c;color:var(--color-white);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-pill);padding:6px 14px;font-family:MMSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.4px;text-transform:lowercase;cursor:pointer}.disclaimer-btn[hidden]{display:none}.disclaimer-btn:active{transform:scale(.96)}.disclaimer-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#3b1206b8}.disclaimer-overlay[hidden]{display:none}.disclaimer-box{position:relative;width:100%;max-width:480px;max-height:80vh;overflow-y:auto;background:var(--color-yellow-pale);border-radius:var(--radius-lg);padding:34px 22px 22px}.disclaimer-title{font-family:MMSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;color:var(--color-red);font-size:1.5rem;margin:0 0 12px;text-transform:lowercase}.disclaimer-text{font-family:MMSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:400;line-height:1.6;color:var(--color-ink);text-align:left}.disclaimer-text p+p{margin-top:10px}.disclaimer-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.4rem;line-height:1;color:var(--color-ink-soft);cursor:pointer;padding:4px}.disclaimer-close:hover{color:var(--color-ink)}