/* Meet Tikki v2 (Ford 10-31): big, colorful, interactive */
.meet{grid-template-columns:1fr!important}
.meet .hero-t{display:none}
.moods.moods9{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;max-width:none!important;margin-top:22px}
@media(min-width:900px){.moods.moods9{grid-template-columns:repeat(5,1fr)!important}}
.moods9 figure{position:relative;overflow:hidden;border-radius:26px!important;padding:18px 10px 14px!important;gap:10px!important;cursor:pointer;background:var(--c1)!important;background:linear-gradient(150deg,var(--c1),var(--c2))!important;box-shadow:0 10px 30px -12px var(--c1);transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s;outline:none}
.moods9 figure:before{content:"";position:absolute;width:160%;aspect-ratio:1;left:-30%;top:-95%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 60%);pointer-events:none}
.moods9 figure:hover,.moods9 figure:focus-visible,.moods9 figure.on{transform:translateY(-6px) rotate(-1.5deg);box-shadow:0 18px 40px -10px var(--c1)}
.moods9 svg{width:min(130px,100%)!important;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25));transform-origin:50% 90%}
.moods9 figcaption{font-family:var(--disp)!important;font-size:12.5px!important;font-weight:800!important;color:#fff!important;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.tk-sound{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--fg);border-radius:999px;padding:8px 14px;font:700 13px var(--body);cursor:pointer}
.tk-sound[aria-pressed="true"]{background:var(--lime);color:#111;border-color:var(--lime)}
.tk-hint{color:var(--mut);font-size:13px;margin-left:10px}
/* actions */
@keyframes tkWave{0%,100%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(5deg)}}
@keyframes tkHop{0%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-22px) scale(1.04,.96)}55%{transform:translateY(0) scale(1.08,.9)}75%{transform:translateY(-8px)}}
@keyframes tkSpin{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(-30px) rotate(180deg)}70%{transform:translateY(-10px) rotate(340deg)}100%{transform:translateY(0) rotate(360deg)}}
@keyframes tkBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.14)}60%{transform:scale(1)}}
@keyframes tkSob{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px) rotate(-3deg)}40%{transform:translateX(4px) rotate(3deg)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
@keyframes tkTear{0%,100%{transform:scaleX(1)}30%{transform:scaleX(1.18) scaleY(.92)}50%{transform:scaleX(.9) scaleY(1.06)}70%{transform:scaleX(1.06)}}
@keyframes tkSnooze{0%,100%{transform:rotate(0) translateY(0)}50%{transform:rotate(8deg) translateY(4px)}}
@keyframes tkShake{0%,100%{transform:translateX(0)}10%,50%,90%{transform:translateX(-7px) rotate(-4deg)}30%,70%{transform:translateX(7px) rotate(4deg)}}
@keyframes tkDroop{0%,100%{transform:translateY(0) scaleY(1)}40%{transform:translateY(8px) scaleY(.9)}70%{transform:translateY(5px) scaleY(.94)}}
.moods9 figure.act svg{animation:var(--act) var(--dur,.9s) ease-in-out}
@media(prefers-reduced-motion:reduce){.moods9 figure.act svg{animation:none}}
.tk-note{position:absolute;font-size:18px;pointer-events:none;animation:tkNote 1s ease-out forwards;color:#fff}
@keyframes tkNote{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx),-60px) scale(1.2)}}