{"product_id":"hints-and-tints-creative-color-clue-party-board-game-fast-paced-family-group-game","title":"🎨Hints and Tints | Creative Color Clue Party Board Game, Fast-Paced Family \u0026 Group Game","description":"\u003cstyle\u003e\n\/* =========================================================\n   HINTS \u0026 TINTS — COLOR CLUE PARTY GAME\n   Ultimate V5.2 Premium Gradient Card Edition\n\n   BACKGROUND RULE:\n   - Product-color driven\n   - Black packaging + full-spectrum color wheel\n   - Left\/right background always identical\n   - Vertical gradients only\n   - Outer wrapper transparent\n   - Single column desktop + mobile\n\n   Prefix: htt-\n   ========================================================= *\/\n\n.htt-page,\n.htt-page *{\n  box-sizing:border-box;\n}\n\n.htt-page{\n  --htt-black:#111315;\n  --htt-black2:#1a1d20;\n  --htt-graphite:#252a2e;\n  --htt-steel:#30363a;\n\n  --htt-cyan:#24b4c9;\n  --htt-blue:#2580d4;\n  --htt-purple:#754ba2;\n  --htt-pink:#d94787;\n  --htt-red:#dd423e;\n  --htt-orange:#ed8128;\n  --htt-yellow:#e7c52a;\n  --htt-green:#51a44e;\n\n  --htt-white:#f8fafb;\n  --htt-muted:#c7ced2;\n  --htt-line:rgba(255,255,255,.10);\n\n  width:100%;\n  max-width:100%;\n  overflow:hidden;\n  container-type:inline-size;\n\n  background:transparent !important;\n\n  color:#fff;\n  line-height:1.68;\n}\n\n.htt-page img{\n  display:block;\n  width:100%;\n  max-width:100%;\n  height:auto;\n}\n\n.htt-page h1,\n.htt-page h2,\n.htt-page h3,\n.htt-page p{\n  margin:0;\n}\n\n.htt-page a{\n  color:inherit;\n}\n\n.htt-shell{\n  width:min(920px,100%);\n  margin:0 auto;\n  padding:8px;\n  background:transparent !important;\n}\n\n\n\/* =========================================================\n   UNIFIED PRODUCT-COLOR BACKGROUNDS\n   Vertical gradients only\n   ========================================================= *\/\n\n.htt-section{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n\n  width:100%;\n  margin-bottom:10px;\n\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:23px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #25292c 0%,\n      #1b1e21 50%,\n      #131517 100%\n    );\n\n  box-shadow:\n    0 16px 42px rgba(0,0,0,.18);\n}\n\n.htt-section--blue{\n  background:\n    linear-gradient(\n      180deg,\n      #203846 0%,\n      #192b35 50%,\n      #131d23 100%\n    );\n}\n\n.htt-section--purple{\n  background:\n    linear-gradient(\n      180deg,\n      #332943 0%,\n      #272132 50%,\n      #19171f 100%\n    );\n}\n\n.htt-section--pink{\n  background:\n    linear-gradient(\n      180deg,\n      #402735 0%,\n      #302029 50%,\n      #1c171a 100%\n    );\n}\n\n.htt-section--green{\n  background:\n    linear-gradient(\n      180deg,\n      #24372a 0%,\n      #1d2b22 50%,\n      #151d18 100%\n    );\n}\n\n.htt-section--orange{\n  background:\n    linear-gradient(\n      180deg,\n      #3e3024 0%,\n      #2f271f 50%,\n      #1b1815 100%\n    );\n}\n\n.htt-inner{\n  padding:29px 15px;\n}\n\n\n\/* =========================================================\n   SPECTRUM LINE\n   ========================================================= *\/\n\n.htt-spectrum{\n  width:100%;\n  height:4px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #22a8bd 0%,\n      #2784d5 14%,\n      #744aa1 29%,\n      #d74787 43%,\n      #dc413d 57%,\n      #ed8128 71%,\n      #e3c428 84%,\n      #50a24c 100%\n    );\n}\n\n\n\/* =========================================================\n   KICKER — STATIC\n   ========================================================= *\/\n\n.htt-kicker{\n  display:flex;\n  align-items:center;\n  gap:8px;\n\n  width:100%;\n  margin-bottom:13px;\n\n  color:#d3dadd;\n\n  font-size:10.5px;\n  line-height:1.3;\n  font-weight:850;\n  letter-spacing:.07em;\n  text-transform:uppercase;\n}\n\n.htt-kicker-pill{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n\n  max-width:88%;\n  padding:7px 10px;\n\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.055);\n}\n\n.htt-kicker-dot{\n  width:7px;\n  height:7px;\n  flex:0 0 7px;\n\n  border-radius:50%;\n\n  background:var(--htt-cyan);\n\n  box-shadow:\n    0 0 0 4px rgba(36,180,201,.10);\n}\n\n.htt-kicker-line{\n  height:1px;\n  min-width:20px;\n  flex:1;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.22),\n      transparent\n    );\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n   ========================================================= *\/\n\n.htt-title{\n  max-width:820px;\n\n  color:#fff;\n\n  font-size:clamp(25px,7vw,42px);\n  line-height:1.045;\n  letter-spacing:-.039em;\n  font-weight:900;\n}\n\n.htt-copy{\n  max-width:760px;\n\n  margin-top:14px !important;\n\n  color:#c7ced2;\n\n  font-size:15px;\n  line-height:1.72;\n  font-weight:620;\n}\n\n\n\/* =========================================================\n   BIG TITLE SHIMMER ONLY\n   ========================================================= *\/\n\n.htt-gradient{\n  color:#fff;\n}\n\n@supports ((-webkit-background-clip:text) or (background-clip:text)){\n\n  .htt-gradient{\n    background:\n      linear-gradient(\n        103deg,\n        #ffffff 0%,\n        #5ed4e5 14%,\n        #75a7ed 27%,\n        #b18add 40%,\n        #f18fbd 52%,\n        #ff9582 64%,\n        #ffd161 76%,\n        #aadd75 88%,\n        #ffffff 100%\n      );\n\n    background-size:240% auto;\n\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n    color:transparent;\n\n    animation:htt-shimmer 3.4s ease-in-out infinite;\n  }\n}\n\n@keyframes htt-shimmer{\n  0%{background-position:0% center;}\n  50%{background-position:100% center;}\n  100%{background-position:0% center;}\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.htt-hero{\n  border-color:rgba(73,184,213,.16);\n\n  background:\n    linear-gradient(\n      180deg,\n      #292d30 0%,\n      #1d2023 47%,\n      #121416 100%\n    );\n}\n\n.htt-hero-title{\n  max-width:820px;\n\n  color:#fff;\n\n  font-size:clamp(28px,7.2vw,43px);\n  line-height:1.025;\n  letter-spacing:-.043em;\n  font-weight:900;\n}\n\n.htt-hero-title span{\n  display:block;\n  margin-top:3px;\n}\n\n@supports ((-webkit-background-clip:text) or (background-clip:text)){\n\n  .htt-hero-title span{\n    background:\n      linear-gradient(\n        103deg,\n        #ffffff 0%,\n        #61d6e7 14%,\n        #70a5ee 27%,\n        #aa83dd 40%,\n        #ef89ba 53%,\n        #ff937d 65%,\n        #ffd05f 77%,\n        #9bd86e 89%,\n        #ffffff 100%\n      );\n\n    background-size:240% auto;\n\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n    color:transparent;\n\n    animation:htt-shimmer 3.4s ease-in-out infinite;\n  }\n}\n\n.htt-hero-copy{\n  max-width:760px;\n\n  margin-top:15px !important;\n\n  color:#cad1d4;\n\n  font-size:15px;\n  line-height:1.72;\n  font-weight:620;\n}\n\n\n\/* =========================================================\n   TAGS\n   ========================================================= *\/\n\n.htt-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n\n  margin-top:17px;\n}\n\n.htt-tag{\n  display:inline-flex;\n  align-items:center;\n\n  min-height:34px;\n  padding:7px 10px;\n\n  border:1px solid rgba(255,255,255,.11);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.055);\n\n  color:#f0f3f4;\n\n  font-size:11px;\n  line-height:1.3;\n  font-weight:800;\n}\n\n\n\/* =========================================================\n   MEDIA\n   ========================================================= *\/\n\n.htt-media{\n  position:relative;\n  overflow:hidden;\n\n  width:100%;\n  margin-top:21px;\n\n  border-radius:19px;\n\n  background:#101214;\n\n  box-shadow:\n    0 18px 40px rgba(0,0,0,.28);\n}\n\n.htt-media img{\n  width:100%;\n  aspect-ratio:1\/1;\n  object-fit:cover;\n\n  transition:transform .45s ease;\n}\n\n.htt-hero-media::after{\n  content:\"3–6 PLAYERS · AGES 8+ · ABOUT 30 MIN\";\n\n  position:absolute;\n  right:10px;\n  bottom:10px;\n\n  padding:7px 10px;\n\n  border:1px solid rgba(255,255,255,.17);\n  border-radius:999px;\n\n  background:rgba(15,17,19,.91);\n\n  color:#fff;\n\n  font-size:10px;\n  line-height:1.2;\n  font-weight:850;\n  letter-spacing:.05em;\n\n  backdrop-filter:blur(7px);\n}\n\n\n\/* =========================================================\n   MARQUEE\n   ========================================================= *\/\n\n.htt-marquee{\n  overflow:hidden;\n\n  width:100%;\n  margin-bottom:10px;\n\n  border:1px solid rgba(255,255,255,.11);\n  border-radius:17px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #323639 0%,\n      #202326 100%\n    );\n\n  box-shadow:\n    0 10px 27px rgba(0,0,0,.20);\n}\n\n.htt-marquee-track{\n  display:flex;\n  width:max-content;\n\n  animation:htt-scroll 27s linear infinite;\n}\n\n.htt-marquee-group{\n  display:flex;\n  align-items:center;\n  white-space:nowrap;\n}\n\n.htt-marquee-item{\n  display:flex;\n  align-items:center;\n  gap:11px;\n\n  padding:13px 16px;\n\n  color:#fff;\n\n  font-size:10.5px;\n  line-height:1;\n  font-weight:850;\n  letter-spacing:.075em;\n  text-transform:uppercase;\n}\n\n.htt-marquee-item::after{\n  content:\"◆\";\n\n  color:#5ad0e0;\n  font-size:5px;\n}\n\n@keyframes htt-scroll{\n  from{transform:translateX(0);}\n  to{transform:translateX(-50%);}\n}\n\n\n\/* =========================================================\n   CARDS\n   ========================================================= *\/\n\n.htt-stack{\n  display:flex;\n  flex-direction:column;\n  gap:9px;\n\n  width:100%;\n  margin-top:21px;\n}\n\n.htt-card{\n  width:100%;\n  padding:17px;\n\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:16px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.075) 0%,\n      rgba(255,255,255,.04) 100%\n    );\n\n  box-shadow:\n    0 9px 22px rgba(0,0,0,.10);\n\n  transition:\n    transform .24s ease,\n    border-color .24s ease,\n    background .24s ease,\n    box-shadow .24s ease;\n}\n\n.htt-card:active{\n  transform:scale(.985);\n}\n\n.htt-card-head{\n  display:flex;\n  align-items:center;\n  gap:11px;\n}\n\n.htt-icon{\n  display:grid;\n  place-items:center;\n\n  width:40px;\n  height:40px;\n  flex:0 0 40px;\n\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:12px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #3c4650 0%,\n      #262c32 100%\n    );\n\n  color:#fff;\n\n  font-size:18px;\n}\n\n.htt-card h3{\n  color:#fff;\n\n  font-size:16px;\n  line-height:1.35;\n  font-weight:850;\n}\n\n.htt-card p{\n  margin-top:8px;\n\n  color:#c6cdd1;\n\n  font-size:14.5px;\n  line-height:1.64;\n  font-weight:620;\n}\n\n\n\/* =========================================================\n   STEPS\n   ========================================================= *\/\n\n.htt-step{\n  display:grid;\n  place-items:center;\n\n  width:39px;\n  height:39px;\n  flex:0 0 39px;\n\n  border-radius:12px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #7b59ba 0%,\n      #c34786 100%\n    );\n\n  color:#fff;\n\n  font-size:11px;\n  line-height:1;\n  font-weight:900;\n\n  box-shadow:\n    0 8px 18px rgba(0,0,0,.18);\n}\n\n\n\/* =========================================================\n   STORY\n   ========================================================= *\/\n\n.htt-story{\n  margin-top:21px;\n\n  padding:23px 17px;\n\n  border:1px solid rgba(255,255,255,.11);\n  border-radius:18px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.075) 0%,\n      rgba(255,255,255,.035) 100%\n    );\n}\n\n.htt-story-mark{\n  display:block;\n\n  color:#f26bae;\n\n  font-size:27px;\n  line-height:1;\n  font-weight:900;\n}\n\n.htt-story strong{\n  display:block;\n\n  max-width:680px;\n\n  margin-top:8px;\n\n  color:#fff;\n\n  font-size:18px;\n  line-height:1.3;\n  font-weight:880;\n  letter-spacing:-.025em;\n}\n\n.htt-story p{\n  max-width:680px;\n\n  margin-top:9px;\n\n  color:#c7ced2;\n\n  font-size:14.5px;\n  line-height:1.65;\n  font-weight:620;\n}\n\n\n\/* =========================================================\n   HIGHLIGHT\n   ========================================================= *\/\n\n.htt-highlight{\n  display:inline-flex;\n  align-items:center;\n\n  margin-bottom:10px;\n  padding:6px 9px;\n\n  border:1px solid rgba(255,255,255,.09);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.06);\n\n  color:#eef2f4;\n\n  font-size:10.5px;\n  line-height:1.2;\n  font-weight:850;\n  letter-spacing:.04em;\n}\n\n\n\/* =========================================================\n   STATS\n   ========================================================= *\/\n\n.htt-stats{\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n\n  margin-top:21px;\n}\n\n.htt-stat{\n  display:flex;\n  align-items:center;\n  gap:12px;\n\n  padding:15px;\n\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:15px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.075) 0%,\n      rgba(255,255,255,.04) 100%\n    );\n}\n\n.htt-stat-icon{\n  display:grid;\n  place-items:center;\n\n  width:48px;\n  height:48px;\n  flex:0 0 48px;\n\n  border-radius:14px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #277fb3 0%,\n      #6f4c9d 100%\n    );\n\n  color:#fff;\n\n  font-size:17px;\n  font-weight:900;\n}\n\n.htt-stat strong{\n  display:block;\n\n  color:#fff;\n\n  font-size:15.5px;\n  line-height:1.3;\n  font-weight:850;\n}\n\n.htt-stat span{\n  display:block;\n\n  margin-top:3px;\n\n  color:#c5cdd1;\n\n  font-size:13.5px;\n  line-height:1.5;\n  font-weight:620;\n}\n\n\n\/* =========================================================\n   SPECS\n   ========================================================= *\/\n\n.htt-spec{\n  overflow:hidden;\n\n  width:100%;\n  margin-top:21px;\n\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:17px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.075) 0%,\n      rgba(255,255,255,.035) 100%\n    );\n}\n\n.htt-spec-row{\n  display:flex;\n  flex-direction:column;\n  gap:4px;\n\n  width:100%;\n  padding:14px;\n\n  border-bottom:1px solid rgba(255,255,255,.08);\n}\n\n.htt-spec-row:last-child{\n  border-bottom:none;\n}\n\n.htt-spec-key{\n  color:#9da8ad;\n\n  font-size:11.5px;\n  line-height:1.35;\n  font-weight:850;\n  letter-spacing:.055em;\n  text-transform:uppercase;\n}\n\n.htt-spec-value{\n  color:#f3f6f7;\n\n  font-size:14.5px;\n  line-height:1.55;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.htt-faq{\n  display:flex;\n  flex-direction:column;\n  gap:8px;\n\n  margin-top:21px;\n}\n\n.htt-faq details{\n  overflow:hidden;\n\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:14px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.075) 0%,\n      rgba(255,255,255,.035) 100%\n    );\n}\n\n.htt-faq summary{\n  position:relative;\n\n  padding:15px 43px 15px 14px;\n\n  list-style:none;\n  cursor:pointer;\n\n  color:#f4f7f8;\n\n  font-size:14.5px;\n  line-height:1.45;\n  font-weight:830;\n}\n\n.htt-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n.htt-faq summary::after{\n  content:\"+\";\n\n  position:absolute;\n  right:13px;\n  top:50%;\n\n  display:grid;\n  place-items:center;\n\n  width:25px;\n  height:25px;\n\n  transform:translateY(-50%);\n\n  border-radius:8px;\n\n  background:#353b40;\n\n  color:#73d7e5;\n\n  font-size:15px;\n  font-weight:750;\n\n  transition:transform .2s ease;\n}\n\n.htt-faq details[open] summary::after{\n  transform:\n    translateY(-50%)\n    rotate(45deg);\n}\n\n.htt-answer{\n  padding:0 14px 16px;\n\n  color:#c5cdd1;\n\n  font-size:13.5px;\n  line-height:1.65;\n  font-weight:620;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.htt-cta{\n  border-color:rgba(102,191,216,.17);\n\n  background:\n    linear-gradient(\n      180deg,\n      #34383b 0%,\n      #232629 47%,\n      #151719 100%\n    );\n\n  box-shadow:\n    0 18px 48px rgba(0,0,0,.30);\n}\n\n.htt-cta-title{\n  max-width:810px;\n\n  color:#fff;\n\n  font-size:clamp(28px,7.6vw,47px);\n  line-height:1.015;\n  letter-spacing:-.043em;\n  font-weight:900;\n}\n\n@supports ((-webkit-background-clip:text) or (background-clip:text)){\n\n  .htt-cta-title{\n    background:\n      linear-gradient(\n        103deg,\n        #ffffff 0%,\n        #6bd6e5 15%,\n        #81aaf0 28%,\n        #b78ee0 42%,\n        #f292be 55%,\n        #ff967f 68%,\n        #ffd263 81%,\n        #aadd77 92%,\n        #ffffff 100%\n      );\n\n    background-size:240% auto;\n\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n    color:transparent;\n\n    animation:htt-shimmer 3.4s ease-in-out infinite;\n  }\n}\n\n.htt-cta-copy{\n  max-width:760px;\n\n  margin-top:14px !important;\n\n  color:#d5dadd;\n\n  font-size:15px;\n  line-height:1.72;\n  font-weight:620;\n}\n\n.htt-button{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:100%;\n  min-height:52px;\n\n  margin-top:21px;\n  padding:13px 18px;\n\n  border:1px solid rgba(255,255,255,.17);\n  border-radius:13px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #29aac0 0%,\n      #347fca 18%,\n      #7751a4 36%,\n      #d84c86 53%,\n      #e15340 68%,\n      #e9992b 83%,\n      #68a94d 100%\n    );\n\n  color:#fff !important;\n\n  text-decoration:none;\n\n  font-size:12.5px;\n  line-height:1.2;\n  font-weight:900;\n  letter-spacing:.04em;\n  text-transform:uppercase;\n\n  box-shadow:\n    0 13px 28px rgba(0,0,0,.30),\n    inset 0 1px 0 rgba(255,255,255,.24);\n\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease;\n}\n\n.htt-button:active{\n  transform:scale(.985);\n}\n\n.htt-cta-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n\n  margin-top:17px;\n}\n\n.htt-cta-tag{\n  padding:7px 9px;\n\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.055);\n\n  color:#fff;\n\n  font-size:10.5px;\n  line-height:1.25;\n  font-weight:780;\n}\n\n\n\/* =========================================================\n   DESKTOP — SINGLE COLUMN\n   ========================================================= *\/\n\n@container (min-width:640px){\n\n  .htt-shell{\n    padding:17px;\n  }\n\n  .htt-section,\n  .htt-marquee{\n    margin-bottom:17px;\n  }\n\n  .htt-section{\n    border-radius:28px;\n  }\n\n  .htt-inner{\n    padding:48px 38px;\n  }\n\n  .htt-media{\n    margin-top:28px;\n    border-radius:22px;\n  }\n\n  .htt-card{\n    padding:19px;\n  }\n\n  .htt-card h3{\n    font-size:17px;\n  }\n\n  .htt-card p,\n  .htt-story p,\n  .htt-spec-value,\n  .htt-faq summary{\n    font-size:15px;\n  }\n\n  .htt-answer{\n    font-size:14px;\n  }\n\n  .htt-spec-row{\n    padding:15px 18px;\n  }\n\n  .htt-button{\n    max-width:430px;\n  }\n}\n\n@container (min-width:820px){\n\n  .htt-inner{\n    padding:56px 52px;\n  }\n\n  .htt-copy,\n  .htt-hero-copy{\n    font-size:16px;\n  }\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n\n@media (hover:hover) and (pointer:fine){\n\n  .htt-card:hover{\n    transform:translateY(-4px) scale(1.003);\n\n    border-color:rgba(108,205,227,.23);\n\n    background:\n      linear-gradient(\n        180deg,\n        rgba(255,255,255,.105) 0%,\n        rgba(255,255,255,.06) 100%\n      );\n\n    box-shadow:\n      0 14px 32px rgba(0,0,0,.18);\n  }\n\n  .htt-media:hover img{\n    transform:scale(1.04);\n  }\n\n  .htt-marquee:hover .htt-marquee-track{\n    animation-play-state:paused;\n  }\n\n  .htt-button:hover{\n    transform:translateY(-2px);\n\n    box-shadow:\n      0 17px 34px rgba(0,0,0,.34),\n      inset 0 1px 0 rgba(255,255,255,.30);\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:430px){\n\n  .htt-shell{\n    padding:8px;\n  }\n\n  .htt-section{\n    margin-bottom:9px;\n    border-radius:21px;\n  }\n\n  .htt-marquee{\n    margin-bottom:9px;\n  }\n\n  .htt-inner{\n    padding:27px 14px;\n  }\n\n  .htt-hero-title{\n    font-size:clamp(28px,8.1vw,35px);\n    line-height:1.03;\n  }\n\n  .htt-title{\n    font-size:clamp(24px,7vw,33px);\n  }\n\n  .htt-cta-title{\n    font-size:clamp(27px,7.7vw,34px);\n  }\n\n  .htt-kicker{\n    font-size:10px;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .htt-marquee-track,\n  .htt-gradient,\n  .htt-hero-title span,\n  .htt-cta-title{\n    animation:none !important;\n  }\n\n  .htt-card,\n  .htt-button,\n  .htt-media img{\n    transition:none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"htt-page\"\u003e\n\u003cdiv class=\"htt-shell\"\u003e\n\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"htt-section htt-hero\"\u003e\n\n\u003cdiv class=\"htt-spectrum\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Hints \u0026amp; Tints Color Clue Party Game\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch1 class=\"htt-hero-title\"\u003e\n    YOU HEARD\n    THE SAME CLUE.\n    \u003cspan\u003eSO WHY DID EVERYONE PICK A DIFFERENT COLOR?\u003c\/span\u003e\n  \u003c\/h1\u003e\n\n  \u003cp class=\"htt-hero-copy\"\u003e\n    Draw a secret shade,\n    use the category prompt to describe it,\n    then watch everyone around the table\n    confidently imagine something completely different.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-tags\"\u003e\n    \u003cspan class=\"htt-tag\"\u003e🌈 Color Clue Challenge\u003c\/span\u003e\n    \u003cspan class=\"htt-tag\"\u003e👥 3–6 Players\u003c\/span\u003e\n    \u003cspan class=\"htt-tag\"\u003e⚡ Fast-Paced Game Night\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"htt-media htt-hero-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/7178c835d0231a9eb41463d8b1c6173bf9f7159c.jpg?v=1792743901\u0026amp;width=1445\" alt=\"Hints and Tints colorful circular party game with cards and pawns\" loading=\"eager\"\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- MARQUEE --\u003e\n\u003cdiv class=\"htt-marquee\"\u003e\n\u003cdiv class=\"htt-marquee-track\"\u003e\n\n  \u003cdiv class=\"htt-marquee-group\"\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003e3–6 Players\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eAges 8+\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eAbout 30 Minutes\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eCategory Clues\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eCircular Color Board\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eFast Social Play\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"htt-marquee-group\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003e3–6 Players\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eAges 8+\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eAbout 30 Minutes\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eCategory Clues\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eCircular Color Board\u003c\/div\u003e\n    \u003cdiv class=\"htt-marquee-item\"\u003eFast Social Play\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- PAIN --\u003e\n\u003csection class=\"htt-section htt-section--pink\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Game Night Without Another Trivia Test\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    NO EXPERT KNOWLEDGE.\n    NO GIANT RULEBOOK.\n    JUST PEOPLE WHO THINK DIFFERENTLY.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"htt-copy\"\u003e\n    You don't need obscure facts\n    or hours of strategy experience.\n    If you can hear a clue\n    and picture a color in your head,\n    you're already playing.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/a1740df01bb5c41cbab7dc4f7cdc8d072d5e0702.jpg?v=1792743902\u0026amp;width=1445\" alt=\"Friends laughing during Hints and Tints color clue party game\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"htt-story\"\u003e\n\n    \u003cspan class=\"htt-story-mark\"\u003e😂\u003c\/span\u003e\n\n    \u003cstrong\u003e\n      The clue sounded obvious\n      until everybody guessed a different shade.\n    \u003c\/strong\u003e\n\n    \u003cp\u003e\n      That's where the fun begins:\n      the same words can trigger completely different\n      memories, objects and colors\n      for every person around the table.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- HOW TO PLAY --\u003e\n\u003csection class=\"htt-section htt-section--blue\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Easy To Learn · Fun To Replay\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    DRAW A COLOR.\n    GIVE A CLUE.\n    GUESS CLOSER.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"htt-copy\"\u003e\n    A simple round structure\n    gets new players into the game quickly\n    without slowing the evening down\n    with complicated setup.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/c90c599a717f93108ba6bbc5d9ec2f43f8e20d29.jpg?v=1792743901\u0026amp;width=1445\" alt=\"Hints and Tints easy three step gameplay instructions\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"htt-stack\"\u003e\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-step\"\u003e01\u003c\/span\u003e\n        \u003ch3\u003eDraw A Color\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Your card reveals\n        the secret target shade\n        the other players need to find.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-step\"\u003e02\u003c\/span\u003e\n        \u003ch3\u003eGive A Category Clue\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Use the prompt\n        to describe something that connects\n        with your target color.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-step\"\u003e03\u003c\/span\u003e\n        \u003ch3\u003ePlace The Guesses\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Everyone chooses\n        where they think your clue belongs\n        on the circular color spectrum.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-step\"\u003e04\u003c\/span\u003e\n        \u003ch3\u003eReveal \u0026amp; Score\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        The closer the guesses land\n        to your target shade,\n        the better the score.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- PROMPTS --\u003e\n\u003csection class=\"htt-section htt-section--purple\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Small Prompts · Big Ideas\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    YOU'RE NOT STUCK\n    WITH A ONE-WORD CLUE.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"htt-copy\"\u003e\n    Category-driven prompts\n    give every round a direction,\n    while leaving enough freedom\n    for clever, personal and ridiculous associations.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/e68e60d2597bb3027987bccfb2aac496d5d3179d.jpg?v=1792743901\u0026amp;width=1445\" alt=\"Hints and Tints category prompt cards\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"htt-stack\"\u003e\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-icon\"\u003e🍭\u003c\/span\u003e\n        \u003ch3\u003eUse Everyday Associations\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Foods, places,\n        objects and experiences\n        can all become bridges to the target color.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-icon\"\u003e💭\u003c\/span\u003e\n        \u003ch3\u003eThink Beyond The Obvious\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Sometimes the clue\n        that makes perfect sense to you\n        sends everyone else somewhere completely different.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-icon\"\u003e💬\u003c\/span\u003e\n        \u003ch3\u003eThen Explain Yourself\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        The reveal often starts\n        the funniest part of the round:\n        defending why your clue made sense.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- SCORING --\u003e\n\u003csection class=\"htt-section htt-section--pink\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Every Shade Counts\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    YOU DON'T NEED\n    THE EXACT COLOR.\n    JUST GET CLOSER.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"htt-copy\"\u003e\n    Smart interpretation still matters\n    even when your pawn doesn't land\n    directly on the target shade.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/240889502071930699ae5dabaca3bb70832bd82a.jpg?v=1792743901\u0026amp;width=1445\" alt=\"Hints and Tints circular color wheel with colored player pawns\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"htt-story\"\u003e\n\n    \u003cspan class=\"htt-story-mark\"\u003e◎\u003c\/span\u003e\n\n    \u003cstrong\u003e\n      Close enough to score.\n      Far enough to argue about it.\n    \u003c\/strong\u003e\n\n    \u003cp\u003e\n      The circular board shows\n      exactly how differently everyone interpreted the clue,\n      making the reveal almost as entertaining\n      as the guessing itself.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- COMPONENTS --\u003e\n\u003csection class=\"htt-section htt-section--green\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      A Colorful Setup\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    EVERYTHING ON THE TABLE\n    MAKES THE GAME\n    EASY TO READ.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"htt-copy\"\u003e\n    The round spectrum,\n    color cards, category prompts\n    and colorful pawns create\n    an instantly recognizable visual setup.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/8315b1c4d961dcf62169dbe468bd1cdc4f1a2011.jpg?v=1792743901\u0026amp;width=1445\" alt=\"Hints and Tints complete setup with circular board prompt cards color cards and player pawns\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"htt-stack\"\u003e\n\n    \u003carticle class=\"htt-card\"\u003e\n\n      \u003cspan class=\"htt-highlight\"\u003e\n        ⭕ CIRCULAR BOARD\n      \u003c\/span\u003e\n\n      \u003ch3\u003eThe Spectrum At The Center\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Color shades wrap\n        around the round playing surface\n        where the guesses are placed.\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n\n      \u003cspan class=\"htt-highlight\"\u003e\n        🎨 COLOR CARDS\n      \u003c\/span\u003e\n\n      \u003ch3\u003eReveal The Secret Shade\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Each clue giver\n        starts with a target color\n        the group needs to locate.\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n\n      \u003cspan class=\"htt-highlight\"\u003e\n        💬 PROMPT CARDS\n      \u003c\/span\u003e\n\n      \u003ch3\u003eGive The Clue Direction\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Category prompts\n        help spark the association\n        that drives each round.\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n\n      \u003cspan class=\"htt-highlight\"\u003e\n        🔺 PLAYER PAWNS\n      \u003c\/span\u003e\n\n      \u003ch3\u003eSee Every Guess At Once\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Colored pawns make it easy\n        to compare everyone's interpretation\n        when the target is revealed.\n      \u003c\/p\u003e\n\n    \u003c\/article\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- SOCIAL --\u003e\n\u003csection class=\"htt-section htt-section--orange\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      The Game Is Really About The People\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    DISCOVER HOW\n    YOUR FRIENDS\n    ACTUALLY THINK.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"htt-copy\"\u003e\n    Color is just the trigger.\n    The real fun is finding out\n    what “summer,” “sweet,” “cozy”\n    or “dangerous” looks like\n    inside someone else's head.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/a1740df01bb5c41cbab7dc4f7cdc8d072d5e0702.jpg?v=1792743902\u0026amp;width=1445\" alt=\"Group of friends laughing while playing Hints and Tints\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"htt-stats\"\u003e\n\n    \u003cdiv class=\"htt-stat\"\u003e\n      \u003cspan class=\"htt-stat-icon\"\u003e👥\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003e3–6 Players\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Enough personalities around the table\n          to make every clue unpredictable.\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"htt-stat\"\u003e\n      \u003cspan class=\"htt-stat-icon\"\u003e8+\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003eAges 8+\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Visual, approachable gameplay\n          makes it easy to mix generations.\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"htt-stat\"\u003e\n      \u003cspan class=\"htt-stat-icon\"\u003e30\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003eAbout 30 Minutes\u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Easy to fit between dinner,\n          drinks or another game.\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- TRAVEL --\u003e\n\u003csection class=\"htt-section htt-section--blue\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Bring The Colorful Fun\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    GAME NIGHTS.\n    GETAWAYS.\n    GATHERINGS.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"htt-copy\"\u003e\n    The compact circular-board format\n    makes the color challenge easier\n    to bring to weekends away,\n    holidays and spontaneous group nights.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/fcfc2ff5a57322db0f930c68925b30aced46e9de.jpg?v=1792743901\u0026amp;width=1445\" alt=\"Hints and Tints game set outdoors for trips and gatherings\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"htt-stack\"\u003e\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-icon\"\u003e🏡\u003c\/span\u003e\n        \u003ch3\u003eFamily Game Night\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Straightforward visual gameplay\n        makes it easy to bring\n        different ages around one table.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-icon\"\u003e🎉\u003c\/span\u003e\n        \u003ch3\u003eParties \u0026amp; Get-Togethers\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Quick rounds\n        keep conversation moving\n        instead of leaving players waiting.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n\n    \u003carticle class=\"htt-card\"\u003e\n      \u003cdiv class=\"htt-card-head\"\u003e\n        \u003cspan class=\"htt-icon\"\u003e🧳\u003c\/span\u003e\n        \u003ch3\u003eTrips \u0026amp; Weekends Away\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003e\n        Bring a social game\n        that doesn't require\n        an entire evening to finish.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- BOX \/ PRODUCT LOOK --\u003e\n\u003csection class=\"htt-section htt-section--purple\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Color From The Box To The Board\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    THE GAME LOOKS\n    LIKE A COLOR WHEEL\n    CAME TO GAME NIGHT.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"htt-copy\"\u003e\n    A black package\n    lets the spectrum artwork explode outward,\n    giving the product\n    the same bold color-first personality\n    as the game inside.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/00c79597d02a685a475610e26ab6d2c839215303.jpg?v=1792743901\u0026amp;width=1445\" alt=\"Hints and Tints colorful black retail game box\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- DETAILS --\u003e\n\u003csection class=\"htt-section htt-section--green\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Game Details\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    HINTS \u0026amp; TINTS\n    AT A GLANCE.\n  \u003c\/h2\u003e\n\n  \u003cdiv class=\"htt-spec\"\u003e\n\n    \u003cdiv class=\"htt-spec-row\"\u003e\n      \u003cdiv class=\"htt-spec-key\"\u003eGame Type\u003c\/div\u003e\n\n      \u003cdiv class=\"htt-spec-value\"\u003e\n        Creative Color-Clue Party Game\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"htt-spec-row\"\u003e\n      \u003cdiv class=\"htt-spec-key\"\u003ePlayers\u003c\/div\u003e\n\n      \u003cdiv class=\"htt-spec-value\"\u003e\n        3–6 Players\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"htt-spec-row\"\u003e\n      \u003cdiv class=\"htt-spec-key\"\u003eRecommended Age\u003c\/div\u003e\n\n      \u003cdiv class=\"htt-spec-value\"\u003e\n        Ages 8+\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"htt-spec-row\"\u003e\n      \u003cdiv class=\"htt-spec-key\"\u003eTypical Play Time\u003c\/div\u003e\n\n      \u003cdiv class=\"htt-spec-value\"\u003e\n        About 30 Minutes\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"htt-spec-row\"\u003e\n      \u003cdiv class=\"htt-spec-key\"\u003eCore Gameplay\u003c\/div\u003e\n\n      \u003cdiv class=\"htt-spec-value\"\u003e\n        Draw A Color · Give A Category Clue · Guess The Shade · Score By Proximity\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"htt-spec-row\"\u003e\n      \u003cdiv class=\"htt-spec-key\"\u003eBoard Style\u003c\/div\u003e\n\n      \u003cdiv class=\"htt-spec-value\"\u003e\n        Compact Circular Color Board\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"htt-spec-row\"\u003e\n      \u003cdiv class=\"htt-spec-key\"\u003ePlay Style\u003c\/div\u003e\n\n      \u003cdiv class=\"htt-spec-value\"\u003e\n        Social · Creative · Competitive\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"htt-spec-row\"\u003e\n      \u003cdiv class=\"htt-spec-key\"\u003eGreat For\u003c\/div\u003e\n\n      \u003cdiv class=\"htt-spec-value\"\u003e\n        Family Game Night · Parties · Travel · Gatherings\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- FAQ --\u003e\n\u003csection class=\"htt-section htt-section--pink\"\u003e\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Quick Answers\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-title htt-gradient\"\u003e\n    BEFORE SOMEONE SAYS\n    “THAT IS DEFINITELY TEAL.”\n  \u003c\/h2\u003e\n\n  \u003cdiv class=\"htt-faq\"\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        How many people can play?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"htt-answer\"\u003e\n        Hints \u0026amp; Tints is designed\n        for 3 to 6 players.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        What age is it recommended for?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"htt-answer\"\u003e\n        The recommended age\n        is 8 years and up.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        How long does a game take?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"htt-answer\"\u003e\n        A typical game takes\n        around 30 minutes.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        How does a round work?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"htt-answer\"\u003e\n        Draw a target color,\n        give a clue using the category prompt,\n        then let the other players place their guesses\n        on the circular color board.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        How do players score?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"htt-answer\"\u003e\n        Guesses earn points\n        based on how close they land\n        to the target shade.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        Are clues limited to one word?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"htt-answer\"\u003e\n        No. Category-driven prompts\n        give the clue giver more flexibility\n        in how the target shade is described.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n      \u003csummary\u003e\n        Is it easy for new players to learn?\n      \u003c\/summary\u003e\n\n      \u003cdiv class=\"htt-answer\"\u003e\n        Yes. The main loop is simple:\n        reveal a color,\n        give a clue,\n        place guesses\n        and compare the results.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- CTA --\u003e\n\u003csection class=\"htt-section htt-cta\"\u003e\n\n\u003cdiv class=\"htt-spectrum\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"htt-inner\"\u003e\n\n  \u003cdiv class=\"htt-kicker\"\u003e\n    \u003cspan class=\"htt-kicker-pill\"\u003e\n      \u003cspan class=\"htt-kicker-dot\"\u003e\u003c\/span\u003e\n      Hint It · Guess It · Defend Your Choice\n    \u003c\/span\u003e\n    \u003cspan class=\"htt-kicker-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003ch2 class=\"htt-cta-title\"\u003e\n    FIND OUT\n    JUST HOW DIFFERENTLY\n    YOUR FRIENDS SEE THE WORLD.\n  \u003c\/h2\u003e\n\n  \u003cp class=\"htt-cta-copy\"\u003e\n    Draw a color.\n    Give your best clue.\n    Watch everyone confidently pick\n    completely different shades—\n    then reveal the answer,\n    argue about it\n    and start the next round.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"htt-media\"\u003e\n    \u003cimg src=\"https:\/\/harikarionthebeat.com\/cdn\/shop\/files\/7178c835d0231a9eb41463d8b1c6173bf9f7159c.jpg?v=1792743901\u0026amp;width=1445\" alt=\"Hints and Tints full colorful party game setup\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003ca class=\"htt-button\" href=\"\/products\/hints-and-tints-creative-color-clue-party-board-game-fast-paced-family-group-game\"\u003e\n    Bring More Color To Game Night →\n  \u003c\/a\u003e\n\n  \u003cdiv class=\"htt-cta-tags\"\u003e\n    \u003cspan class=\"htt-cta-tag\"\u003e🌈 Color Clues\u003c\/span\u003e\n    \u003cspan class=\"htt-cta-tag\"\u003e👥 3–6 Players\u003c\/span\u003e\n    \u003cspan class=\"htt-cta-tag\"\u003e8️⃣ Ages 8+\u003c\/span\u003e\n    \u003cspan class=\"htt-cta-tag\"\u003e⏱️ ~30 Minutes\u003c\/span\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"HSY","offers":[{"title":"Default Title","offer_id":67791759933715,"sku":"DM3705167-A","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/9368\/3219\/files\/7178c835d0231a9eb41463d8b1c6173bf9f7159c.jpg?v=1792743901","url":"https:\/\/harikarionthebeat.com\/products\/hints-and-tints-creative-color-clue-party-board-game-fast-paced-family-group-game","provider":"harikarionthebeat","version":"1.0","type":"link"}