*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:url(/assets/yellow-ClY1Suk8.png) 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(/assets/AllTogetherSerif-Black-CP4VMNXH.ttf) format("truetype");font-weight:900;font-display:swap}@font-face{font-family:MMSerif;src:url(/assets/AllTogetherSerif-CnBold-D_JzFNQI.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:MMSerif;src:url(/assets/AllTogetherSerif-Cn-CsvDyAcj.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:MMSerif;src:url(/assets/AllTogetherSerif-CnLight-B6uJCW7Q.otf) format("opentype");font-weight:300;font-display:swap}:root{--color-yellow: #ffc72c;--color-yellow-pale: #ffe28f;--color-red: #e51a22;--color-red-dark: #c8151b;--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:14px;padding:calc(28px + var(--safe-top)) calc(24px + var(--safe-right)) calc(28px + 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(/assets/yellow-ClY1Suk8.png) center top / cover no-repeat}.screen--city{background:url(/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)}.headline-accent{display:block;font-weight:700;color:var(--color-red);font-size:clamp(3.1rem,10.5vw,4rem);margin-top:2px}#screen-start{left:3%;right:3%;padding-top:calc(16px + var(--safe-top));gap: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(2.9rem,10.5vw,4.1rem)}#screen-results .headline--accent-first{font-weight:700;font-size:clamp(1.85rem,7.2vw,2.6rem)}#screen-rules .headline--accent-first+.subhead{margin-top:-32px;font-family:-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(4rem,14.5vw,5.6rem);margin-top:-6px}.headline-big{display:block;font-weight:700;color:var(--color-ink);font-size:clamp(4.4rem,17.2vw,6.3rem)}#screen-results .headline--accent-first+.result-stats{margin-top:-20px}.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:-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:14px;margin-bottom:1px;font-size:clamp(2.05rem,7.5vw,2.7rem)}.subhead--small{font-size:clamp(.85rem,3vw,1rem);color:var(--color-ink-soft)}.ranking-header{position:relative;width:100%}#ranking-position{font-weight:700;font-size:clamp(4rem,17vw,6rem);margin:0}.ranking-decor{position:absolute;width:72px;height:70px;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{top:85px;right:6px}.ranking-subtitle-row{position:relative;width:100%;display:flex;align-items:center;justify-content:center;margin-top:12px}.ranking-decor--elektra{left:-4px;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:Calibri,-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.9rem,6.5vw,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: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: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 #ed1c2459}.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:50px;height: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:-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:18px;font-size:1.15rem;font-weight:400;padding: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(data:image/png;base64,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);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:uppercase;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:8px 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:8px}.modal-actions .btn{width:auto;flex:1;margin-top:0;font-size:1.3rem;padding:12px 8px;min-height:40px}#screen-game{padding:0;justify-content:stretch;gap:0}.game-shell{display:flex;flex-direction:column;width:100%;height:100%}.hud{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) 12px calc(16px + var(--safe-left));flex-shrink:0;z-index:10;gap:8px}.hud-stat--lives{display:flex;align-items:center;gap:6px;padding-top:14px}.life-heart{width:clamp(24px,5.2vw,33px);height:clamp(24px,5.2vw,33px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}#screen-game .hud-badge{min-width:124px;padding:10px 20px 14px}#screen-game .hud-label{font-size:.8rem}#screen-game .hud-value{font-size:clamp(1.4rem,5vw,1.9rem)}.countdown-number{font-family:MMSerif,Georgia,serif;font-weight:900;font-size:clamp(6rem,30vw,12rem);color:var(--color-ink);-webkit-text-stroke:10px var(--color-white);paint-order:stroke fill;text-shadow:0 0 40px rgba(255,199,44,.9)}.playfield-wrap{flex:1;display:flex;justify-content:center;min-height:0;padding:0 calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}#playfield{position:relative;width:100%;max-width:900px;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}@media(orientation:landscape)and (max-height:500px){.hud{padding-top:calc(6px + var(--safe-top));padding-bottom:6px}#screen-game .hud-badge{min-width:84px;padding:4px 12px 8px}#screen-game .hud-value{font-size:1rem}#screen-game .hud-label{font-size:.6rem}}.falling-el{position:absolute;top:0;left:0;width:clamp(64px,10.5vw,104px);height:clamp(64px,10.5vw,104px);display:flex;align-items:center;justify-content:center;will-change:transform;cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.falling-el.is-popping{pointer-events:none}.falling-el-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.falling-el.is-popping .falling-el-inner{animation:pop-out .18s ease-out forwards}@keyframes pop-out{to{transform:scale(1.6);opacity:0}}.falling-el img{width:100%;height:100%;object-fit:contain;pointer-events:none}.catch-splash{position:absolute;width:clamp(90px,16vw,160px);height:clamp(90px,16vw,160px);margin:clamp(-80px,-8vw,-45px) 0 0 clamp(-80px,-8vw,-45px);pointer-events:none;z-index:5;animation:splash-pop .38s ease-out forwards}@keyframes splash-pop{0%{transform:scale(.3);opacity:0}30%{transform:scale(1.05);opacity:1}to{transform:scale(1.3);opacity:0}}.score-popup{position:absolute;font-weight:800;font-size:1.2rem;color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:none;animation:float-up .6s ease-out forwards;z-index:6}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}