/* M05 fraction games: responsive high-contrast boards; no fonts or external artwork. */
#play[data-oc-m05] .f188-frac{display:inline-grid;grid-template-rows:auto auto;justify-items:center;vertical-align:middle;min-width:1.8em;padding:0 4px;font-variant-numeric:tabular-nums;font-weight:750;font-size:1.08em;line-height:1.15;color:inherit}
#play[data-oc-m05] .f188-frac>span:first-child{width:100%;border-bottom:2px solid currentColor;text-align:center;padding-bottom:2px}#play[data-oc-m05] .f188-frac>span:last-child{padding-top:2px}
#play[data-oc-m05] .f188-note{font-size:.91rem!important;line-height:1.55;color:var(--ml-copy)!important;margin:12px 0!important}
#play[data-oc-m05] .f188-prompt{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:1.12rem!important;color:var(--ml-ink)!important;margin:12px 0!important;font-weight:600}
#play[data-oc-m05] .f188-small-title{font-size:1rem!important;margin:15px 0 8px!important;color:var(--ml-ink)!important}
#play[data-oc-m05] .f188-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:end;justify-content:space-between}
#play[data-oc-m05] .f188-tools label,#play[data-oc-m05] .f188-share label,#play[data-oc-m05] .f188-fieldrow label{display:flex;flex-direction:column;gap:7px;color:var(--ml-ink);font-weight:650}
#play[data-oc-m05] :is(select,input){min-width:0;max-width:100%;padding:9px;border-radius:8px;min-height:43px;background:var(--ml-surface);color:var(--ml-ink);border:1px solid var(--ml-line)}
#play[data-oc-m05] :is(select,input,button):focus-visible{outline:3px solid var(--ml-focus);outline-offset:2px}
#play[data-oc-m05] .f188-step{display:inline-flex;gap:5px;margin-left:8px}#play[data-oc-m05] .f188-step button{width:43px;height:43px;border-radius:8px;font-weight:850;background:var(--ml-surface);color:var(--ml-ink);border:2px solid var(--ml-line)}
#play[data-oc-m05] .f188-bars{display:grid;gap:8px;margin:14px auto;max-width:580px}
#play[data-oc-m05] .f188-bar{display:grid;grid-template-columns:repeat(var(--parts),minmax(0,1fr));min-height:42px;gap:2px;border:1px solid var(--ml-line);border-radius:7px;padding:3px;background:var(--ml-soft)}
#play[data-oc-m05] .f188-segment{min-width:0;min-height:33px;border:1px solid var(--ml-line);border-radius:3px;background:var(--ml-surface);padding:0}#play[data-oc-m05] .f188-segment.filled{background:var(--ml-blue);border-color:var(--ml-blue)}
#play[data-oc-m05] .f188-match{display:grid;gap:10px}#play[data-oc-m05] .f188-match-row{display:grid;grid-template-columns:minmax(66px,.6fr) 20px minmax(0,1.4fr);align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--ml-line);border-radius:9px;color:var(--ml-ink);background:var(--ml-surface)}
#play[data-oc-m05] .f188-arrow{text-align:center}#play[data-oc-m05] .f188-match-row select{width:100%}#play[data-oc-m05] .f188-cardlist{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:center;margin:10px 0}
#play[data-oc-m05] .f188-cardlist>span{display:flex;align-items:center;gap:6px;justify-content:center;border:1px solid var(--ml-line);padding:9px 11px;border-radius:9px;color:var(--ml-ink);background:var(--ml-surface);min-width:76px}
#play[data-oc-m05] .f188-grid{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:7px;width:min(100%,440px);margin:14px auto}
#play[data-oc-m05] .f188-cell{min-width:0;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;border:2px solid var(--ml-line);border-radius:9px;background:var(--ml-surface);color:var(--ml-ink)}
#play[data-oc-m05] .f188-cell.selected{border-color:var(--ml-blue);background:var(--ml-soft)}#play[data-oc-m05] .f188-cell-head{font-size:.7rem;font-weight:700;min-height:1em;color:var(--ml-copy)}
#play[data-oc-m05] .f188-lcd{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#play[data-oc-m05] .f188-lcd label{display:flex;align-items:center;gap:7px;border:1px solid var(--ml-line);background:var(--ml-surface);color:var(--ml-ink);padding:10px;border-radius:8px}
#play[data-oc-m05] .f188-inputfrac{display:inline-grid;grid-template-rows:auto auto;max-width:125px;width:100%;gap:3px}#play[data-oc-m05] .f188-inputfrac input{text-align:center;width:100%;font-variant-numeric:tabular-nums;min-height:40px;padding:7px}
#play[data-oc-m05] .f188-inputfrac>input:first-child{border-bottom:2px solid var(--ml-ink)}#play[data-oc-m05] .f188-inputfrac>span{font-size:.76rem;text-align:center}
#play[data-oc-m05] .f188-share{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}#play[data-oc-m05] .f188-share label{padding:13px;border:1px solid var(--ml-line);background:var(--ml-surface);border-radius:9px;align-items:center;text-align:center}
@media(max-width:420px){#play[data-oc-m05] .f188-grid{gap:4px}#play[data-oc-m05] .f188-cell{min-height:64px;padding:3px;font-size:.85rem}#play[data-oc-m05] .f188-match-row{gap:5px;padding:5px}#play[data-oc-m05] .f188-share{gap:7px}#play[data-oc-m05] .f188-share label{padding:7px;font-size:.88rem}}