/* Wordless — styles unique to this game.
 * Everything structural lives in core/tokens.css. This game's signature
 * accent is a cool periwinkle, to distinguish it from the amber next door.
 */

/* outcome bars */
.orow{display:grid;grid-template-columns:1fr 88px 44px;gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.orow:last-of-type{border-bottom:0}
.ok-name{color:#C6C4BA}
.obar{height:6px;background:rgba(232,228,217,.09);border-radius:3px;overflow:hidden}
.obar i{display:block;height:100%;border-radius:3px}
.ov{font-weight:700;text-align:right;font-size:12.5px;color:var(--readout)}

@media(max-width:520px){
  .orow{grid-template-columns:1fr 56px 40px;gap:8px;font-size:12px}
}