@property --phone-shake{syntax:"<number>";inherits:true;initial-value:0}.live-phone.phone{z-index:auto;background:var(--white);width:168px;height:292px;color:inherit;font:inherit;border:0;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:0;padding:52px 14px 22px;font-size:12px;font-weight:800;transition:box-shadow .45s,filter .45s;display:flex;position:relative;inset:auto;transform:none;box-shadow:0 28px 52px #1426384d}.live-phone .phone-camera{z-index:1;background:radial-gradient(circle at 35% 35%,#4b5563 0%,#111827 55%,#030712 100%);border-radius:50%;width:9px;height:9px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #1426381f,inset 0 0 0 1px #ffffff2e}.live-phone .phone-label{color:var(--accent);letter-spacing:.1em;text-align:center;font-size:10px;font-weight:800;transition:color .45s;position:absolute;top:24px;left:0;right:0}.live-phone .phone-action{color:var(--accent);letter-spacing:.06em;text-align:center;flex-shrink:0;font-size:12px;font-weight:800;transition:color .45s}.live-phone.phone--team-red{background:#ffe0e4;box-shadow:0 22px 46px #b91c1c57}.live-phone.phone--team-red .phone-label,.live-phone.phone--team-red .phone-action{color:#b91c1c}.live-phone.phone--team-blue{background:#dcebff;box-shadow:0 22px 46px #0284c757}.live-phone.phone--team-blue .phone-label,.live-phone.phone--team-blue .phone-action{color:#0369a1}.live-phone .phone-screen{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.live-phone .phone-hourglass,.live-phone .phone-viewfinder,.live-phone .phone-scan-square,.live-phone .phone-joined-check,.live-phone .phone-gauge,.live-phone .phone-crown,.live-phone .phone-sad,.live-phone .phone-qr{grid-area:1/1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.live-phone .phone-scan-square{color:#142638b3;place-items:center;width:100%;height:100%;min-height:0;display:grid}.live-phone .phone-scan-square-frame{background:0 0;border:2.5px solid;border-radius:10px;width:78px;height:78px}.live-phone .phone-joined-check{color:#0369a1}.live-phone.phone--team-red .phone-joined-check{color:#b91c1c}.live-phone .phone-joined-check svg{width:44px;height:44px}.live-phone .phone-hourglass,.live-phone .phone-viewfinder{color:#1426388c;pointer-events:none;transition:opacity .35s}.live-phone .phone-viewfinder{position:relative}.live-phone .phone-hourglass,.live-phone.live-phone--play .phone-viewfinder{opacity:calc(1 - var(--phone-shake,0))}.live-phone .phone-viewfinder--static{opacity:1}.live-phone.phone--team-red .phone-hourglass,.live-phone.phone--team-red .phone-viewfinder{color:#b91c1c}.live-phone.phone--team-blue .phone-hourglass,.live-phone.phone--team-blue .phone-viewfinder{color:#0369a1}.live-phone .phone-hourglass svg{width:44px;height:44px;animation:1.8s ease-in-out infinite live-phone-hourglass}.live-phone .phone-crown svg,.live-phone .phone-sad svg{width:52px;height:52px}.arena-dome-swarm--shaking .live-phone .phone-hourglass svg,.how-flow-swarm--shaking .live-phone .phone-hourglass svg{animation-play-state:paused}.live-phone.live-phone--scan.phone--team-blue,.live-phone.live-phone--scan.phone--team-red{box-shadow:none;filter:drop-shadow(0 22px 28px #1426384d);background:0 0;overflow:hidden}.live-phone.live-phone--scan .phone-camera,.live-phone.live-phone--scan .phone-label,.live-phone.live-phone--scan .phone-action{z-index:2}.live-phone.live-phone--scan .phone-label,.live-phone.live-phone--scan .phone-action{color:var(--accent)}.live-phone.live-phone--scan .phone-action{position:absolute;bottom:22px;left:0;right:0}.live-phone.live-phone--scan .phone-screen{z-index:0;pointer-events:none;display:block;position:absolute;inset:0}.live-phone.live-phone--scan .phone-scan-square{position:absolute;inset:0}.live-phone.live-phone--scan .phone-scan-square-frame{width:78px;height:78px;box-shadow:0 0 0 100vmax var(--white);background:0 0;border:2.5px solid #142638b8;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.live-phone.live-phone--win.phone--team-blue{background:linear-gradient(165deg,#fff4bf 0%,#f5c842 48%,#d4a017 100%);box-shadow:0 22px 46px #b4780a6b,0 0 28px #ffc83c59}.live-phone.live-phone--win.phone--team-blue .phone-label,.live-phone.live-phone--win.phone--team-blue .phone-action{color:#8a5a00}.live-phone.live-phone--lost.phone--team-red{filter:saturate(.72);background:#e8d4d7;box-shadow:0 16px 34px #64283238}.live-phone.live-phone--lost.phone--team-red .phone-label,.live-phone.live-phone--lost.phone--team-red .phone-action{color:#7f1d1d}.live-phone .phone-viewfinder-frame{pointer-events:none;position:absolute;inset:10% 8%}.live-phone .phone-viewfinder-frame span{opacity:.7;border-style:solid;border-color:currentColor;width:14px;height:14px;position:absolute}.live-phone .phone-viewfinder-frame span:first-child{border-width:2px 0 0 2px;top:0;left:0}.live-phone .phone-viewfinder-frame span:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.live-phone .phone-viewfinder-frame span:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.live-phone .phone-viewfinder-frame span:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.live-phone .phone-gauge{opacity:var(--phone-shake,0);align-items:stretch;transition:opacity .35s}.live-phone .phone-crown{color:#8a5a00;filter:drop-shadow(0 2px 4px #78460059)}.live-phone .phone-sad{color:#7f1d1d}.live-phone .phone-gauge-track{background:#1426381f;border-radius:999px;width:42px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #14263814}.live-phone .phone-gauge-fill{border-radius:inherit;height:22%;animation:live-phone-gauge var(--duration,.4s) ease-in-out var(--delay,0s) infinite alternate;position:absolute;bottom:0;left:0;right:0}.live-phone.phone--team-red .phone-gauge-fill{background:linear-gradient(#fb7185,#dc2626)}.live-phone.phone--team-blue .phone-gauge-fill{background:linear-gradient(#7dd3fc,#0284c7)}.live-phone .phone-qr{width:52px;height:52px;color:inherit;grid-template-columns:1fr 1fr;gap:6px;display:grid}.live-phone .phone-qr span{opacity:.7;background:currentColor;border-radius:3px}.live-phone .phone-qr span:nth-child(2){opacity:.35}.live-phone .phone-qr span:nth-child(3){opacity:.45}.live-phone.phone--team-blue .phone-qr{color:#0369a1}.live-phone.phone--team-red .phone-qr{color:#b91c1c}@keyframes live-phone-gauge{0%{height:calc(22% + (0% * var(--phone-shake,0)))}to{height:calc(22% + (70% * var(--phone-shake,0)))}}@keyframes live-phone-hourglass{0%,to{transform:rotate(0)}45%{transform:rotate(0)}55%{transform:rotate(180deg)}}@media (max-width:700px){.live-phone.phone{border-radius:30px;width:148px;height:256px;padding:44px 12px 18px}.live-phone .phone-label{font-size:9px;top:20px}.live-phone .phone-action{font-size:11px}.live-phone .phone-hourglass svg,.live-phone .phone-viewfinder svg{width:36px;height:36px}.live-phone .phone-crown svg,.live-phone .phone-sad svg{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.live-phone .phone-hourglass svg,.live-phone .phone-gauge-fill{animation:none}.live-phone .phone-gauge-fill{height:55%}}
.how-flow-scroll{height:500svh;position:relative}.how-flow-scroll--reduced{height:auto}.how-flow-scroll--stage{height:100%;min-height:0}.how-flow{height:100svh;min-height:880px;max-height:none;color:var(--white);background:radial-gradient(80% 55% at 50% 18%,#8d71ff47,#0000 70%),radial-gradient(70% 50% at 50% 88%,#0ea5e938,#0000 65%),linear-gradient(#152536 0%,#0f1c2a 48%,#0a1420 100%);position:sticky;top:0;overflow:hidden}.how-flow--stage-only{height:100%;min-height:0;max-height:none;position:relative;inset:auto}@media (max-width:900px){.how-flow{height:100svh;min-height:100svh;max-height:none}}.how-flow-scroll--reduced .how-flow{position:relative}.how-flow-stage{perspective:900px;position:absolute;inset:0;overflow:hidden}.how-flow-content{z-index:6;padding-top:calc(24px + var(--site-header-height));pointer-events:none;flex-direction:column;align-items:center;gap:14px;padding-bottom:0;display:flex;position:absolute;inset:0}.how-flow-content>*{pointer-events:auto}.how-flow-atmosphere{pointer-events:none;position:absolute;inset:0}.how-flow-roof{aspect-ratio:1;opacity:.9;background:linear-gradient(#ffffff29 0%,#8d71ff38 42%,#0ea5e90f 100%);border-radius:50%;width:min(140%,920px);height:auto;position:absolute;top:-42%;left:50%;transform:translate(-50%)}.how-flow-ring{pointer-events:none;border:2px solid #ffffff24;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.how-flow-ring--outer{border-color:#6ee7ff2e;width:118%;height:34%;top:58%}.how-flow-ring--mid{border-color:#ffb71e29;width:88%;height:24%;top:64%}.how-flow-floor{background:linear-gradient(#14263800 0%,#08101c8c 100%);border-radius:0;height:28%;position:absolute;bottom:0;left:0;right:0}.how-flow-glow{filter:blur(12px);background:radial-gradient(#ffb71e47,#0000 70%);border-radius:50%;height:18%;position:absolute;bottom:8%;left:20%;right:20%}.how-flow-screen{z-index:3;aspect-ratio:16/9;opacity:1;transform-origin:top;background:#0b1520;border-radius:18px;width:min(72%,720px);height:auto;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .52s,top .52s,width .52s;position:absolute;top:10%;left:50%;overflow:hidden;transform:translate(-50%)rotate(1.5deg)scale(.92);box-shadow:0 22px 48px #1426386b,0 0 0 3px #ffffff1f}.how-flow--intro .how-flow-screen{opacity:0;pointer-events:none;transform:translate(-50%)translateY(46%)scale(.84)}.how-flow-screen--hero{width:min(80%,820px);top:16%;transform:translate(-50%)rotate(2deg)scale(1)}.how-flow--step-2 .how-flow-screen,.how-flow--step-3 .how-flow-screen,.how-flow--step-4 .how-flow-screen{width:min(64%,640px);top:6%;transform:translate(-50%)rotate(.8deg)scale(.92)}.how-flow-video{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .32s;position:absolute;inset:0}.how-flow-screen--pitch .how-flow-video--pitch,.how-flow-screen--play .how-flow-video--play,.how-flow-screen--reward .how-flow-video--still{opacity:1}.how-flow-screen:not(.how-flow-screen--live){background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 88%, #0b1520) 0%, var(--accent) 55%, color-mix(in srgb, var(--violet) 55%, var(--accent)) 100%)}.how-flow-screen-setup,.how-flow-screen-join,.how-flow-screen-reward{z-index:1;text-align:center;place-content:center;justify-items:center;gap:10px;padding:12px 16px;animation:.42s how-flow-copy-in;display:grid;position:absolute;inset:34px 0 0}.how-flow-screen-setup{background:linear-gradient(#1426382e 0%,#1426388c 100%)}.how-flow-screen-setup-kicker{letter-spacing:.16em;color:#ffffffc7;font-size:10px;font-weight:800}.how-flow-screen-setup strong{max-width:14ch;font-family:var(--font-heading), "Nunito", sans-serif;letter-spacing:-.04em;font-size:clamp(1.1rem,2.4vw,1.7rem);font-weight:800;line-height:1.05}.how-flow-screen-reward{background:linear-gradient(#14263833 0%,#1426389e 100%)}.how-flow-screen-reward-card{color:#8a5a00;background:linear-gradient(165deg,#fff4bf 0%,#f5c842 48%,#d4a017 100%);border-radius:16px;justify-items:center;gap:2px;min-width:96px;padding:16px 18px 14px;display:grid;box-shadow:0 14px 28px #b4780a59,0 0 22px #ffc83c47}.how-flow-screen-reward-card strong{font-family:var(--font-heading), "Nunito", sans-serif;letter-spacing:-.04em;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1}.how-flow-screen-reward-card span{letter-spacing:.14em;font-size:10px;font-weight:800}.how-flow-screen-join-label{letter-spacing:.14em;font-size:clamp(.7rem,1.4vw,.85rem);font-weight:800}.how-flow-qr{width:42px;height:42px;color:inherit;grid-template-columns:1fr 1fr;gap:5px;display:grid}.how-flow-qr span{opacity:.7;background:currentColor;border-radius:3px}.how-flow-qr span:nth-child(2){opacity:.35}.how-flow-qr span:nth-child(3){opacity:.45}.how-flow-qr--screen{background:var(--white);width:clamp(64px,12vw,96px);height:clamp(64px,12vw,96px);color:var(--primary);border-radius:14px;gap:8px;padding:10px;box-shadow:0 12px 28px #14263847}.how-flow-qr--screen span{border-radius:4px}.how-flow-screen-bar{z-index:1;letter-spacing:.12em;background:linear-gradient(#142638c7,#0000);justify-content:space-between;gap:12px;padding:10px 14px;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0 0 auto}.how-flow-screen-live{align-items:center;gap:7px;display:inline-flex}.how-flow-screen-live-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.4s ease-out infinite how-flow-live-pulse;box-shadow:0 0 #ef44448c}@keyframes how-flow-live-pulse{0%{transform:scale(1);box-shadow:0 0 #ef44448c}70%{transform:scale(1.05);box-shadow:0 0 0 6px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}@keyframes how-flow-copy-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@property --how-shake{syntax:"<number>";inherits:true;initial-value:0}.how-flow-swarm{z-index:4;pointer-events:none;opacity:0;--how-shake:0;--phone-shake:0;transition:opacity .42s,--how-shake .45s,--phone-shake .45s;position:absolute;inset:0}.how-flow-swarm--visible{opacity:1}.how-flow-swarm--shaking{--how-shake:1;--phone-shake:1}.how-flow-device{top:var(--y);left:var(--x);opacity:0;transform:translate(-50%, -20%) scale(calc(var(--scale) * .88)) rotate(var(--rotate));transform-origin:50%;transition:opacity .56s,top .78s cubic-bezier(.22,1,.36,1),left .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay);place-items:center;display:grid;position:absolute}.how-flow-swarm--visible .how-flow-device{opacity:1;transform:translate(-50%, -50%) scale(var(--scale)) rotate(var(--rotate));animation:how-flow-shake var(--duration) ease-in-out var(--delay) infinite alternate}.how-flow-swarm--visible .how-flow-device--waiting{opacity:0;transform:translate(-50%, 30%) scale(calc(var(--scale) * .84)) rotate(var(--rotate));pointer-events:none;animation:none}.how-flow-swarm--visible .how-flow-device--rising{opacity:1;transform:translate(-50%, -50%) scale(var(--scale)) rotate(var(--rotate))}.how-flow-swarm--visible .how-flow-device--carried{transition:opacity .42s,top .82s cubic-bezier(.22,1,.36,1),left .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1)}.how-flow-swarm--visible .how-flow-device--exiting{opacity:1;transform:translate(-50%, -20%) scale(calc(var(--scale) * .9)) rotate(var(--rotate));transition:opacity .28s,top .78s cubic-bezier(.4,0,.2,1),left .78s cubic-bezier(.4,0,.2,1),transform .78s cubic-bezier(.4,0,.2,1);animation:none}.how-flow-swarm--exiting{opacity:1}.how-flow-swarm--visible .how-flow-device--scanner{z-index:8;transition:opacity .42s,top .9s cubic-bezier(.22,1,.36,1),left .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);animation:none}.how-flow-swarm--visible .how-flow-device--approach,.how-flow-swarm--visible .how-flow-device--flash,.how-flow-swarm--visible .how-flow-device--captured{top:var(--scan-y,50%);left:var(--scan-x,50%);z-index:12;transform:translate(-50%,-50%)scale(1.08)rotate(0)}.how-flow-swarm--visible .how-flow-device--flash .live-phone .phone-screen:after{content:"";z-index:6;pointer-events:none;background:#fffffff2;animation:.35s ease-out forwards how-flow-scan-flash;position:absolute;inset:0}.how-flow--step-2 .how-flow-screen-join{transition:filter .18s}.how-flow--step-2:has(.how-flow-device--flash) .how-flow-screen-join{filter:brightness(1.55)}@keyframes how-flow-scan-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes how-flow-shake{0%{transform:translate(-50%, -50%) scale(var(--scale)) rotate(calc(var(--rotate) - 2deg * var(--how-shake))) translateY(calc(8px * var(--how-shake)))}to{transform:translate(-50%, -50%) scale(var(--scale)) rotate(calc(var(--rotate) + 2deg * var(--how-shake))) translateY(calc(-14px * var(--how-shake)))}}.how-flow-swarm--visible .how-flow-device--winner{animation:how-flow-win-wiggle .38s ease-in-out var(--delay) infinite alternate}@keyframes how-flow-win-wiggle{0%{transform:translate(-50%, -50%) scale(var(--scale)) rotate(calc(var(--rotate) - 12deg)) translateX(-8px)}to{transform:translate(-50%, -50%) scale(var(--scale)) rotate(calc(var(--rotate) + 12deg)) translateX(8px)}}.how-flow-rail{z-index:7;pointer-events:none;width:min(40rem,100%);padding:0;position:relative}.how-flow-rail-inner{text-align:center;pointer-events:auto;justify-items:center;gap:12px;display:grid}.how-flow-caption{text-align:center;justify-items:center;gap:12px;width:min(720px,100%);max-width:none;display:grid}.how-flow-progress{place-items:center;width:34px;height:34px;margin:0;display:grid;position:relative}.how-flow-progress-ring{width:34px;height:34px;transform:rotate(-90deg)}.how-flow-progress-track,.how-flow-progress-value{stroke-width:2.5px}.how-flow-progress-track{stroke:#ffffff38}.how-flow-progress-value{stroke:var(--white);stroke-linecap:round}.how-flow-progress-number{font-family:var(--font-heading), "Nunito", sans-serif;letter-spacing:.02em;color:var(--white);place-items:center;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.how-flow .how-flow-caption-title,.how-flow .how-flow-caption-text{color:var(--white)}.how-flow .how-flow-caption-title{font-family:var(--font-heading), "Nunito", sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(1.6rem,3.8vw,2.4rem);font-weight:800;line-height:1.1}.how-flow .how-flow-caption-text{color:#ffffffd6;text-wrap:pretty;max-width:38rem;margin:0;font-size:clamp(.92rem,1.5vw,1.05rem);font-weight:600;line-height:1.45}@media (prefers-reduced-motion:reduce){.how-flow-screen,.how-flow-swarm,.how-flow-video,.how-flow-screen-setup,.how-flow-screen-join,.how-flow-screen-reward,.how-flow-screen-live-dot{transition:none;animation:none}.how-flow--intro .how-flow-screen{transform:translate(-50%)scale(.92)}.how-flow-device,.how-flow-swarm--visible .how-flow-device,.how-flow-swarm--visible .how-flow-device--scanner,.how-flow-swarm--visible .how-flow-device--approach,.how-flow-swarm--visible .how-flow-device--flash,.how-flow-swarm--visible .how-flow-device--captured,.how-flow-swarm--visible .how-flow-device--winner,.how-flow-swarm--visible .how-flow-device--waiting,.how-flow-swarm--visible .how-flow-device--rising,.how-flow-swarm--visible .how-flow-device--carried,.how-flow-swarm--visible .how-flow-device--exiting{opacity:1;transform:translate(-50%, -50%) scale(var(--scale)) rotate(var(--rotate));transition:none;animation:none}.how-flow-swarm--visible .how-flow-device--waiting{opacity:0}.how-flow-swarm--visible .how-flow-device--exiting{opacity:0;top:124%}.how-flow-swarm--visible .how-flow-device--flash .live-phone .phone-screen:after{animation:none;display:none}.how-flow--reduced .how-flow-swarm{--how-shake:0;--phone-shake:0}}@media (max-width:900px){.how-flow-content{align-items:center;gap:12px}.how-flow-screen,.how-flow-screen--hero{width:min(86%,520px)}.how-flow--step-2 .how-flow-screen,.how-flow--step-3 .how-flow-screen,.how-flow--step-4 .how-flow-screen{width:min(78%,460px)}.how-flow-caption-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}