/* R88 | SANCHINA approved quiz mode mock: same row as HOME / stars / hearts.
 * No outer frame or colorful box, only a slender divider and the music-player icons.
 */
.game-quiz-control-panel .bar{min-width:0!important;gap:5px!important;}
.game-quiz-control-panel .gameHud{display:flex!important;align-items:center!important;min-width:0!important;gap:5px!important;margin-left:auto!important;}
.game-quiz-control-panel .sc-quiz-mode-toggle-r88{
  -webkit-appearance:none!important;appearance:none!important;position:relative!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 38px!important;width:38px!important;height:34px!important;min-width:38px!important;
  padding:4px 1px 4px 9px!important;margin:0 0 0 3px!important;
  border:0!important;border-left:1px solid #d6ded9!important;border-radius:0!important;
  background:transparent!important;color:#45594f!important;
  box-shadow:none!important;cursor:pointer!important;touch-action:manipulation!important;
}
.game-quiz-control-panel .sc-quiz-mode-toggle-r88 svg{
  position:absolute!important;right:1px!important;width:23px!important;height:23px!important;
  display:block!important;fill:none!important;stroke:currentColor!important;
  stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  pointer-events:none!important;
}
.game-quiz-control-panel .sc-quiz-mode-toggle-r88 .sc-quiz-mode-sequence circle{fill:currentColor!important;stroke:none!important;}
.game-quiz-control-panel .sc-quiz-mode-toggle-r88 .sc-quiz-mode-shuffle{display:none!important;}
.game-quiz-control-panel .sc-quiz-mode-toggle-r88.is-random{color:#dd174a!important;}
.game-quiz-control-panel .sc-quiz-mode-toggle-r88.is-random .sc-quiz-mode-sequence{display:none!important;}
.game-quiz-control-panel .sc-quiz-mode-toggle-r88.is-random .sc-quiz-mode-shuffle{display:block!important;}
.game-quiz-control-panel .sc-quiz-mode-toggle-r88:focus-visible{outline:2px solid #06c755!important;outline-offset:2px!important;border-radius:5px!important;}
.game-quiz-control-panel .sc-quiz-mode-toggle-r88:active{opacity:.66!important;transform:scale(.96)!important;}
/* Protect the approved one-line alignment on narrow iPhones. */
@media(max-width:390px){
 .game-quiz-control-panel .bar{gap:2px!important;}
 .game-quiz-control-panel .gameHud{gap:3px!important;}
 .game-quiz-control-panel .scorePill{padding:4px 5px!important;}
 .game-quiz-control-panel .sc-quiz-mode-toggle-r88{flex-basis:34px!important;min-width:34px!important;width:34px!important;margin-left:1px!important;padding-left:7px!important;}
 .game-quiz-control-panel .sc-quiz-mode-toggle-r88 svg{width:21px!important;height:21px!important;}
}
/* Only for random/LINE-unverified mode: non-blocking choice after completing 3 missions. */
.sc-r88-skip-reward{width:100%;margin-top:9px;padding:9px 12px;border:1px solid #c9ded1;border-radius:999px;background:#fff;color:#087b45;font-weight:800;font-size:13px;cursor:pointer;}
.sc-r88-skip-reward:focus-visible{outline:2px solid #06c755;outline-offset:2px;}
