.cc_7v6zerl2_5ZAy3EQDcF .tstone { display: grid; background: var(--inci-night); color: #f3f1f6; }
@media (min-width: 1024px) { .cc_7v6zerl2_5ZAy3EQDcF .tstone { grid-template-columns: 0.75fr 1fr; min-height: 34rem; } }

.cc_7v6zerl2_5ZAy3EQDcF .tstone__stone {
  position: relative;
  min-height: 22rem;
  background:
    radial-gradient(80% 70% at 40% 40%, rgba(60, 66, 92, 0.55), transparent 70%),
    repeating-radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.015) 0 2px, transparent 2px 5px),
    #0d1019;
  overflow: hidden;
  touch-action: none;
}

.cc_7v6zerl2_5ZAy3EQDcF .tstone__canvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: crosshair; }
.cc_7v6zerl2_5ZAy3EQDcF .tstone__hint { position: absolute; top: 1.25rem; right: 1.25rem; opacity: 0.55; pointer-events: none; }

.cc_7v6zerl2_5ZAy3EQDcF .tstone__mil { position: absolute; left: 1.5rem; bottom: 1.25rem; margin: 0; display: grid; pointer-events: none; }
.cc_7v6zerl2_5ZAy3EQDcF .tstone__mil b {
  display: block;
  font-family: var(--inci-font-soft);
  font-weight: 300;
  font-size: clamp(4.5rem, 9vw, 7.5rem);
  line-height: 0.9;
  animation: cc_7v6zerl2_inci-shine 6s linear 2, cc_7v6zerl2_5ZAy3EQDcF_tstone-in 0.9s var(--inci-ease) both;
}
.cc_7v6zerl2_5ZAy3EQDcF .tstone__mil small { display: block; opacity: 0.6; margin-top: 0.4rem; }
@keyframes cc_7v6zerl2_5ZAy3EQDcF_tstone-in { from { opacity: 0; translate: 0 0.5rem; } to { opacity: 1; translate: 0 0; } }

.cc_7v6zerl2_5ZAy3EQDcF .tstone__copy { display: grid; align-content: center; justify-items: start; gap: 1.1rem; padding: 3rem 1.5rem; background: var(--inci-night-2); }
@media (min-width: 1024px) { .cc_7v6zerl2_5ZAy3EQDcF .tstone__copy { padding: 4rem 5rem; } }
.cc_7v6zerl2_5ZAy3EQDcF .tstone__title { font-size: clamp(2.2rem, 4vw, 3.5rem); font-weight: 300; }
.cc_7v6zerl2_5ZAy3EQDcF .tstone__text { margin: 0; max-width: 32rem; color: rgba(243, 241, 246, 0.68); font-weight: 400; }

.cc_7v6zerl2_5ZAy3EQDcF .tstone__chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.cc_7v6zerl2_5ZAy3EQDcF .tstone__chip {
  min-height: 2.5rem;
  padding: 0 1.1rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #f3f1f6;
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
  transition: background 0.4s, color 0.4s;
}
.cc_7v6zerl2_5ZAy3EQDcF .tstone__chip.on { background: #f3f1f6; color: var(--inci-ink); }
.cc_7v6zerl2_5ZAy3EQDcF .tstone__desc { margin: 0; max-width: 30rem; color: rgba(243, 241, 246, 0.75); font-weight: 400; animation: cc_7v6zerl2_5ZAy3EQDcF_tstone-in 0.9s var(--inci-ease) both; }