.section-hatton-runner{background:#0d0f11}.hatton-runner{--runner-accent: #ff5a36;--runner-ink: #f8f2e8;--runner-panel: #15171a;color:var(--runner-ink);background:radial-gradient(circle at 15% 0%,rgba(255,90,54,.18),transparent 34rem),#0d0f11;padding:clamp(36px,6vw,84px) 0 clamp(48px,7vw,96px)}.hatton-runner *,.hatton-runner *:before,.hatton-runner *:after{box-sizing:border-box}.hatton-runner__shell{width:min(1480px,calc(100% - 32px));margin:0 auto}.hatton-runner__intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:16px 40px;margin-bottom:28px}.hatton-runner__eyebrow{grid-column:1 / -1;margin:0;color:var(--runner-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:800;letter-spacing:.18em}.hatton-runner__intro h1{margin:0;color:var(--runner-ink);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(48px,8vw,118px);font-weight:900;letter-spacing:-.035em;line-height:.82;text-transform:uppercase}.hatton-runner__intro>p:last-child{max-width:38ch;margin:0 0 4px;color:#f8f2e8ad;font-size:clamp(15px,1.5vw,19px);line-height:1.5}.hatton-runner__game{position:relative;overflow:hidden;border:2px solid rgba(248,242,232,.16);border-radius:clamp(14px,2vw,28px);background:#08a6df;box-shadow:0 30px 80px #0000007a;isolation:isolate}.hatton-runner__game:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 -80px 100px #00000014;pointer-events:none;content:""}.hatton-runner__canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none}.hatton-runner__hud{position:absolute;top:clamp(10px,2vw,24px);right:clamp(10px,2vw,24px);left:clamp(10px,2vw,24px);z-index:5;display:flex;justify-content:flex-end;gap:clamp(8px,1.5vw,18px);pointer-events:none}.hatton-runner__hud div{position:relative;min-width:clamp(76px,9vw,124px);padding:clamp(7px,1vw,12px) clamp(9px,1.2vw,16px);border:1px solid rgba(255,255,255,.24);border-radius:10px;background:#0d0f11c2;box-shadow:0 6px #0d0f1124;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hatton-runner__hud span,.hatton-runner__hud strong{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-align:right}.hatton-runner__hud span{margin-bottom:2px;color:#ffffffa6;font-size:clamp(7px,.75vw,10px);font-weight:800;letter-spacing:.14em}.hatton-runner__hud strong{color:#fff;font-size:clamp(13px,1.4vw,22px);font-weight:900;line-height:1}.hatton-runner__score-gain{position:absolute;top:calc(100% + 7px);right:0;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,229,92,.7);border-radius:999px;color:#17130a;background:#ffe55c;box-shadow:0 4px #0d0f1157;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(9px,.85vw,12px);font-style:normal;font-weight:900;opacity:0;transform:translateY(-6px) scale(.82);pointer-events:none}.hatton-runner__score-gain i{font-style:normal}.hatton-runner__score-gain.is-visible{animation:hatton-runner-score-gain .9s ease-out both}.hatton-runner__audio-toggle{position:absolute;top:clamp(10px,2vw,24px);left:clamp(10px,2vw,24px);z-index:12;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:10px;color:#fff;background:#0d0f11c2;box-shadow:0 5px #0d0f112e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hatton-runner__audio-toggle span{font-size:18px;line-height:1}.hatton-runner__audio-toggle b{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;letter-spacing:.06em}.hatton-runner__audio-toggle[aria-pressed=false]{color:#ffffff94}.hatton-runner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none;place-items:center;padding:clamp(12px,3vw,44px);background:#0d0f1194;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.hatton-runner__overlay.is-visible{display:grid}.hatton-runner__card{width:min(100%,700px);border:1px solid rgba(248,242,232,.2);border-radius:clamp(14px,2vw,24px);background:#15171af5;box-shadow:0 26px 70px #0000006b}.hatton-runner__card--start{padding:clamp(22px,5vw,54px);text-align:center}.hatton-runner__badge{display:inline-flex;padding:7px 11px;border:1px solid currentColor;border-radius:999px;color:var(--runner-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(8px,1vw,11px);font-weight:900;letter-spacing:.13em}.hatton-runner__card--start h2,.hatton-runner__form-wrap h2{margin:18px 0 8px;color:var(--runner-ink);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(30px,4vw,58px);font-weight:900;letter-spacing:-.02em;line-height:.95;text-transform:uppercase}.hatton-runner__card--start>p,.hatton-runner__form-wrap>p{max-width:52ch;margin:0 auto;color:#f8f2e8ab;font-size:clamp(12px,1.3vw,16px);line-height:1.5}.hatton-runner__keys{display:flex;justify-content:center;gap:14px;margin:clamp(18px,3vw,30px) 0}.hatton-runner__keys span{display:flex;align-items:center;gap:8px;color:#f8f2e8b3;font-size:12px}.hatton-runner__keys kbd{min-width:42px;padding:8px 10px;border:1px solid rgba(248,242,232,.25);border-bottom-width:4px;border-radius:8px;color:var(--runner-ink);background:#282b30;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800}.hatton-runner button,.hatton-runner input{font:inherit}.hatton-runner button{cursor:pointer}.hatton-runner__primary,.hatton-runner__secondary{min-height:46px;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.hatton-runner__primary{border:2px solid #0d0f11;color:#0d0f11;background:var(--runner-accent);box-shadow:0 6px #0d0f11}.hatton-runner__secondary{border:1px solid rgba(248,242,232,.25);color:var(--runner-ink);background:transparent}.hatton-runner__primary:hover,.hatton-runner__secondary:hover{transform:translateY(-2px)}.hatton-runner__primary:active,.hatton-runner__secondary:active{transform:translateY(2px);box-shadow:none}.hatton-runner button:focus-visible,.hatton-runner input:focus-visible{outline:3px solid #fff;outline-offset:3px}.hatton-runner__card--compact{width:auto;padding:22px 30px;text-align:center}.hatton-runner__card--compact p{margin:10px 0 0;color:var(--runner-ink);font-weight:800}.hatton-runner__loader{display:inline-block;width:32px;height:32px;border:5px solid rgba(255,255,255,.18);border-top-color:var(--runner-accent);border-radius:50%;animation:hatton-runner-spin .7s steps(8) infinite}.hatton-runner__card--game-over{display:grid;grid-template-columns:minmax(130px,.42fr) minmax(290px,1fr);width:min(100%,980px);max-height:100%;overflow:auto}.hatton-runner__result{display:grid;align-content:center;justify-items:center;min-height:260px;padding:28px;border-radius:inherit;color:#0d0f11;background:var(--runner-accent)}.hatton-runner__result span,.hatton-runner__result small{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:900;letter-spacing:.15em}.hatton-runner__result strong{margin:6px 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(48px,7vw,92px);line-height:1}.hatton-runner__form-wrap{padding:clamp(20px,3vw,38px)}.hatton-runner__form-wrap h2{margin-top:0;font-size:clamp(28px,3.5vw,44px)}.hatton-runner__form-wrap>p{margin:0;font-size:12px}.hatton-runner__form-wrap form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.hatton-runner__form-wrap label:not(.hatton-runner__consent){display:grid;gap:6px}.hatton-runner__email-field{grid-column:1 / -1}.hatton-runner__form-wrap label>span:first-child{color:#f8f2e8b8;font-size:11px;font-weight:800;letter-spacing:.05em}.hatton-runner__form-wrap input[type=text],.hatton-runner__form-wrap input[type=email]{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(248,242,232,.24);border-radius:8px;color:var(--runner-ink);background:#0d0f11}.hatton-runner__form-wrap input[aria-invalid=true]{border-color:#ff7d68}.hatton-runner__consent{grid-column:1 / -1;display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;cursor:pointer}.hatton-runner__consent input{width:18px;height:18px;margin:0;accent-color:var(--runner-accent)}.hatton-runner__consent input[aria-invalid=true]{outline:2px solid #ff7d68;outline-offset:2px}.hatton-runner__consent span{color:#f8f2e8ab;font-size:11px;line-height:1.4}.hatton-runner__form-message{grid-column:1 / -1;min-height:18px;margin:0;color:#ffb1a4;font-size:11px;font-weight:700}.hatton-runner__form-message.is-success{color:#93f5b8}.hatton-runner__form-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}.hatton-runner__leaderboard-section{display:grid;grid-template-columns:minmax(210px,.52fr) minmax(0,1.48fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:18px;padding:clamp(22px,4vw,44px);border:1px solid rgba(248,242,232,.16);border-radius:clamp(14px,2vw,24px);background:linear-gradient(135deg,#ff5a3621,#15171afa 42%);box-shadow:0 18px 48px #00000047}.hatton-runner__leaderboard-section[hidden]{display:none}.hatton-runner__leaderboard-section header p{margin:0 0 8px;color:var(--runner-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:900;letter-spacing:.12em}.hatton-runner__leaderboard-section header h2{margin:0 0 8px;color:var(--runner-ink);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(30px,4vw,54px);letter-spacing:-.02em;line-height:.95;text-transform:uppercase}.hatton-runner__leaderboard-section header span{color:#f8f2e894;font-size:12px;line-height:1.45}.hatton-runner__leaderboard-section ol{display:grid;gap:9px;margin:0;padding:0;counter-reset:hatton-rank;list-style:none}.hatton-runner__leaderboard-section li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:11px 13px;border:1px solid rgba(248,242,232,.08);border-radius:9px;color:#f8f2e8b8;background:#f8f2e80f;font-size:12px;counter-increment:hatton-rank}.hatton-runner__leaderboard-section li:before{color:#f8f2e866;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:900;content:counter(hatton-rank,decimal-leading-zero)}.hatton-runner__leaderboard-section li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hatton-runner__leaderboard-section li b{color:var(--runner-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hatton-runner__legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;color:#f8f2e885;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.hatton-runner__legend b{color:var(--runner-accent)}.hatton-runner .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@keyframes hatton-runner-spin{to{transform:rotate(360deg)}}@keyframes hatton-runner-score-gain{0%{opacity:0;transform:translateY(-7px) scale(.8)}18%{opacity:1;transform:translateY(0) scale(1.08)}72%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.94)}}@media(pointer:coarse),(max-width:760px){.hatton-runner__canvas{cursor:pointer}.hatton-runner__hud{justify-content:flex-start}.hatton-runner__hud div{min-width:66px}.hatton-runner__audio-toggle{top:auto;right:12px;bottom:12px;left:auto;min-height:34px}.hatton-runner__audio-toggle b{display:none}.hatton-runner__overlay{padding:8px}.hatton-runner__card--start{width:min(92%,540px);padding:18px}.hatton-runner__keys{display:none}.hatton-runner__card--start>p{max-width:34ch;font-size:11px}.hatton-runner__card--game-over{grid-template-columns:1fr;border-radius:12px}.hatton-runner__result{grid-template-columns:auto auto auto;align-items:baseline;justify-content:center;gap:8px;min-height:0;padding:12px 18px;border-radius:11px 11px 0 0}.hatton-runner__result strong{margin:0;font-size:40px}.hatton-runner__form-wrap{padding:14px 18px 10px}.hatton-runner__form-wrap h2{margin-bottom:4px;font-size:25px}.hatton-runner__form-wrap>p{display:none}.hatton-runner__form-wrap form{gap:8px;margin-top:10px}.hatton-runner__form-wrap input[type=text],.hatton-runner__form-wrap input[type=email]{min-height:38px;padding:7px 9px}.hatton-runner__consent,.hatton-runner__form-message,.hatton-runner__form-actions{grid-column:1 / -1}.hatton-runner__consent span{font-size:10px}.hatton-runner__form-actions .hatton-runner__primary,.hatton-runner__form-actions .hatton-runner__secondary{min-height:36px;padding:7px 12px;font-size:10px}.hatton-runner__leaderboard-section{grid-template-columns:1fr;margin:12px;padding:20px}}@media(max-width:700px){.hatton-runner{padding:22px 0 38px}.hatton-runner__shell{width:100%}.hatton-runner__intro{grid-template-columns:1fr;margin-bottom:16px;padding:0 16px}.hatton-runner__intro h1{font-size:clamp(52px,18vw,78px)}.hatton-runner__intro>p:last-child{display:none}.hatton-runner__game{border-right:0;border-left:0;border-radius:0;box-shadow:0 20px 46px #0000006b}.hatton-runner__hud{top:9px;right:9px;left:9px;gap:5px}.hatton-runner__hud div{flex:1;min-width:0;padding:7px 8px}.hatton-runner__hud strong{font-size:14px}.hatton-runner__card--start{padding:20px 16px}.hatton-runner__card--start h2{font-size:30px}.hatton-runner__card--game-over{width:100%;height:100%;border:0;border-radius:0}.hatton-runner__form-wrap{overflow-y:auto}.hatton-runner__legend{padding:0 16px}.hatton-runner__legend{font-size:9px}}@media(prefers-reduced-motion:reduce){.hatton-runner__loader{animation-duration:1.5s}.hatton-runner__primary,.hatton-runner__secondary{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hatton-istanbul-runner.css.map */