/* STICK-IN · Jeu compte-tours (charte : #202328, vert #81c39e, Barlow / Barlow Condensed — mêmes formes que stickin_popup) */
.stk-jeu { width: min(400px, calc(100% - 32px)); max-height: calc(100% - 32px); overflow: auto; margin: auto; padding: 24px 24px 20px; border: 0; border-top: 5px solid #81c39e; border-radius: 16px; background: #202328; color: #fff; box-shadow: 0 20px 60px rgba(0,0,0,.35); text-align: center; }
.stk-jeu::backdrop { background: rgba(23, 25, 28, .45); }
.stk-jeu[open] { animation: stk-jeu-in .25s ease; }
@keyframes stk-jeu-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.stk-jeu__close { position: absolute; top: 6px; right: 12px; background: none; border: 0; color: #8f969c; font-size: 26px; line-height: 1; cursor: pointer; }
.stk-jeu__close:hover, .stk-jeu__close:focus-visible { color: #fff; }
.stk-jeu__kicker { margin: 0 0 2px; color: #81c39e; font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.stk-jeu__title { margin: 0; font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-weight: 700; font-size: 30px; line-height: 1; text-transform: uppercase; }
.stk-jeu__text { margin: 8px 0 0; color: #c9ced2; font-size: 14px; }
.stk-jeu__tach { display: block; width: 100%; max-width: 230px; height: auto; margin: 8px auto 0; }
.stk-jeu__tach text { font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-weight: 700; }
.stk-jeu__needle { transform-origin: 130px 130px; transition: transform 2.2s cubic-bezier(.2, .9, .25, 1); }
.stk-jeu.is-revving .stk-jeu__needle { transition: transform .35s ease-in-out; }
.stk-jeu__form { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; text-align: left; }
.stk-jeu__form input[type=email] { font: inherit; border: 1px solid #3a3f45; background: #2a2e33; color: #fff; border-radius: 999px; padding: 10px 16px; }
.stk-jeu__form input[type=email]:focus { outline: 2px solid #81c39e; outline-offset: 1px; }
.stk-jeu__chk { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; line-height: 1.35; color: #c9ced2; cursor: pointer; }
.stk-jeu__chk input { flex: none; margin-top: 2px; accent-color: #81c39e; }
.stk-jeu__err { margin: 0; color: #ffb4a8; font-size: 13px; }
.stk-jeu__btn { display: inline-block; align-self: center; background: #81c39e; color: #202328; border: 0; border-radius: 999px; padding: 10px 22px; font-weight: 700; text-decoration: none; cursor: pointer; }
.stk-jeu__btn:hover, .stk-jeu__btn:focus-visible { background: #fff; color: #202328; }
.stk-jeu__btn[disabled] { opacity: .6; cursor: wait; }
.stk-jeu__btn--ghost { background: transparent; color: #81c39e; border: 1px solid #81c39e; padding: 7px 14px; }
.stk-jeu__small { margin: 10px 0 0; font-size: 11.5px; color: #8f969c; }
.stk-jeu__small a { color: #c9ced2; }
.stk-jeu__lot { margin: 4px 0 0; font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-weight: 700; font-size: 44px; line-height: 1; color: #81c39e; text-transform: uppercase; }
.stk-jeu__code { display: flex; gap: 8px; align-items: center; justify-content: center; flex-wrap: wrap; margin: 12px 0 14px; }
.stk-jeu__code span { font: 700 18px ui-monospace, Menlo, Consolas, monospace; letter-spacing: .12em; background: #2a2e33; border: 1px dashed #81c39e; border-radius: 8px; padding: 7px 12px; user-select: all; }
.stk-jeu-tab { position: fixed; left: 10px; bottom: 44px; z-index: 1080; display: flex; gap: 8px; align-items: center; background: #202328; color: #fff; border: 2px solid #81c39e; border-radius: 999px; padding: 8px 14px 8px 10px; font-weight: 700; font-size: 13px; box-shadow: 0 6px 18px rgba(0,0,0,.25); cursor: pointer; }
.stk-jeu-tab[hidden], .stk-jeu [hidden] { display: none !important; }
/* Mobile : carte en bas, non modale (pas d'interstitiel), ouverte seulement au clic sur la languette */
@media (max-width: 575.98px) {
  .stk-jeu { position: fixed; inset: auto 8px 40px 8px; width: auto; margin: 0; padding: 14px 14px 12px; border-radius: 14px; z-index: 1085; }
  .stk-jeu__title { font-size: 22px; }
  .stk-jeu__text { font-size: 13px; }
  .stk-jeu__tach { max-width: 170px; }
  .stk-jeu__lot { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) { .stk-jeu[open] { animation: none; } .stk-jeu__needle, .stk-jeu.is-revving .stk-jeu__needle { transition: none; } }