/* rhyme matching shell */
#stage{min-height:240px}
.rhyme-shell{
  max-width:420px;margin:0 auto;text-align:center;
  padding:.6rem .4rem 1rem;
  background:linear-gradient(160deg,hsl(320 35% 96%),hsl(280 30% 92%));
  border:2px solid hsl(320 25% 70%);
}
.rhyme-kicker{
  margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
  color:hsl(320 40% 40%);font-weight:800;
}
.rhyme-prompt{
  font-family:var(--font-display);font-size:clamp(1.8rem,7vw,2.6rem);
  margin:.35rem 0 .55rem;color:hsl(320 55% 32%);
}
.rhyme-opts{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.5rem}
.rhyme-opt{min-height:2.6rem;font-weight:800}
.rhyme-opt.ok{background:hsl(150 45% 88%)!important;border-color:hsl(150 50% 40%)!important}
.rhyme-opt.bad{background:hsl(0 55% 90%)!important;border-color:hsl(0 55% 45%)!important}
.time-bar{height:8px;background:hsla(0 0% 0% / .08);overflow:hidden;margin:.35rem 0 .6rem}
.time-bar i{display:block;height:100%;width:100%;transform-origin:left center;
  background:linear-gradient(90deg,hsl(320 70% 55%),hsl(280 65% 50%));transform:scaleX(1)}
.sub{opacity:.75;margin:.25rem 0 0}
.big{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2.3rem);text-align:center;line-height:1.2}