/* Log Game: all 10 frames in one row, like a bowling scoreboard (the 10th frame is a little wider for its 3 rolls). */
html.log-page body.log-redesign.log-reference #scoreboard,
html.log-page body.log-redesign.log-reference .frame-mode-active #scoreboard,
html.log-page body.log-redesign .frame-mode-active:not(.game-complete) #scoreboard{
 display:grid;grid-template-columns:repeat(9,minmax(0,1fr)) minmax(0,1.55fr);gap:0;width:100%;margin:14px 0 12px;
 border:1px solid var(--xw-line,#e0e2e5);border-radius:10px;overflow:hidden;background:var(--xw-surface,#fff)}
html.log-page body.log-redesign.log-reference #scoreboard>button{
 display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;min-height:76px;height:auto;margin:0;padding:0;
 border:0;border-right:1px solid var(--xw-line,#e0e2e5);border-radius:0;background:transparent;box-shadow:none;position:relative}
html.log-page body.log-redesign.log-reference #scoreboard>button:last-child{border-right:0}
html.log-page body.log-redesign.log-reference #scoreboard>button>b{display:block;padding:3px 0 2px;font-size:11px!important;line-height:14px!important;font-weight:700;text-align:center;border-bottom:1px solid var(--xw-line,#e0e2e5);background:var(--xw-chip,#f3f4f6)}
html.log-page body.log-redesign.log-reference #scoreboard>button .frame-rolls{display:flex;flex:1 1 auto;min-height:26px;border-bottom:1px solid var(--xw-line,#e0e2e5)}
html.log-page body.log-redesign.log-reference #scoreboard>button .frame-rolls i{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px!important;line-height:1!important;font-weight:700;border-left:1px solid var(--xw-line,#e0e2e5)}
html.log-page body.log-redesign.log-reference #scoreboard>button .frame-rolls i:first-child{border-left:0}
html.log-page body.log-redesign.log-reference #scoreboard>button>strong{display:block;padding:5px 0 4px;font-size:11px!important;line-height:16px!important;font-weight:700;letter-spacing:-.3px;text-align:center}
html.log-page body.log-redesign.log-reference #scoreboard>button.selected{outline:2px solid #c8102e;outline-offset:-2px;z-index:1;border-radius:2px}
html.log-page body.log-redesign.log-reference #scoreboard>button:disabled{opacity:.55}