body:has(.hc-game) header,body:has(.hc-game) footer,body:has(.hc-game) .shopify-section-group-header-group,body:has(.hc-game) .shopify-section-group-footer-group,body:has(.hc-game) .header,body:has(.hc-game) .footer{display:none!important}body:has(.hc-game){overflow:hidden}.hc-game{--hc-red: #d71920;--hc-white: #ffffff;--hc-black: #050505;--hc-glass: rgba(5, 5, 5, .64);position:relative;min-height:100svh;overflow:hidden;isolation:isolate;color:var(--hc-white);background:var(--hc-black);font-family:inherit}.hc-game *{box-sizing:border-box}.hc-game__bg,.hc-game__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hc-game__bg img{object-fit:cover;object-position:center;filter:saturate(1.04) contrast(1.04)}.hc-game__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at center 54%,#00000005,#0003 48%,#00000094),linear-gradient(180deg,#00000038,#0000001a 46%,#00000080)}.hc-game__hud{position:relative;z-index:5;display:flex;justify-content:flex-end;align-items:center;padding:clamp(12px,1.8vw,22px);pointer-events:none}.hc-game__brand{display:none!important}.hc-game__score{min-width:64px;height:64px;border-radius:999px;display:grid;place-items:center;background:#d71920e6;box-shadow:0 18px 50px #00000052,inset 0 0 0 2px #ffffff47;font-size:28px;font-weight:900}.hc-game__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding:26px 18px 30px}.hc-game__panel{width:min(92vw,1080px);max-height:min(860px,calc(100svh - 48px));overflow:auto;overscroll-behavior:contain;padding:clamp(22px,2.7vw,40px);border:1px solid rgba(255,255,255,.22);border-radius:clamp(22px,3vw,38px);background:var(--hc-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 28px 90px #0000006b;text-align:center;scrollbar-width:none}.hc-game__panel::-webkit-scrollbar{display:none}.hc-game__panel[hidden],.hc-game__ball[hidden]{display:none!important}.hc-game__intro{min-height:clamp(450px,61svh,650px);display:flex;flex-direction:column;justify-content:center;align-items:center}.hc-game__logo{display:block;width:min(54vw,360px);max-height:128px;object-fit:contain;margin:0 auto clamp(34px,3.5vw,54px);opacity:.98}.hc-game__eyebrow{margin:0 0 clamp(14px,1.4vw,20px);color:#fdd;font-size:clamp(12px,1.38vw,20px);font-weight:900;letter-spacing:clamp(.12em,.38vw,.2em);line-height:1.2;text-transform:uppercase;text-align:center}.hc-game h1,.hc-game h2{margin:0;color:var(--hc-white);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;text-align:center;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.hc-game__headline{width:100%;max-width:980px;margin-inline:auto;font-size:clamp(44px,5vw,82px)}.hc-game__headline-line{display:block;white-space:nowrap}.hc-game h2{font-size:clamp(32px,4.4vw,52px)}.hc-game__copy{margin:clamp(24px,2.4vw,34px) auto 0;max-width:760px;color:#ffffffdb;font-size:clamp(16px,1.55vw,22px);line-height:1.32;text-align:center}.hc-game__button{-webkit-appearance:none;appearance:none;border:0;margin-top:clamp(22px,2.2vw,30px);padding:14px 30px;border-radius:999px;background:var(--hc-red);color:var(--hc-white);font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 16px 38px #d719205c;transition:transform .16s ease,filter .16s ease;touch-action:manipulation}.hc-game__button:hover{transform:translateY(-2px);filter:brightness(1.05)}.hc-game__button:active{transform:translateY(1px) scale(.98)}.hc-game__button--ghost{background:#ffffff24;box-shadow:none}.hc-game__socials{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:18px}.hc-game__social-link{width:34px;height:34px;display:grid;place-items:center;color:var(--hc-white);opacity:.9;text-decoration:none;transition:transform .16s ease,opacity .16s ease}.hc-game__social-link:hover{transform:translateY(-2px);opacity:1}.hc-game__social-link svg{width:24px;height:24px;fill:currentColor;display:block}.hc-game__ball{position:absolute;z-index:4;left:50%;top:50%;width:clamp(86px,10vw,128px);height:clamp(86px,10vw,128px);padding:0;border:0;border-radius:999px;background:transparent;transform:translate(-50%,-50%);cursor:pointer;touch-action:none;filter:drop-shadow(0 20px 25px rgba(0,0,0,.34));will-change:transform}.hc-game__ball img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;transform-origin:50% 50%}.hc-game__ball.is-hit{filter:drop-shadow(0 20px 25px rgba(0,0,0,.34)) brightness(1.08)}.hc-game__form{margin-top:22px;text-align:left}.hc-game__fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hc-game label{display:block;margin-top:12px}.hc-game label span{display:block;margin-bottom:6px;color:#ffffffd1;font-size:13px;font-weight:800}.hc-game input[type=text],.hc-game input[type=email]{width:100%;border:1px solid rgba(255,255,255,.26);border-radius:14px;padding:13px 14px;background:#ffffff1f;color:var(--hc-white);outline:none}.hc-game input::placeholder{color:#ffffff80}.hc-game input:focus{border-color:#ffffffb8}.hc-game__consent{display:grid!important;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:12px;line-height:1.35}.hc-game__consent input{margin-top:2px}.hc-game__consent span{margin:0!important;font-weight:600!important}.hc-game__form .hc-game__button{width:100%}.hc-game__message{margin:10px 0 0;min-height:20px;color:#fdd;text-align:center;font-size:13px}.hc-game__leaderboard ol{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}.hc-game__leaderboard li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;border-radius:16px;background:#ffffff21;font-weight:800}.hc-game__leaderboard strong{color:#fdd;font-size:22px}@media(min-width:1200px){.hc-game__panel{width:min(82vw,1180px)}.hc-game__headline{font-size:clamp(58px,4.25vw,82px);max-width:980px}}@media(max-width:767px){.hc-game{min-height:100svh}.hc-game__hud{padding:10px 10px 0}.hc-game__score{min-width:54px;height:54px;font-size:24px}.hc-game__stage{padding:46px 12px 18px}.hc-game__panel{width:min(94vw,520px);max-height:calc(100svh - 42px);padding:18px 16px;border-radius:24px}.hc-game__intro{min-height:clamp(460px,72svh,650px)}.hc-game__logo{width:min(72vw,280px);max-height:100px;margin-bottom:30px}.hc-game__eyebrow{font-size:clamp(10px,3.1vw,13px);line-height:1.25}.hc-game__headline{font-size:clamp(31px,9.8vw,48px);max-width:100%;line-height:.92}.hc-game__headline-line{white-space:normal}.hc-game__copy{font-size:clamp(15px,4.4vw,19px);line-height:1.28;max-width:21rem}.hc-game__button{padding:13px 22px}.hc-game__socials{margin-top:16px;gap:14px}.hc-game__social-link{width:32px;height:32px}.hc-game__fieldrow{grid-template-columns:1fr;gap:0}.hc-game__ball{width:88px;height:88px}}@media(max-width:390px),(max-height:760px){.hc-game__stage{padding-top:38px}.hc-game__panel{padding:14px}.hc-game__intro{min-height:clamp(410px,68svh,590px)}.hc-game__logo{width:min(68vw,230px);max-height:78px;margin-bottom:24px}.hc-game__headline{font-size:clamp(28px,8.8vw,42px)}.hc-game__copy{font-size:15px}.hc-game__button{margin-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hatton-world-cup-game.css.map */