.hidden{display:none!important}#overlay{z-index:30}#loading-popup{z-index:9999}.wrapper{border-radius:0;box-shadow:none;display:grid;grid-template-rows:auto 1fr;height:clamp(480px,70vh,820px);overflow:hidden;position:relative}.wrapper.full-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;width:100dvw}.hud{grid-row:1;margin-inline:auto;pointer-events:none;position:relative;z-index:1}.hud *{pointer-events:auto}#arena{grid-row:2;height:auto;inset:auto;min-height:0}#arena,.hud .timer{overflow:hidden;position:relative;width:100%}.hud .timer{--c-bg:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.1);background:var(--c-bg);border-radius:9999px;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.2),inset 0 -6px 14px rgba(0,0,0,.35),0 10px 24px rgba(0,0,0,.22);height:20px}.hud .timer>span{animation:timer 20s linear both,barcolor 20s linear both;animation:timer var(--game-secs,20s) linear both,barcolor var(--game-secs,20s) linear both;background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.02)),linear-gradient(90deg,#34d399,#10b981);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);filter:drop-shadow(0 0 8px rgba(16,185,129,.45));height:100%;position:relative;transform-origin:left center}.hud .timer>span:before{animation:stripes 1s linear infinite;background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.28) 0 7px,hsla(0,0%,100%,0) 7px 14px);content:"";inset:0;mix-blend-mode:overlay;position:absolute}.hud .timer>span:after{background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(34,197,94,.9),0 0 18px rgba(34,197,94,.55);content:"";height:12px;position:absolute;right:0;top:50%;translate:50% -50%;width:12px}.hud .timer>em{color:#fff;display:grid;font:800 12px/1 ui-sans-serif;font-feature-settings:"tnum" 1;inset:0;letter-spacing:.2px;place-items:center;pointer-events:none;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.6)}@keyframes timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stripes{to{background-position:44px 0}}@keyframes barcolor{0%,70%{background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.02)),linear-gradient(90deg,#34d399,#10b981)}90%{background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.02)),linear-gradient(90deg,#f59e0b,#fbbf24)}to{background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.02)),linear-gradient(90deg,#ef4444,#dc2626)}}.hud .timer.warn>span{filter:drop-shadow(0 0 10px rgba(239,68,68,.55))}.pajaro{cursor:crosshair;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));position:absolute;touch-action:manipulation;transform-origin:50% 50%;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:transform;z-index:10}.pajaro.lottie-mode{background:transparent!important;height:72px;overflow:visible;width:72px}.pajaro .lottie-wrap{filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));inset:0;pointer-events:none;position:absolute;transform:scale(1.15);transform-origin:center}.wrapper:not(.playing) .pajaro{pointer-events:none}#congrats-animation{transform:scale(1.4)}@media (max-width:480px){.wrapper{height:60vh}.hud{padding-inline:0}.hud .timer{width:100%}.pajaro .lottie-wrap{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.pajaro{transition:none!important}}:root{--header-h:clamp(120px,22vh,220px);--header-gap:clamp(8px,2vh,24px)}#header-section{display:grid;height:clamp(120px,22vh,220px);height:var(--header-h);margin-bottom:0!important;place-items:center}.game-stage{display:grid;grid-template-rows:auto 1fr;height:calc(100dvh - clamp(120px, 22vh, 220px) - clamp(8px, 2vh, 24px));height:calc(100dvh - var(--header-h) - var(--header-gap));margin-top:0!important;min-height:calc(100vh - clamp(120px, 22vh, 220px) - clamp(8px, 2vh, 24px));min-height:calc(100vh - var(--header-h) - var(--header-gap));overscroll-behavior:contain;padding-top:clamp(8px,2vh,24px);padding-top:var(--header-gap)}.game-stage,.game-stage .wrapper{overflow:hidden;position:relative}.game-stage .wrapper{grid-row:2;height:auto!important;min-height:0}.game-stage #arena{height:100%;inset:0;min-height:280px;overflow:hidden;position:absolute;width:100%;z-index:0}.game-stage .hud{grid-row:1;margin-inline:auto;pointer-events:none;position:relative;z-index:1}.game-stage .hud *{pointer-events:auto}.game-stage .hud>div>.grid{grid-template-columns:minmax(120px,auto) 1fr;grid-gap:.5rem;gap:.5rem}.game-stage .hud>div>.grid>:first-child{align-items:center;display:flex;gap:.5rem;min-width:0;white-space:nowrap}.game-stage .hud>div>.grid>:nth-child(2){min-width:0}@media (min-width:768px){.game-stage .hud>div>.grid{gap:.75rem}}@media (max-width:340px){.game-stage .hud>div>.grid{grid-template-columns:1fr}}.game-stage .hud>div>.grid{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:.5rem;align-items:stretch;-moz-column-gap:.5rem;column-gap:.5rem}.game-stage .hud>div>.grid>:first-child{gap:.375rem;padding-inline:.5rem}.game-stage .hud .timer{width:100%}@media (max-width:480px){.game-stage .hud>div>.grid{-moz-column-gap:.5rem;column-gap:.5rem;grid-template-columns:max-content minmax(200px,1fr)}}@media (min-width:768px){.game-stage .hud>div>.grid{-moz-column-gap:.75rem;column-gap:.75rem;grid-template-columns:max-content minmax(360px,1fr)}}:root{--bg-pos-x:50%;--bg-pos-y:50%}#bg-video{-o-object-position:50% 50%;object-position:50% 50%;-o-object-position:var(--bg-pos-x) var(--bg-pos-y);object-position:var(--bg-pos-x) var(--bg-pos-y)}@media (max-width:640px){:root{--bg-pos-x:30%;--bg-pos-y:45%}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-54%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup-box:not(.hidden){animation:popIn .18s ease-out;will-change:transform,opacity}@supports (padding:max(0px)){.popup-box{padding-bottom:max(1rem,calc(1rem + env(safe-area-inset-bottom)))}}@media (max-width:640px){.popup-box{backdrop-filter:blur(16px);background:hsla(0,0%,100%,.85);border-radius:1rem;box-shadow:0 18px 40px rgba(0,0,0,.25);max-width:20rem;padding:.9rem 1rem;width:92vw}.popup-box h2,.popup-box h3{font-size:1.125rem;line-height:1.25;margin-bottom:.5rem}.popup-box p{font-size:.82rem;margin-bottom:.9rem}.popup-box input{font-size:.95rem;padding:.65rem .85rem}.popup-box button{border-radius:.75rem;font-size:.95rem;padding:.8rem 1rem}.confetti-wrapper{height:3.75rem}}.popup-box{scrollbar-color:rgba(0,0,0,.25) transparent;scrollbar-width:thin}.popup-box::-webkit-scrollbar{width:8px}.popup-box::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:999px}