.dual-scrambles{padding:0!important;background:none!important;border:0}
.original-scramble,.random-scramble{padding:11px 14px;border:1px solid #e1eae5;border-radius:10px;background:#f6f9f7}
.random-scramble{margin-top:8px;background:#eef7f2;border-color:#c9e1d6}
.dual-scrambles .setup-label{display:flex;align-items:center;justify-content:space-between;min-height:23px;gap:8px;font-weight:700}
.dual-scrambles .setup-label span:last-child{font-weight:400}
.dual-scrambles .setup-label small{font:inherit;font-weight:400;margin-left:6px;color:#829a8c}
#regenerateScramble{border:1px solid #d8e7df;background:white;border-radius:6px;padding:5px 8px;min-height:30px;color:#266c56;font:inherit;white-space:nowrap;cursor:pointer}
#regenerateScramble:disabled{opacity:.45;cursor:default}
#regenerateScramble:hover:not(:disabled){border-color:#8bbb9f;background:#f7fcf9}
#regenerateScramble:focus-visible{outline:3px solid #79bbaa;outline-offset:2px}
.dual-scrambles .algorithm-text{word-break:normal;overflow-wrap:anywhere}
[data-theme="dark"] :is(.original-scramble,.random-scramble){background:var(--night-inset);border-color:var(--night-border)}
[data-theme="dark"] .random-scramble{background:#213b35;border-color:#3d6256}
[data-theme="dark"] #regenerateScramble{background:#29463e;border-color:#527565;color:#d1e6dc}
[data-theme="dark"] #regenerateScramble:hover:not(:disabled){background:#34584d}
html[data-compact-device] body[data-view="practice"] .dual-scrambles{margin-top:6px}
html[data-compact-device] body[data-view="practice"] :is(.original-scramble,.random-scramble){padding:7px 10px;border-radius:8px}
html[data-compact-device] body[data-view="practice"] .random-scramble{margin-top:6px}
html[data-compact-device] body[data-view="practice"] .dual-scrambles .setup-label{min-height:24px;font-size:.64rem}
html[data-compact-device] body[data-view="practice"] .dual-scrambles .setup-label small{display:inline;color:inherit;opacity:.7}
html[data-compact-device] body[data-view="practice"] #regenerateScramble{min-height:28px;padding:4px 7px;font-size:.65rem}
html[data-compact-device] body[data-view="practice"] .dual-scrambles .algorithm-text{font-size:.84rem;line-height:1.45;margin-top:3px}
/* The cube, not the formula or buttons, yields height when extra scramble text wraps. */
html[data-compact-device] body[data-view="practice"] .trainer-cube{position:relative}
html[data-compact-device] body[data-view="practice"] .cube-figure{width:var(--short-cube-size,160px);height:var(--short-cube-size,160px)}
html[data-compact-device] body[data-view="practice"] .trainer-cube img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}
@media(max-width:600px){
  html[data-compact-device] body[data-view="practice"] :is(.original-scramble,.random-scramble){padding:5px 8px}
  html[data-compact-device] body[data-view="practice"] .random-scramble{margin-top:5px}
  html[data-compact-device] body[data-view="practice"] .dual-scrambles .setup-label{font-size:.58rem;min-height:22px}
  html[data-compact-device] body[data-view="practice"] #regenerateScramble{min-height:26px;padding:3px 6px;font-size:.59rem}
  html[data-compact-device] body[data-view="practice"] .dual-scrambles .algorithm-text{font-size:.73rem;line-height:1.4;margin-top:2px}
  html[data-compact-device] body[data-view="practice"] .practice-visual{padding-top:8px;padding-bottom:8px}
}