.ar-helmet{position:relative;width:100%;height:100%;overflow:hidden}.ar-helmet-canvas{position:absolute;inset:0;z-index:2}.ar-helmet-tracker{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none}.app{position:relative;display:flex;flex-direction:column;height:100dvh;padding:var(--safe-top) var(--gutter) var(--safe-bottom);background-color:var(--page-bg, var(--falcons-red));transition:background-color .4s ease}.app-graphics{position:absolute;left:0;bottom:0;z-index:0;height:372px;max-height:43dvh;width:auto;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 40%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 40%)}.screen-capture .app-graphics,.screen-result .app-graphics,.screen-denied .app-graphics{opacity:.35}.app-header{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;flex:none;margin-bottom:clamp(16px,3vh,32px)}.app-header-team{text-align:right}.app-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:0}.app-footer{position:relative;z-index:1;display:flex;justify-content:flex-end;flex:none;padding-top:clamp(12px,2.5vh,20px)}.app-footer-amfam{height:auto}.screen{display:flex;flex-direction:column;flex:1;min-height:0}.screen[hidden]{display:none}.landing-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,7vh,56px)}.landing-headline{min-height:calc(var(--text-headline) * 2);display:flex;align-items:center;justify-content:center}.landing-logo{width:250px;max-width:70%;aspect-ratio:250 / 235;height:auto}.landing-headline,.landing-logo,.landing-start{opacity:0;transform:translateY(12px)}.landing-in .landing-headline,.landing-in .landing-logo,.landing-in .landing-start{opacity:1;transform:translateY(0);transition:opacity .5s ease-out,transform 2s cubic-bezier(.2,.7,.3,1)}.landing-in .landing-headline{transition-delay:.75s}.landing-in .landing-logo{transition-delay:1s}.landing-in .landing-start{transition-delay:1.25s}@media(prefers-reduced-motion:reduce){.landing-headline,.landing-logo,.landing-start,.landing-in .landing-headline,.landing-in .landing-logo,.landing-in .landing-start{opacity:1;transform:none;transition:none;transition-delay:0s}}.denied{align-items:center;justify-content:center;gap:20px;text-align:center}.denied-action{width:100%;margin-top:20px}.capture{align-items:center;justify-content:center;gap:24px}.capture-card,.result-card{flex:0 1 auto;min-height:0;height:auto;width:100%;max-width:calc((100dvh - var(--safe-top) - var(--safe-bottom) - var(--card-chrome)) * var(--card-aspect));aspect-ratio:var(--card-aspect)}.capture,.result{--card-chrome: calc(74px + clamp(16px, 3vh, 32px) + clamp(76px, 12vh, 104px)) }.capture-controls,.result-controls{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.5vh,24px);height:clamp(76px,12vh,104px);width:100%}.capture-card{position:relative;overflow:hidden;border-radius:5.63% / calc(5.63% * var(--card-aspect))}.capture-card .ar-helmet{position:absolute;inset:0}.capture-frame{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;pointer-events:none}.capture-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 18%;background:#1a1a1a;text-align:center}.capture-loading-text{margin:0;color:var(--white)}.capture-loading-track{width:100%;height:4px;overflow:hidden;background:#ffffff40}.capture-loading-bar{height:100%;background:var(--white);transition:width .25s ease-out}.capture-loading-bar.indeterminate{width:40%;transition:none;animation:capture-loading-sweep 1.1s ease-in-out infinite}@keyframes capture-loading-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.capture-loading-bar.indeterminate{animation:none;width:100%;opacity:.5}}.capture-noface{position:absolute;left:12%;right:12%;bottom:8%;z-index:4;margin:0;padding:8px 12px;background:#0009;color:var(--white);text-align:center;pointer-events:none}.capture-shutter{width:clamp(68px,11vh,101px);height:clamp(68px,11vh,101px);padding:0;background:none;border:none;flex:none}.capture-shutter:disabled{opacity:.4}.capture-shutter img{display:block;width:100%;height:100%}.result{align-items:center;justify-content:center;gap:24px}.result-card{border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.result-card img{display:block;width:100%;height:100%;object-fit:cover}.result-actions{display:flex;gap:16px;width:100%}.result-actions button{flex:0 0 calc((100% - 16px)/2);min-width:0}@font-face{font-family:Knockout Welterweight;src:url(/fonts/Knockout-50Welterweight.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Knockout Liteweight;src:url(/fonts/Knockout-49Liteweight.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--falcons-red: #a71930;--black: #000000;--white: #ffffff;--font-display: "Knockout Welterweight", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, system-ui, sans-serif;--font-label: "Knockout Liteweight", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, system-ui, sans-serif;--text-headline: 48px;--text-body: 24px;--text-label: 16px;--tracking-headline: -.528px;--tracking-button: -.48px;--tracking-body: -.264px;--tracking-label: -.176px;--screen-max: 600px;--gutter: 40px;--control-height: 56px;--card-radius: 12px;--card-shadow: 0 4px 40px 10px rgba(0, 0, 0, .5);--card-aspect: .65058;--safe-top: max(20px, env(safe-area-inset-top));--safe-bottom: max(24px, env(safe-area-inset-bottom));font-family:var(--font-display);font-weight:400;line-height:1;color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--page-bg, var(--falcons-red));transition:background-color .4s ease}body{margin:0;min-width:320px;min-height:100dvh;background-color:var(--page-bg, var(--falcons-red));color:var(--white);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;transition:background-color .4s ease}#root{max-width:var(--screen-max);margin:0 auto;min-height:100dvh;position:relative;overflow:hidden}button{appearance:none;display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);padding:0 18px;border:none;border-radius:0;background-color:var(--black);color:var(--white);font-family:var(--font-display);font-size:var(--text-body);letter-spacing:var(--tracking-button);line-height:1;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer;touch-action:manipulation}button.outline{background-color:transparent;border:2px solid var(--white)}button.on-red{background-color:var(--white);color:var(--falcons-red)}button:focus-visible{outline:2px solid var(--white);outline-offset:2px}button:disabled{opacity:.5;cursor:default}.headline{margin:0;font-family:var(--font-display);font-size:var(--text-headline);letter-spacing:var(--tracking-headline);line-height:1;text-transform:uppercase;text-align:center}.body-copy{margin:0;font-family:var(--font-display);font-size:var(--text-body);letter-spacing:var(--tracking-body);line-height:1;text-transform:uppercase;text-align:center}.label{margin:0;font-family:var(--font-label);font-size:var(--text-label);letter-spacing:var(--tracking-label);line-height:1;text-transform:uppercase}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}