/* DC（ディーラーズチョイス・shopさん 23:57 仮）: ボタンの人の種目選び / ほかの人への「選んでいます」帯 */
#dcSheet { position: fixed; z-index: 28; display: flex; justify-content: center; }
#dcSheet.mine { inset: 0; background: #000a; align-items: center; padding: 14px; }
#dcSheet.wait { left: 0; right: 0; top: 64px; pointer-events: none; }
#dcBody { background: linear-gradient(160deg, #262a30, #17191d); border: 2px solid #ff4d4d88; border-radius: 16px; padding: 14px 14px 10px; color: #eee; max-width: 520px; width: 100%; box-shadow: 0 10px 40px #000a; }
#dcSheet.wait #dcBody { max-width: 380px; padding: 8px 12px; font-size: 13px; text-align: center; }
#dcSheet.wait #dcBody p { margin: 4px 0; }
.dcTtl { font-weight: 800; font-size: 18px; color: #ffd36b; letter-spacing: .04em; }
#dcSheet.wait .dcTtl { font-size: 14px; }
.dcLead { margin: 6px 0 10px; font-size: 14px; }
.dcGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.dcG { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 52px; margin: 0; padding: 6px 4px; border-radius: 10px; background: #1b2530; border: 2px solid #34404d; color: #fff; font-size: 14px; cursor: pointer; }
.dcG small { font-size: 11px; color: #9ab; font-weight: 400; }
.dcG.dm { border-color: #c79a3a; }
.dcG.prev { box-shadow: inset 0 0 0 2px #ffd36b55; }
@media (hover: hover) { .dcG:not(:disabled):hover { background: #3a1c22; border-color: #ff6b6b; } }
.dcG.chosen { background: linear-gradient(135deg, #b8232e, #6e0f18); border-color: #ff6b6b; }
.dcG:disabled:not(.chosen) { opacity: .45; cursor: default; }
.dcSoon { margin-top: 8px; font-size: 12px; color: #9ab; }
.dcSoon summary { cursor: pointer; margin-bottom: 6px; }
.dcFoot { margin: 10px 0 2px; font-size: 13px; color: #ccc; text-align: center; }
.dcCount { color: #ffd36b; font-size: 16px; }
.gchk.dm span { border-color: #c79a3a; }
@media (max-width: 420px) { .dcG { min-height: 46px; font-size: 13px; } }
.dcPass { margin: -4px 0 10px; font-size: 12px; color: #ffb36b; }