/* A playful accent contained to FunZone, without changing the finance tools. */
.tool-hero .kicker { color:#7c3aed; }
.tool-hero h1 { color:#312e81; }
.tool-panel { background:linear-gradient(135deg,#fff 75%,#f0fdfa); border-color:#ddd6fe; }
#letters { border-color:#a5b4fc; background:#fafaff; font-size:1.15rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
#find-words { background:#6d28d9; box-shadow:0 4px 0 #4c1d95; }
#find-words:hover { background:#5b21b6; }
#find-words:active { box-shadow:none; transform:translateY(4px); }
#scrambled:not(:empty) { background:#fef3c7; border-radius:9px; color:#78350f; display:table; font-weight:750; padding:8px 13px; }
.tool-results { border-top:1px solid #ddd6fe; padding-top:14px; }
.results-intro { background:#ede9fe; border:1px solid #c4b5fd; border-radius:12px; color:#4c1d95; font-weight:800; margin:0 0 16px; padding:12px 16px; }
.results-hint { color:#475569; font-weight:600; }
.word-group { --group:#4f46e5; --pale:#eef2ff; background:#fff; border:1px solid #e2e8f0; border-left:5px solid var(--group); border-radius:12px; margin:14px 0; padding:14px 16px 16px; }
.word-group-2,.word-group-6 { --group:#0f766e; --pale:#ccfbf1; }
.word-group-3,.word-group-7 { --group:#9a3412; --pale:#ffedd5; }
.word-group-4,.word-group-8 { --group:#6d28d9; --pale:#ede9fe; }
.word-group-5 { --group:#1d4ed8; --pale:#dbeafe; }
.word-group-heading { align-items:center; display:flex; gap:10px; justify-content:space-between; margin-bottom:12px; }
.tool-results .word-group h3 { color:var(--group); font-size:1.1rem; margin:0; }
.word-count { background:var(--pale); border-radius:999px; color:var(--group); font-size:.8rem; font-weight:800; min-width:28px; padding:4px 9px; text-align:center; }
.word-pills { gap:8px; margin:0; }
.word-pills li { background:var(--pale); border:1px solid var(--group); border-radius:9px; color:var(--group); font-size:.95rem; font-weight:750; padding:7px 11px; }
@media(max-width:760px) { .word-group { padding:12px; } .word-pills { gap:6px; } .word-pills li { font-size:.87rem; padding:6px 9px; } }