/* Shared-order UI: keep the next board beside Play; keep the opt-out in Settings. */
#difficultyCards .cp-card{display:block;height:auto;min-width:0;container: difficulty-card / inline-size}
#difficultyCards .cp-top{display:flex;align-items:center;gap:10px;min-width:0}
#difficultyCards .cp-art{width:46px;height:46px;flex-shrink:0}
#difficultyCards .cp-heading{margin:0;min-width:0;flex:1}
#difficultyCards .cp-top h2{font-size:23px}
#difficultyCards .cp-history{margin-left:auto;padding:5px 0 5px 4px;justify-content:center;flex-shrink:0}
#difficultyCards .cp-track{margin:12px 0}
.cp-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.order-next{margin:0;min-width:0;line-height:1.35;color:var(--muted);font-size:12px}
.order-next span,.order-next strong{display:block}
.order-next strong{margin-top:2px;font-size:15px;font-weight:600;color:var(--ink)}
#difficultyCards .cp-action-row .cp-play{width:auto;min-width:105px;min-height:44px;padding:10px 14px;font-size:15px;flex-shrink:0}
@container difficulty-card (max-width:310px){
 #difficultyCards .cp-top{gap:8px}
 #difficultyCards .cp-art{width:36px;height:36px}
 #difficultyCards .cp-top h2{font-size:19px}
 #difficultyCards .cp-history{font-size:12px;gap:3px}
 #difficultyCards .cp-history svg{width:13px;height:13px}
 #difficultyCards .cp-xp{font-size:12px}
 .order-next strong{font-size:14px}
}
#screen-profile.settings-open .free-order-settings{order:22;padding:0;overflow:hidden}
.free-order-settings summary{display:flex;align-items:center;gap:12px;min-height:62px;padding:16px 20px;cursor:pointer;list-style:none;font-weight:650}
.free-order-settings summary::-webkit-details-marker{display:none}
.free-order-settings [data-order-status]{margin-left:auto;font-size:13px;font-weight:400;color:var(--td-muted,#586576)}
.free-order-settings summary::after{content:'+';font-size:22px;font-weight:400;color:var(--td-muted,#586576)}
.free-order-settings details[open] summary::after{content:'−'}
#freeOrderSettings p{font-weight:400;font-size:14px;line-height:1.5;margin:0 20px 12px;color:var(--td-ink,#202b39)}
.free-order-settings p.order-settings-note{color:var(--td-muted,#586576);font-size:13px}
.order-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 20px;padding:12px 0;border-top:1px solid var(--td-line,#ddd7cc);font-size:14px}
.order-setting-row:last-child{margin-bottom:6px}
#freeOrderSettings .order-setting-row select{width:160px;font:inherit;min-height:44px;max-width:60%;padding:8px 28px 8px 10px;border:1px solid var(--td-line,#ddd7cc);border-radius:8px;background:var(--td-paper,#fffcf5);color:var(--td-ink,#202b39)}
.free-order-settings summary:focus-visible,.order-setting-row select:focus-visible,.history-numeric-catalogue summary:focus-visible{outline:3px solid var(--td-blue,#315da8);outline-offset:-3px}
.history-numeric-catalogue{margin-top:18px;border-top:1px solid var(--td-line,#ddd7cc)}
.history-numeric-catalogue summary{padding:14px 0;min-height:48px;cursor:pointer;font-size:14px;font-weight:600}
.history-numeric-catalogue .refresh-catalogue-grid{max-height:45vh;overflow-y:auto;padding:3px 3px 12px;overscroll-behavior:contain}
@media(max-width:360px){.free-order-settings summary{padding:14px 16px;gap:8px}.free-order-settings [data-order-status]{font-size:12px}.order-setting-row{margin:0 16px}.free-order-settings p{margin-left:16px;margin-right:16px}}