/* The frame one-player games share, the same as the app's (2026-11-10): back and ? round icons with the name
   between them, the score under the bar, pill buttons at the bottom. Loaded after each game's own stylesheet. */
.solo .bar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}
.solo .bar h1{text-align:center;font-size:23px;line-height:1.2}
.solo .icon{width:40px;height:40px;border-radius:50%;background:rgb(244 241 234 / .06);display:grid;place-items:center;color:rgb(244 241 234 / .62);font-size:16px;font-weight:500;text-decoration:none;min-height:0;padding:0}
.solo .icon svg{width:18px;height:18px}
.solo .stats{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:rgb(244 241 234 / .62);font-variant-numeric:tabular-nums}
.solo .stats b{color:rgb(244 241 234);font-weight:500;margin-left:6px}
.solo .stats b:first-child{margin-left:0;margin-right:6px}
.solo .controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.solo .controls .pill{min-height:46px;padding:0 22px;border-radius:999px;border:1px solid rgb(244 241 234 / .2);font-weight:500;color:rgb(244 241 234)}
.solo .controls .pill.solid{background:rgb(244 241 234);color:#12110e;border-color:transparent}
.solo .controls .pill:disabled{opacity:.4;cursor:default}
@media (hover:hover) and (pointer:fine){.solo .icon:hover{color:rgb(244 241 234)}.solo .controls .pill:not(.solid):not(:disabled):hover{background:rgb(244 241 234 / .06)}}
.solo .icon:active,.solo .controls .pill:active{transform:scale(.97)}
.solo .status,.solo .note{text-align:center}
.solo .stats .quiet{min-height:0;padding:0;font-size:15px}
/* The score line spans the board's width: what you have on the left, your best on the right. */
.solo .stats{width:var(--size,var(--w,100%));max-width:100%;min-width:min(100%,300px);padding:0 2px}
.solo .stats #score,.solo .stats #streak,.solo .stats b{font-size:15px;line-height:1.3;animation:none}
.solo .stats span:empty{display:none}