.tire-game{display:none;position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:50;width:26rem;max-width:calc(100vw - 1.5rem);max-height:90vh;overflow-y:auto;background-color:#07070a;border:1px solid #27272a;font-family:Poppins,sans-serif;color:#e4e4e7;--glow-color: rgba(255, 255, 255, .35);box-shadow:0 0 24px var(--glow-color),0 0 2px #fff6;transition:box-shadow .5s ease}.tire-game.tire-game--glow-inside{box-shadow:inset 0 0 34px var(--glow-color),0 0 2px #ffffff40}.tire-game.is-visible{display:block}@media screen and (max-width:749px){.tire-game{width:20rem;top:auto;bottom:1rem;transform:none}}.tire-game__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid #27272a}.tire-game__title{margin:0;font-family:Racing Sans One,Arial Narrow,sans-serif;font-weight:400;font-size:1.2rem;letter-spacing:.04em;text-transform:uppercase;color:#fff}.tire-game__help-btn{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:1px solid #52525b;background:none;color:#e4e4e7;font-size:1.2rem;line-height:1;cursor:pointer}.tire-game__help-btn:hover,.tire-game__help-btn:focus-visible,.tire-game__help-btn.is-active{border-color:#ff1e27;color:#ff1e27}.tire-game__help-tooltip{position:absolute;top:calc(100% + .6rem);right:0;z-index:2;width:20rem;padding:1rem 1.2rem;background-color:#111114;border:1px solid #3f3f46;font-size:1.2rem;line-height:1.5;color:#e4e4e7e6;text-align:left;text-transform:none;letter-spacing:normal}.tire-game__help-tooltip[hidden]{display:none}.tire-game__metrics{padding:1.2rem;border-bottom:1px solid #27272a}.tire-game__metric-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.6rem}.tire-game__wear-label{font-weight:700;letter-spacing:.04em}.tire-game__wear-value{font-family:Poppins,monospace;font-weight:700}.tire-game__wear-bar{display:flex;gap:2px;height:1rem;margin-bottom:1rem}.tire-game__wear-segment{flex:1 1 0;background-color:#1c1c1f;border:1px solid #27272a;transition:background-color .15s linear}.tire-game__wear-segment.is-filled{background-color:#ff1e27;border-color:#ff1e27}.tire-game__distance-label{font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;color:#e4e4e799}.tire-game__distance-value{display:block;font-family:Poppins,monospace;font-weight:700;font-size:2.2rem;line-height:1.1;color:#fff}.tire-game__best{font-size:1.1rem;color:#e4e4e780}.tire-game__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;padding:1.6rem;border-bottom:1px solid #27272a}.tire-game__tire{aspect-ratio:1 / 1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:3px solid rgba(255,255,255,.12);background-color:#14283d;text-align:center;transition:background-color .4s ease}.tire-game__tire-label{display:block;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9}.tire-game__tire-temp{display:block;margin-top:.3rem;font-family:Poppins,monospace;font-weight:700;font-size:1.6rem;color:#fff}.tire-game__tire[data-bucket=cool]{background-color:#1f5f8f}.tire-game__tire[data-bucket=optimal]{background-color:#1a6b3c}.tire-game__tire[data-bucket=hot]{background-color:#a15412}.tire-game__tire[data-bucket=critical]{background-color:#7a0c0c}@media(prefers-reduced-motion:no-preference){.tire-game__tire-label--shake,.tire-game__tire-temp--shake{animation:tireGameShake .15s ease-in-out infinite}}@keyframes tireGameShake{0%,to{transform:translate(0)}25%{transform:translate(-1px,.5px)}50%{transform:translate(1px,-.5px)}75%{transform:translate(-.5px,.5px)}}.tire-game__dpad{display:none;grid-template-columns:repeat(3,3.4rem);grid-template-rows:repeat(2,3.4rem);justify-content:center;gap:.4rem;padding:1.2rem}@media(pointer:coarse){.tire-game__dpad{display:grid}}.tire-game__dpad-btn{display:flex;align-items:center;justify-content:center;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.6rem;-webkit-user-select:none;user-select:none;touch-action:none}.tire-game__dpad-btn.is-active{background-color:#ff1e2766;border-color:#ff1e27}.tire-game__dpad-btn--up{grid-column:2;grid-row:1}.tire-game__dpad-btn--left{grid-column:1;grid-row:2}.tire-game__dpad-btn--down{grid-column:2;grid-row:2}.tire-game__dpad-btn--right{grid-column:3;grid-row:2}.tire-game__start{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background-color:#07070af2;text-align:center;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease}.tire-game.is-playing .tire-game__start,.tire-game.is-game-over .tire-game__start{opacity:0;visibility:hidden;pointer-events:none}.tire-game__start-title{margin:0;font-family:Racing Sans One,Arial Narrow,sans-serif;font-weight:400;font-size:1.8rem;text-transform:uppercase;letter-spacing:.04em;color:#fff}.tire-game__start-tagline{margin:0;max-width:20rem;font-size:1.3rem;color:#e4e4e7bf}.tire-game__start-actions{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:18rem}.tire-game__start-btn{padding:1rem 2.4rem;background-color:rgb(var(--car77-red));border:none;color:#fff;font-family:Poppins,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.tire-game__how-to-play-btn{padding:.9rem 2.4rem;background:none;border:1px solid #52525b;color:#e4e4e7;font-family:Poppins,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.tire-game__how-to-play-btn:hover,.tire-game__how-to-play-btn:focus-visible{border-color:#ff1e27;color:#ff1e27}.tire-game__rules{position:fixed;top:50%;left:27.5rem;z-index:51;width:36rem;max-width:calc(100vw - 30rem);max-height:90vh;overflow-y:auto;padding:2.4rem 2.6rem;background-color:#111114;border:1px solid #3f3f46;box-shadow:0 0 30px #ffffff1f;font-size:1.6rem;line-height:1.7;color:#e4e4e7eb;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-2rem,-50%);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.tire-game__rules.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)}@media screen and (max-width:1099px){.tire-game__rules{left:50%;top:50%;width:34rem;max-width:calc(100vw - 3rem);max-height:80vh;transform:translate(-50%,-50%) scale(.94)}.tire-game__rules.is-open{transform:translate(-50%,-50%) scale(1)}}.tire-game__rules-close{position:absolute;top:1rem;right:1.2rem;background:none;border:none;color:#e4e4e7b3;font-size:2.2rem;line-height:1;cursor:pointer}.tire-game__rules-close:hover,.tire-game__rules-close:focus-visible{color:#ff1e27}.tire-game__rules-title{margin:0 0 1.4rem;font-family:Racing Sans One,Arial Narrow,sans-serif;font-weight:400;font-size:2rem;text-transform:uppercase;letter-spacing:.04em;color:#fff}.tire-game__rules p{margin:0 0 1.2rem}.tire-game__rules ul{margin:0 0 1.2rem;padding-left:1.6rem}.tire-game__rules li{margin-bottom:.7rem}.tire-game__rules li strong{color:#fff}.tire-game__rules .is-cold{font-weight:700;color:#4fa3d1}.tire-game__rules .is-cool{font-weight:700;color:#6fb8e6}.tire-game__rules .is-optimal{font-weight:700;color:#3ddc84}.tire-game__rules .is-hot{font-weight:700;color:#ff9d42}.tire-game__rules .is-critical{font-weight:700;color:#ff4d4d}.tire-game__gameover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background-color:#07070ae6;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}.tire-game.is-game-over .tire-game__gameover{opacity:1;visibility:visible;pointer-events:auto}.tire-game__gameover-title{margin:0;font-family:Racing Sans One,Arial Narrow,sans-serif;font-weight:400;font-size:2.2rem;text-transform:uppercase;letter-spacing:.04em;color:#ff1e27;text-shadow:0 0 16px rgba(255,30,39,.6)}.tire-game__gameover-distance{font-family:Poppins,monospace;font-weight:700;font-size:1.6rem;color:#fff}.tire-game__gameover-best{font-family:Poppins,monospace;font-weight:700;font-size:1.3rem;color:#ffe07a}.tire-game__restart-btn{padding:1rem 2.4rem;background-color:#ff1e27;border:none;color:#fff;font-family:Poppins,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tire-game.css.map */