.tmmp {
  --tmmp-ink: #17132c;
  --tmmp-muted: #6f6a82;
  --tmmp-gold: #ffbd2e;
  --tmmp-purple: #7146e8;
  --tmmp-purple-dark: #4b24b8;
  --tmmp-card: #ffffff;
  --tmmp-line: #e8e4f2;
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin: 24px auto;
  color: var(--tmmp-ink);
  font-family: Inter, ui-rounded, "Avenir Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.4;
}

.tmmp *, .tmmp *::before, .tmmp *::after { box-sizing: inherit; }
.tmmp button, .tmmp select, .tmmp input { font: inherit; }
.tmmp button { margin: 0; -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; }
.tmmp .tmmp__button::before, .tmmp .tmmp__button::after, .tmmp .tmmp__trumpet::before { display: none !important; content: none !important; }

.tmmp__shell {
  position: relative;
  overflow: hidden;
  padding: clamp(16px, 4vw, 30px);
  border: 1px solid rgba(113, 70, 232, .13);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 189, 46, .2), transparent 30%),
    radial-gradient(circle at 0 55%, rgba(113, 70, 232, .1), transparent 35%),
    #fbfaff;
  box-shadow: 0 20px 60px rgba(50, 31, 102, .14);
}

.tmmp__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.tmmp__eyebrow { margin: 0 0 3px; color: var(--tmmp-purple); font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.tmmp__title { margin: 0; font-size: clamp(24px, 6vw, 38px); font-weight: 950; letter-spacing: -.04em; line-height: 1.05; }
.tmmp__subtitle { margin: 8px 0 0; color: var(--tmmp-muted); font-size: 14px; }
.tmmp__icon-button { flex: 0 0 auto; width: 44px; height: 44px; border: 1px solid var(--tmmp-line); border-radius: 50%; background: #fff; color: var(--tmmp-purple); font-size: 23px; font-weight: 900; cursor: pointer; box-shadow: 0 5px 14px rgba(42, 22, 93, .08); transition: transform .15s ease, background .15s ease; }
.tmmp__icon-button:hover { transform: translateY(-2px); }
.tmmp__icon-button[aria-pressed="false"] { color: var(--tmmp-muted); background: #f1eff5; text-decoration: line-through; }

.tmmp__toolbar { display: flex; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--tmmp-line); border-radius: 17px; background: rgba(255,255,255,.88); }
.tmmp__level-label { font-size: 13px; font-weight: 850; }
.tmmp__level { min-width: 0; height: 40px; padding: 0 34px 0 12px; border: 1px solid #dcd6eb; border-radius: 11px; color: var(--tmmp-ink); background: #fff; font-size: 13px; font-weight: 750; cursor: pointer; }
.tmmp__stats { display: flex; gap: 7px; margin-left: auto; }
.tmmp__stats span { min-width: 61px; padding: 7px 8px; border-radius: 10px; background: #f5f2fb; text-align: center; font-size: 12px; white-space: nowrap; }
.tmmp__stats strong { font-variant-numeric: tabular-nums; }
.tmmp__new-game { min-height: 40px; padding: 7px 11px; border: 0; border-radius: 11px; color: #fff; background: #5c35c8; font-size: 12px; font-weight: 850; white-space: nowrap; cursor: pointer; box-shadow: 0 3px 0 #3e2198; }
.tmmp__new-game:active { transform: translateY(2px); box-shadow: 0 1px 0 #3e2198; }

.tmmp__legend { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 12px 0 9px; color: var(--tmmp-muted); font-size: 10px; font-weight: 750; }
.tmmp__legend-item { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 7px 8px; border: 1px solid var(--tmmp-line); border-radius: 11px; background: #fff; line-height: 1.2; }
.tmmp__legend-item b { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; color: #fff; font-size: 16px; }
.tmmp__legend-item em { font-style: normal; }
.tmmp__legend-item--exact b { background: #08783f; }
.tmmp__legend-item--misplaced b { background: #d96a00; }
.tmmp__legend-item--absent b { background: #bf2234; }
.tmmp__peg { display: inline-block; width: 9px; height: 9px; margin-right: 4px; border: 1px solid rgba(0,0,0,.12); border-radius: 50%; vertical-align: 0; }
.tmmp__peg--exact { background: #211c34; }
.tmmp__peg--color { background: var(--tmmp-gold); }

.tmmp__board { display: grid; gap: 10px; min-height: 112px; max-height: 390px; padding: 3px 5px 5px 3px; overflow-y: auto; scrollbar-color: #a99bd3 transparent; scrollbar-width: thin; }
.tmmp__row { display: grid; grid-template-columns: 34px minmax(0, 1fr) 96px; align-items: center; gap: 10px; min-height: 82px; padding: 9px 11px; border: 1px solid #ded8ec; border-radius: 17px; background: #fff; box-shadow: 0 4px 12px rgba(43,28,82,.08); transition: opacity .2s, transform .2s; }
.tmmp__row--future { opacity: .45; }
.tmmp__row--new { animation: tmmp-row-in .32s cubic-bezier(.2,.8,.2,1); }
.tmmp__row-number { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #f0edf7; color: var(--tmmp-muted); font-size: 11px; font-weight: 900; }
.tmmp__row-trumpets, .tmmp__current, .tmmp__secret { display: flex; align-items: center; justify-content: center; gap: clamp(5px, 1.25vw, 10px); min-width: 0; }
.tmmp__feedback { display: grid; gap: 3px; font-size: 9px; font-weight: 900; }
.tmmp__feedback span { display: block; padding: 2px 5px; border-radius: 6px; color: #fff; text-align: center; white-space: nowrap; }
.tmmp__feedback-exact { background: #08783f; }
.tmmp__feedback-misplaced { background: #d96a00; }
.tmmp__feedback-absent { background: #bf2234; }

.tmmp__trumpet { --tmmp-accent: #8e849e; --tmmp-hue: 0deg; position: relative !important; display: inline-grid !important; place-items: center !important; width: clamp(48px, 9.5vw, 68px); height: clamp(48px, 9.5vw, 68px); flex: 0 1 68px; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 2px solid var(--tmmp-accent); border-radius: 15px; background: linear-gradient(180deg, #fff 0%, #efedf4 100%); color: #8e849e; line-height: 0 !important; vertical-align: middle !important; box-shadow: inset 0 -5px 0 var(--tmmp-accent), 0 4px 9px rgba(25,17,50,.17); isolation: isolate; transition: transform .14s ease, box-shadow .14s ease, background .14s ease; }
button.tmmp__trumpet { cursor: pointer; }
button.tmmp__trumpet:hover { transform: translateY(-3px) rotate(-2deg); }
button.tmmp__trumpet:active { transform: translateY(0) scale(.94); }
.tmmp__trumpet > .tmmp__trumpet-image { position: absolute !important; top: 50% !important; left: 50% !important; z-index: 0; display: block !important; width: 152% !important; height: 152% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; object-fit: contain !important; clip-path: inset(0 17% 0 17%); transform: translate(-50%, -50%) !important; transform-origin: center !important; filter: hue-rotate(var(--tmmp-hue)) saturate(1.22) drop-shadow(0 2px 1px rgba(0,0,0,.24)); pointer-events: none; user-select: none; }
.tmmp__trumpet--empty { --tmmp-accent: #cfc8db; border-style: dashed; background: rgba(255,255,255,.04); box-shadow: none; }
.tmmp__trumpet--empty > .tmmp__trumpet-image { opacity: .18; filter: grayscale(1); }
.tmmp__trumpet--hint { animation: tmmp-hint 1s ease-in-out 2; outline: 3px solid var(--tmmp-gold); outline-offset: 2px; }
.tmmp__trumpet[data-color] { color: #fff; }
.tmmp__trumpet[data-color]::after { position: absolute; right: 3px; bottom: 3px; z-index: 2; min-width: 17px; padding: 0 3px; border: 1px solid rgba(255,255,255,.72); border-radius: 5px; color: #fff; background: var(--tmmp-accent); font-size: 9px; font-weight: 950; line-height: 14px; text-align: center; }
.tmmp__trumpet[data-color="rouge"] { --tmmp-accent: #e21d38; --tmmp-hue: -60deg; }
.tmmp__trumpet[data-color="rouge"]::after { content: "R"; }
.tmmp__trumpet[data-color="bleu"] { --tmmp-accent: #006edc; --tmmp-hue: 170deg; }
.tmmp__trumpet[data-color="bleu"]::after { content: "B"; }
.tmmp__trumpet[data-color="jaune"] { --tmmp-accent: #d2a800; --tmmp-hue: 0deg; color: #2b2200; }
.tmmp__trumpet[data-color="jaune"]::after { content: "J"; color: #231c00; background: #ffd000; }
.tmmp__trumpet[data-color="vert"] { --tmmp-accent: #008c50; --tmmp-hue: 65deg; }
.tmmp__trumpet[data-color="vert"]::after { content: "V"; }
.tmmp__trumpet[data-color="violet"] { --tmmp-accent: #7130c9; --tmmp-hue: 210deg; }
.tmmp__trumpet[data-color="violet"]::after { content: "VI"; }
.tmmp__trumpet[data-color="orange"] { --tmmp-accent: #f06400; --tmmp-hue: -30deg; }
.tmmp__trumpet[data-color="orange"]::after { content: "O"; }
.tmmp__trumpet[data-color="rose"] { --tmmp-accent: #e30078; --tmmp-hue: 260deg; }
.tmmp__trumpet[data-color="rose"]::after { content: "RO"; }
.tmmp__trumpet[data-color="turquoise"] { --tmmp-accent: #008b95; --tmmp-hue: 120deg; }
.tmmp__trumpet[data-color="turquoise"]::after { content: "T"; }
.tmmp__status { position: absolute; top: 3px; left: 3px; z-index: 3; display: grid; place-items: center; width: 21px; height: 21px; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 13px; font-weight: 950; line-height: 1; box-shadow: 0 2px 6px rgba(0,0,0,.38); }
.tmmp__trumpet--exact { outline: 3px solid #08783f; outline-offset: 1px; }
.tmmp__trumpet--exact .tmmp__status { background: #08783f; }
.tmmp__trumpet--misplaced { outline: 3px solid #d96a00; outline-offset: 1px; }
.tmmp__trumpet--misplaced .tmmp__status { background: #d96a00; }
.tmmp__trumpet--absent { outline: 3px solid #bf2234; outline-offset: 1px; box-shadow: inset 0 0 0 999px rgba(30,20,35,.18), 0 3px 7px rgba(25,17,50,.13); }
.tmmp__trumpet--absent .tmmp__status { background: #bf2234; }

.tmmp__composer { margin-top: 15px; padding: 15px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #261959 0%, #6540d6 100%); box-shadow: 0 12px 25px rgba(75, 36, 184, .25); }
.tmmp__composer-title { margin: 0 0 9px; text-align: center; font-size: 12px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; opacity: .8; }
.tmmp__current { min-height: 76px; }
.tmmp__current .tmmp__trumpet--empty { border-color: rgba(255,255,255,.38); color: #fff; }
.tmmp__palette { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin: 12px auto 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.17); }
.tmmp__palette .tmmp__trumpet { width: 54px; height: 54px; flex-basis: 54px; }
.tmmp__palette .tmmp__trumpet:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

.tmmp__actions { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 8px; margin-top: 13px; }
.tmmp__button { min-height: 43px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.24); border-radius: 12px; color: #fff; background: rgba(255,255,255,.12); font-size: 13px; font-weight: 850; cursor: pointer; transition: transform .15s, box-shadow .15s, opacity .15s; }
.tmmp__button:hover:not(:disabled) { transform: translateY(-2px); }
.tmmp__button:disabled { opacity: .38; cursor: not-allowed; }
.tmmp__button--primary { border-color: #ffca54; color: #392500; background: linear-gradient(180deg, #ffd66f, var(--tmmp-gold)); box-shadow: 0 5px 0 #c98700; }
.tmmp__button--primary:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 2px 0 #c98700; }
.tmmp__button--ghost { background: transparent; }
.tmmp__hint span { opacity: .72; }
.tmmp__message { min-height: 21px; margin: 11px 4px 0; color: var(--tmmp-muted); text-align: center; font-size: 13px; font-weight: 700; }
.tmmp__message--good { color: #18844b; }
.tmmp__message--warning { color: #b25a00; }

.tmmp__leaderboard { margin-top: 19px; padding: 16px; border: 1px solid #ddd6ef; border-radius: 18px; background: #fff; box-shadow: 0 7px 20px rgba(43,28,82,.08); }
.tmmp__leaderboard-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.tmmp__leaderboard-header h3 { margin: 0; font-size: 21px; font-weight: 950; letter-spacing: -.02em; }
.tmmp__leaderboard-filter { height: 38px; min-width: 145px; padding: 0 30px 0 10px; border: 1px solid #cfc6e5; border-radius: 10px; color: var(--tmmp-ink); background: #f8f6fc; font-size: 12px; font-weight: 750; }
.tmmp__leaderboard-scroll { overflow-x: auto; scrollbar-color: #a99bd3 transparent; scrollbar-width: thin; }
.tmmp__leaderboard table { width: 100%; min-width: 560px; margin: 0; border: 0; border-collapse: collapse; font-size: 12px; }
.tmmp__leaderboard th, .tmmp__leaderboard td { padding: 9px 8px; border: 0; border-bottom: 1px solid #eeeaf5; text-align: left; }
.tmmp__leaderboard thead th { color: #766e88; background: #f5f2fa; font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.tmmp__leaderboard thead th:first-child { border-radius: 9px 0 0 9px; }
.tmmp__leaderboard thead th:last-child { border-radius: 0 9px 9px 0; }
.tmmp__leaderboard tbody tr:nth-child(-n+3) { background: #fffaf0; }
.tmmp__leaderboard tbody th { color: #31235f; font-weight: 900; }
.tmmp__leaderboard-score { color: #5a2dcc; font-size: 14px; font-weight: 950; }
.tmmp__leaderboard-empty { padding: 20px !important; color: var(--tmmp-muted); text-align: center !important; font-style: italic; }

.tmmp__menu-overlay { position: fixed; inset: 0; z-index: 99998; display: flex; justify-content: flex-end; background: rgba(22,14,48,.64); backdrop-filter: blur(4px); animation: tmmp-fade-in .2s ease; }
.tmmp__menu-overlay[hidden] { display: none; }
.tmmp__menu-panel { width: min(100%, 430px); min-height: 100%; padding: 25px; color: var(--tmmp-ink); background: #fff; box-shadow: -20px 0 60px rgba(0,0,0,.24); animation: tmmp-menu-in .3s cubic-bezier(.2,.8,.2,1); }
.tmmp__menu-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 15px; border-bottom: 1px solid var(--tmmp-line); }
.tmmp__menu-header h3 { margin: 0; font-size: 30px; line-height: 1; }
.tmmp__menu-label { margin: 20px 0 9px; font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tmmp__menu-levels { display: grid; gap: 8px; }
.tmmp__menu-levels button { display: grid; gap: 2px; width: 100%; padding: 12px 14px; border: 2px solid #e4dff0; border-radius: 13px; color: var(--tmmp-ink); background: #faf9fd; text-align: left; cursor: pointer; }
.tmmp__menu-levels button:hover { border-color: #9c82e8; }
.tmmp__menu-levels button.is-active { border-color: var(--tmmp-purple); background: #eee8ff; box-shadow: 0 0 0 2px rgba(113,70,232,.12); }
.tmmp__menu-levels strong { font-size: 15px; }
.tmmp__menu-levels small { color: var(--tmmp-muted); font-size: 11px; }
.tmmp__rules { margin-top: 17px; padding: 14px; border-radius: 14px; background: #f2effa; }
.tmmp__rules h4 { margin: 0 0 6px; font-size: 15px; }
.tmmp__rules p { margin: 5px 0; color: #4d465f; font-size: 12px; }
.tmmp__menu-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 18px; }
.tmmp__menu-action { min-height: 46px; padding: 9px; border: 0; border-radius: 12px; color: #fff; background: #30245c; font-weight: 850; cursor: pointer; }
.tmmp__menu-reset { background: var(--tmmp-purple); }
.tmmp__sound[aria-pressed="false"] { background: #777181; }

.tmmp__overlay { position: fixed; inset: 0; z-index: 99997; display: grid; place-items: center; padding: 20px; overflow-y: auto; background: rgba(22, 14, 48, .73); backdrop-filter: blur(5px); animation: tmmp-fade-in .25s ease; }
.tmmp__overlay[hidden] { display: none; }
.tmmp__modal { width: min(100%, 430px); padding: 27px 23px; border-radius: 24px; background: #fff; text-align: center; box-shadow: 0 25px 70px rgba(0,0,0,.3); animation: tmmp-modal-in .38s cubic-bezier(.18,.9,.3,1.25); }
.tmmp__result-icon { font-size: 51px; }
.tmmp__result-title { margin: 5px 0 7px; font-size: 27px; font-weight: 950; letter-spacing: -.03em; }
.tmmp__result-text { margin: 0 0 15px; color: var(--tmmp-muted); }
.tmmp__secret { margin: 15px 0 21px; }
.tmmp__score-form { margin: 0 0 20px; padding: 14px; border: 1px solid #ded7ef; border-radius: 15px; background: #f7f4fd; text-align: left; }
.tmmp__score-form[hidden] { display: none; }
.tmmp__score-form label { display: block; margin-bottom: 7px; color: #33255d; font-size: 12px; font-weight: 900; }
.tmmp__score-fields { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
.tmmp__player-name { width: 100%; height: 43px; min-width: 0; padding: 0 12px; border: 2px solid #cfc5e6; border-radius: 10px; color: var(--tmmp-ink); background: #fff; font-size: 15px; font-weight: 750; }
.tmmp__player-name:focus { border-color: var(--tmmp-purple); outline: 3px solid rgba(113,70,232,.16); }
.tmmp__button--save { min-width: 105px; border: 0; color: #fff; background: var(--tmmp-purple); }
.tmmp__save-feedback { min-height: 17px; margin: 7px 0 0; font-size: 11px; font-weight: 800; text-align: center; }
.tmmp__save-feedback--success { color: #08783f; }
.tmmp__save-feedback--error { color: #b51d30; }
.tmmp__result-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.tmmp__modal .tmmp__restart { width: 100%; color: #392500; }
.tmmp__view-scores { color: #5131aa; border-color: #cfc5e8; background: #eee9fa; }
.tmmp__confetti { position: absolute; inset: 0; z-index: 21; overflow: hidden; pointer-events: none; }
.tmmp__confetti-piece { position: absolute; top: -20px; width: 9px; height: 17px; border-radius: 3px; animation: tmmp-confetti 2.6s linear forwards; }
.tmmp__credit { margin: 9px 0 0; color: #898498; text-align: center; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

@keyframes tmmp-row-in { from { opacity: 0; transform: translateY(-8px); } }
@keyframes tmmp-fade-in { from { opacity: 0; } }
@keyframes tmmp-menu-in { from { transform: translateX(100%); } }
@keyframes tmmp-modal-in { from { opacity: 0; transform: scale(.84) translateY(16px); } }
@keyframes tmmp-hint { 50% { transform: scale(1.12) rotate(-3deg); } }
@keyframes tmmp-confetti { to { transform: translate3d(var(--tmmp-drift), calc(100vh + 60px), 0) rotate(760deg); } }

@media (max-width: 600px) {
  .tmmp { margin: 12px auto; }
  .tmmp__shell { border-radius: 20px; }
  .tmmp__header { margin-bottom: 14px; }
  .tmmp__subtitle { display: none; }
  .tmmp__toolbar { flex-wrap: wrap; }
  .tmmp__level-label { display: none; }
  .tmmp__level { flex: 1 1 180px; }
  .tmmp__new-game { flex: 0 0 44px; width: 44px; font-size: 18px; }
  .tmmp__new-game span { display: none; }
  .tmmp__stats { flex: 1 0 100%; justify-content: stretch; margin: 0; }
  .tmmp__stats span { flex: 1; }
  .tmmp__row { grid-template-columns: 25px minmax(0, 1fr); gap: 6px; min-height: 96px; padding: 9px 7px; }
  .tmmp__row-number { align-self: center; grid-row: 1; }
  .tmmp__row-trumpets { grid-column: 2; grid-row: 1; gap: clamp(3px, 1vw, 5px); }
  .tmmp__feedback { grid-column: 2; grid-row: 2; grid-template-columns: repeat(3, 1fr); gap: 4px; width: 100%; }
  .tmmp__feedback span { padding: 4px 2px; font-size: 8px; }
  .tmmp__board { max-height: 360px; }
  .tmmp__trumpet { width: clamp(32px, 10.5vw, 48px); height: clamp(34px, 10.5vw, 48px); flex-basis: clamp(32px, 10.5vw, 48px); border-radius: 11px; }
  .tmmp__trumpet > .tmmp__trumpet-image { width: 158% !important; height: 158% !important; }
  .tmmp__status { top: -6px; left: -5px; width: 20px; height: 20px; border-width: 2px; font-size: 12px; }
  .tmmp__trumpet[data-color]::after { right: 2px; bottom: 2px; min-width: 14px; font-size: 8px; line-height: 12px; }
  .tmmp__composer { padding: 12px 9px; }
  .tmmp__current { min-height: 58px; gap: clamp(4px, 1.2vw, 6px); }
  .tmmp__palette .tmmp__trumpet { width: 50px; height: 50px; flex-basis: 50px; }
  .tmmp__actions { grid-template-columns: 1fr 1fr; }
  .tmmp__submit { grid-column: 1 / -1; grid-row: 1; }
  .tmmp__legend { gap: 4px; }
  .tmmp__legend-item { display: grid; justify-items: center; gap: 3px; padding: 6px 3px; text-align: center; }
  .tmmp__legend-item b { width: 22px; height: 22px; flex-basis: 22px; }
  .tmmp__menu-panel { padding: 19px; }
  .tmmp__leaderboard { padding: 13px 10px; }
  .tmmp__leaderboard-header { align-items: stretch; flex-direction: column; }
  .tmmp__leaderboard-filter { width: 100%; }
  .tmmp__score-fields { grid-template-columns: 1fr; }
  .tmmp__button--save { width: 100%; }
  .tmmp__result-actions { grid-template-columns: 1fr; }
}

@media (max-width: 380px) {
  .tmmp__title { font-size: 23px; }
  .tmmp__icon-button { width: 39px; height: 39px; }
  .tmmp__palette .tmmp__trumpet { width: 45px; height: 45px; flex-basis: 45px; }
}

@media (prefers-reduced-motion: reduce) {
  .tmmp *, .tmmp *::before, .tmmp *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}