drive-game-popup{--game-font: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--game-gold: #ffc93c;--game-flame: #ff5a2e;--game-green: #4ca648}.drive-game-teaser{position:fixed;left:1.6rem;bottom:1.6rem;z-index:990;display:flex;align-items:center;gap:1.2rem;padding:1rem 1.4rem 1rem 1rem;border:none;border-radius:999px;background:var(--brand-forest, #1f2d24);color:var(--brand-cream-soft, #f5f1e6);box-shadow:0 .8rem 2.4rem #1f2d2459;transform:translateY(calc(100% + 2.4rem));opacity:0;transition:transform .45s cubic-bezier(.2,.9,.3,1.2),opacity .3s ease}.drive-game-teaser.is-in{transform:translateY(0);opacity:1}.drive-game-teaser[hidden]{display:none}drive-game-popup[open] .drive-game-teaser{display:none}.drive-game-teaser__play{display:flex;align-items:center;gap:1.2rem;padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.drive-game-teaser__badge{display:grid;place-items:center;width:4.6rem;height:4.6rem;flex:0 0 auto;border-radius:50%;background:var(--game-gold);color:var(--brand-forest, #1f2d24);font-family:var(--game-font);font-size:1.5rem;line-height:1;animation:drive-teaser-bob 2.4s ease-in-out infinite}@keyframes drive-teaser-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-.4rem) rotate(6deg)}}.drive-game-teaser__eyebrow{display:block;margin:0 0 .2rem;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--game-gold)}.drive-game-teaser__heading{display:block;font-size:1.5rem;line-height:1.25;font-weight:600}.drive-game-teaser__cta{display:block;margin-top:.2rem;font-size:1.2rem;color:var(--brand-cream-soft, #f5f1e6);opacity:.75;text-decoration:underline;text-underline-offset:.25rem}.drive-game-teaser__close{flex:0 0 auto;display:grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;border:none;border-radius:50%;background:#f5f1e61f;color:inherit;cursor:pointer}.drive-game-teaser__close svg{width:1rem;height:1rem}.drive-game-dock{position:fixed;left:0;bottom:2.4rem;z-index:990;width:3.4rem;height:6.4rem;padding:0;border:none;background:none;cursor:pointer;overflow:visible;transform:translate(-100%);transition:transform .5s cubic-bezier(.34,1.4,.64,1)}.drive-game-dock.is-in{transform:translate(0)}.drive-game-dock[hidden],drive-game-popup[open] .drive-game-dock{display:none}.drive-game-dock__ball{position:absolute;top:0;left:-3.2rem;width:6.4rem;height:6.4rem;border-radius:50%;background-color:#fffdf5;background-image:radial-gradient(circle at 38% 34%,#ffffffe6,#fff0 55%),radial-gradient(rgba(31,45,36,.12) .1rem,transparent .19rem),radial-gradient(rgba(31,45,36,.07) .1rem,transparent .19rem);background-size:100% 100%,.9rem .9rem,.9rem .9rem;background-position:0 0,0 0,.45rem .45rem;border:1px solid rgba(31,45,36,.28);box-shadow:inset -.5rem -.6rem 1rem #1f2d241f,.2rem .3rem 1rem #1f2d2438;transform:rotate(-90deg);transition:transform .5s cubic-bezier(.34,1.4,.64,1)}.drive-game-dock.is-in .drive-game-dock__ball{transform:rotate(0)}.drive-game-dock.is-in:hover .drive-game-dock__ball,.drive-game-dock.is-in:focus-visible .drive-game-dock__ball{transform:translate(.7rem) rotate(24deg)}.drive-game-dock__chip{position:absolute;top:50%;left:calc(100% + .9rem);transform:translateY(-50%) translate(-.6rem);white-space:nowrap;padding:.6rem 1.1rem;border-radius:999px;background:var(--brand-forest, #1f2d24);color:var(--brand-cream-soft, #f5f1e6);font-size:1.2rem;line-height:1;letter-spacing:.04em;box-shadow:0 .3rem 1rem #1f2d2440;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.drive-game-dock:hover .drive-game-dock__chip,.drive-game-dock:focus-visible .drive-game-dock__chip{opacity:1;transform:translateY(-50%) translate(0)}.drive-game-dock:focus-visible{outline:none}.drive-game-dock:focus-visible .drive-game-dock__ball{outline:.2rem solid var(--game-gold);outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.drive-game-dock,.drive-game-dock__ball,.drive-game-dock__chip{transition:opacity .2s ease}.drive-game-dock{transform:none;opacity:0}.drive-game-dock.is-in{transform:none;opacity:1}.drive-game-dock__ball,.drive-game-dock.is-in .drive-game-dock__ball,.drive-game-dock.is-in:hover .drive-game-dock__ball,.drive-game-dock.is-in:focus-visible .drive-game-dock__ball{transform:none}}.drive-game-popup__backdrop,.drive-game-popup__card{display:none}drive-game-popup[open] .drive-game-popup__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(var(--brand-forest-rgb, 31, 45, 36),.55);animation:drive-game-fade .25s ease both}drive-game-popup[open] .drive-game-popup__card{display:block;position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 3rem);max-width:92rem;max-height:calc(100vh - 3rem);overflow-y:auto;padding:0;background:var(--brand-cream-soft, #f5f1e6);color:var(--brand-ink, #2b2b28);border-radius:1.2rem;box-shadow:0 1.6rem 5rem #00000052;animation:drive-game-rise .3s ease both}@keyframes drive-game-fade{0%{opacity:0}}@keyframes drive-game-rise{0%{opacity:0;transform:translate(-50%,calc(-50% + 1.6rem))}}.drive-game-popup__close{position:absolute;top:.8rem;right:.8rem;z-index:2;display:flex;padding:.8rem;background:#f5f1e6d9;border:none;border-radius:50%;color:var(--brand-forest, #1f2d24);cursor:pointer}.drive-game-popup__close .icon,.drive-game-popup__close svg{width:1.4rem;height:1.4rem}.drive-game-popup__step[hidden]{display:none}.drive-game-popup__split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.drive-game-popup__game-col{position:relative;min-width:0}.drive-game-popup__panel{display:flex;flex-direction:column;justify-content:center;gap:1.2rem;min-width:0;padding:3.2rem 3rem 2.6rem;transition:opacity .4s ease,filter .4s ease}.drive-game-popup__panel.is-locked .drive-game-popup__form,.drive-game-popup__panel.is-locked .drive-game-popup__footnote{opacity:.4;filter:grayscale(1);pointer-events:none}.drive-game-popup__panel.is-unlocked{animation:drive-panel-unlock .5s ease both}@keyframes drive-panel-unlock{0%{filter:brightness(1.35)}to{filter:brightness(1)}}.drive-game-popup__panel-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.drive-game-popup__panel-copy[hidden]{display:none}.drive-game-popup__offer{margin:0;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-clay, #c8612e)}.drive-game-popup__heading{margin:0;font-family:var(--brand-font-display, var(--font-heading-family));font-size:2.6rem;line-height:1.12;letter-spacing:.01em;color:var(--brand-forest, #1f2d24)}.drive-game-popup__text{margin:0;font-size:1.4rem;line-height:1.55;color:var(--brand-ink, #2b2b28)}.drive-game-popup__text p{margin:0 0 .8rem}.drive-game-popup__text p:last-child{margin-bottom:0}.drive-game-popup__lock{display:inline-flex;align-items:center;gap:.8rem;align-self:flex-start;margin:.4rem 0 0;padding:.7rem 1.2rem;border-radius:999px;background:rgba(var(--brand-forest-rgb, 31, 45, 36),.08);border:.1rem dashed var(--brand-stone, #8a8779);font-size:1.25rem;font-weight:600;color:var(--brand-forest, #1f2d24)}.drive-game-popup__lock svg{width:1.3rem;height:1.3rem;flex:0 0 auto}.drive-game-popup__score{margin:0;font-family:var(--game-font);font-size:4.4rem;line-height:1;color:var(--game-flame);animation:drive-score-stamp .45s cubic-bezier(.2,1.4,.4,1) both}.drive-game-popup__score[hidden]{display:none}.drive-game-popup__score span:last-child{font-size:1.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-stone, #8a8779)}@keyframes drive-score-stamp{0%{transform:scale(1.6) rotate(-4deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.drive-game-popup__footnote{margin:0;font-size:1.2rem;line-height:1.45;color:var(--brand-stone, #8a8779)}.drive-game-popup__skip{margin:0;font-size:1.3rem;color:var(--brand-stone, #8a8779)}.drive-game-popup__skip[hidden]{display:none}.drive-game-popup__skip button{padding:0;background:none;border:none;font:inherit;color:var(--brand-clay, #c8612e);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.drive-game-popup__form{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-start;margin:0;transition:opacity .4s ease,filter .4s ease}.drive-game-popup__form .field{flex:1 1 20rem;min-width:0;margin:0}.drive-game-popup__form .button{flex:0 0 auto;min-height:4.5rem}.drive-game-popup__message{display:flex;gap:.6rem;align-items:center;margin:.8rem 0 0;font-size:1.3rem}.drive-game-popup__message--error{color:var(--brand-clay, #c8612e)}.drive-game-popup__thanks{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:4.2rem 3rem 3.6rem;text-align:center}.drive-game-popup__code{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center;margin:.4rem 0}.drive-game-popup__code-value{padding:1rem 1.6rem;border:.1rem dashed var(--brand-forest, #1f2d24);border-radius:.6rem;font-family:var(--game-font);font-size:2rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-forest, #1f2d24);background:rgba(var(--brand-cream-rgb, 255, 255, 255),.7)}.drive-game-popup__copy{padding:.6rem 1rem;background:none;border:none;font-size:1.3rem;color:var(--brand-clay, #c8612e);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.drive-game{--game-font: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;display:block;height:100%}.drive-game__stage{position:relative;overflow:hidden;height:100%;min-height:34rem;background:#fff7e6;border-radius:1.2rem 0 0 1.2rem}.drive-game__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.drive-game__hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:baseline;gap:.6rem;padding:1rem 1.4rem;pointer-events:none;font-family:var(--game-font);color:var(--brand-forest, #1f2d24)}.drive-game__yards{font-size:3.6rem;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 .2rem 0 rgba(255,255,255,.6);transition:color .2s ease}.drive-game__yards.is-hot{color:var(--game-flame, #ff5a2e)}.drive-game__yards.is-pop{animation:drive-yards-pop .4s cubic-bezier(.2,1.6,.4,1) both}@keyframes drive-yards-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.drive-game__unit{font-size:1.5rem;letter-spacing:.1em;text-transform:uppercase;color:#1f2d248c}.drive-game__target{margin-left:auto;padding:.4rem 1rem;border-radius:999px;background:#ffffffbf;font-family:var(--game-font);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--game-green, #4ca648)}.drive-game__prompt,.drive-game__readout{position:absolute;left:0;right:0;bottom:0;margin:0;padding:1rem 1.2rem;text-align:center;font-size:1.35rem;font-weight:600;line-height:1.4;color:#fff7e6;background:rgba(var(--brand-forest-rgb, 31, 45, 36),.85);pointer-events:none}.drive-game__readout{font-family:var(--game-font);font-weight:400;font-size:1.6rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.drive-game__prompt[hidden],.drive-game__readout[hidden]{display:none}@media screen and (max-width:749px){.drive-game-popup__split{grid-template-columns:1fr}.drive-game__stage{min-height:0;border-radius:1.2rem 1.2rem 0 0}.drive-game__canvas{aspect-ratio:4 / 3;height:auto}.drive-game-popup__panel{padding:2rem 1.8rem;gap:1rem}.drive-game-popup__heading{font-size:2.1rem}.drive-game-popup__score{font-size:3.4rem}.drive-game-teaser{left:1rem;right:1rem;bottom:1rem;justify-content:space-between}.drive-game-popup__thanks{padding:3.2rem 1.8rem 2.8rem}}@media(prefers-reduced-motion:reduce){drive-game-popup[open] .drive-game-popup__backdrop,drive-game-popup[open] .drive-game-popup__card,.drive-game-popup__panel.is-unlocked,.drive-game-popup__score,.drive-game__yards.is-pop,.drive-game-teaser__badge{animation:none}.drive-game-teaser{transition:opacity .2s ease;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-drive-game.css.map */