/* Word Search + Crossword shared bits (1.203.42): theme swatches and the thin progress bar. */
.theme-btn.cw-th{display:flex;flex-direction:column;align-items:center;gap:6px;padding:7px 6px}
.cw-sw{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:48px;height:32px;padding:2px;border-radius:6px;border:2px solid var(--hard)}
.cw-sw i{display:block;border-radius:2px}
/* progress: a slim bar under the top row. It never changes the layout of the game: it is 6px tall and the same width as the stage. */
.gic-prog{height:6px;border-radius:99px;background:rgba(148,163,184,.25);overflow:hidden;flex:none;margin:-2px 0 4px}
.gic-prog i{display:block;height:100%;width:0;border-radius:99px;background:var(--accent-th,var(--sky));transition:width .5s cubic-bezier(.2,.8,.3,1)}
/* a phone sideways: the slim left column has no room for a bar, so the count badge fills like a bar instead */
@media (orientation:landscape) and (max-height:560px){
  html.gic-phone:not(.gic-stage) .gic-prog{display:none}
  html.gic-phone:not(.gic-stage) #foundBadge,html.gic-phone:not(.gic-stage) #solvedBadge{position:relative;overflow:hidden}
  html.gic-phone:not(.gic-stage) #foundBadge::after,html.gic-phone:not(.gic-stage) #solvedBadge::after{content:'';position:absolute;left:0;bottom:0;height:4px;width:var(--prog,0%);background:currentColor;opacity:.55;transition:width .5s}
}