.gtc-wrapper { max-width: 700px; padding: 1rem; border: 1px solid var(--ast-border-color, #ccc); border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.gtc-clues { list-style: none; padding: 0; margin: 1rem 0; }
.gtc-clues li { margin-bottom: 1rem; }
.gtc-dots { font-size: 0.8em; color: var(--ast-global-color-2, #999); }
.gtc-difficulty { font-size: 0.8em; margin-left: 8px; color: var(--ast-global-color-3, #666); }
.colour-swatch { display: inline-block; width: 20px; height: 20px; margin-right: 5px; border: 1px solid #ccc; border-radius: 4px; }
.gtc-select { margin: 1rem 0; }
.gtc-guess-button { background: var(--ast-global-color-2, #0073e6); color: #fff; padding: 0.5rem 1rem; border: none; border-radius: 6px; margin-left: 10px; cursor: pointer; }
.gtc-result { margin-top: 1rem; font-weight: bold; }
.badge { display: inline-block; padding: 0.25em 0.6em; border-radius: 0.4em; font-size: 0.85em; margin-left: 0.5em; }
.badge-perfect { background: #28a745; color: #fff; }
.badge-good { background: #ffc107; color: #000; }
.badge-poor { background: #dc3545; color: #fff; }
.gtc-previous { margin-top: 1em; font-size: 0.9em; }
.gtc-previous ul { list-style: disc; padding-left: 20px; }