/* Kell — moodulil on Harjutaja ühine palett, aga oma soe aktsent (kägu). */
:root{
  --accent:#ffd166;
  --accent-edge:#e9b93f;
  --accent-ink:#3a2c00;
  --warm:#d9803c;
  --warm-soft:#fbead9;
}

/* kell ja „Praegu“ plokk */
.nowrow{display:flex;align-items:center;gap:14px}
.now-text{margin:0;font-family:var(--display);font-weight:600;font-size:20px;line-height:1.3}
.askclock svg{display:block}
.opts.sonad{grid-template-columns:1fr}
.opts.kellad{grid-template-columns:1fr 1fr}
.opt.kellopt{padding:8px;display:grid;place-items:center}
.opt.kellopt svg{width:100%;height:auto;max-width:150px}

/* tekstülesanded */
.story{margin:0;max-width:26rem;text-align:center;font-weight:700;font-size:17px;line-height:1.5;background:var(--card);border:1.5px solid var(--edge);border-radius:16px;padding:12px 14px}
.vaeg.lugu{width:100%;align-items:flex-start;text-align:left;gap:2px}
.vaeg.lugu b{font-size:14px;line-height:1.35}
.vaeg.lugu small{font-size:12px}

/* kägu */
.kk{width:100%;height:auto}
.kk-body{transform-origin:60px 108px;animation:kk-sway 4s ease-in-out infinite}
/* transform-box/origin EI TOHI puududa: ilma nendeta skaleerib SVG rühma
   kujundi (0,0) suhtes ja silmad lendavad pilgutades peast välja. Mia märkas.
   Robotil (.kr-eyes) ja pandal (.pe) on sama rida — käol oli see unustatud. */
.kk-eyes{transform-box:fill-box;transform-origin:center;animation:kk-blink 5.5s infinite}
.kk-wave{transform-origin:78px 84px;animation:kk-wave 1.6s ease-in-out infinite}
.kk-spark{animation:kk-spark 1.4s ease-in-out infinite}
.kk.hop{animation:kk-hop .5s ease}
@keyframes kk-sway{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
@keyframes kk-blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@keyframes kk-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-22deg)}}
@keyframes kk-spark{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
@keyframes kk-hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.kk-body,.kk-eyes,.kk-wave,.kk-spark,.kk.hop{animation:none}}
