/* 挑戦状（2026-10-23「80億分の1」第1便。assets/dpg-challenge.js の画面）。色は DESIGN.md の値。
   結果の画面にはすでに紫の主ボタンがあるので、送るカードの［挑戦状を共有］は二番手（枠線）にする（主ボタンは1画面に1つ）。 */
:root[data-quiz-theme] .dpg-ch-send:not(#_){margin-top:16px;padding:18px 16px;display:flex;flex-direction:column;gap:12px;text-align:left}
.dpg-ch-send__title{margin:0;font-size:17px;font-weight:700;color:#292622}
.dpg-ch-preview{display:flex;justify-content:center;align-items:center;min-height:120px;border:1px solid #e5cdb8;border-radius:16px;background:#fffcf7;overflow:hidden}
.dpg-ch-preview img{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:1/1}
.dpg-ch-preview__wait{margin:0;padding:16px;font-size:14px;color:#65594d}
.dpg-ch-fields{display:flex;flex-direction:column;gap:8px}
.dpg-ch-input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #ad8973;border-radius:10px;background:#fff;color:#292622;font:inherit;font-size:16px}
.dpg-ch-message{resize:none;line-height:1.5}
.dpg-ch-row{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px}
:root[data-quiz-theme] .dpg-ch-small:not(#_){min-height:44px;padding:8px 10px;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.dpg-ch-small[aria-disabled="true"]{opacity:.5;pointer-events:none}
.dpg-ch-status{margin:0;min-height:1em;font-size:14px;color:#65594d;text-align:center}
.dpg-ch-status:empty{display:none}
.dpg-ch-status--bad{color:#b23336}
.dpg-ch-note{margin:0;font-size:14px;color:#65594d;text-align:center}

/* 届いた画面（見本の右） */
.dpg-ch-invite{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-top:24px;padding-bottom:32px}
.dpg-ch-kicker{margin:0;font-size:15px;font-weight:600;color:#65594d}
.dpg-ch-invite__title{margin:0;font-size:30px;line-height:1.35;font-weight:800;color:#292622}
.dpg-ch-invite__score{color:#6535b5;font-size:36px}
.dpg-ch-face{width:136px;height:136px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px #f1ebfb;overflow:hidden}
.dpg-ch-face img{display:block;width:100%;height:100%;object-fit:cover}
.dpg-ch-invite__label{margin:0;font-size:20px;font-weight:700;color:#292622}
.dpg-ch-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.dpg-ch-chips li{padding:6px 14px;border-radius:999px;background:#f1ebfb;color:#292622;font-size:14px;font-weight:600}
:root[data-quiz-theme] .dpg-ch-invite__go:not(#_){width:100%;max-width:420px;margin-top:8px}
.dpg-ch-about{font-size:15px;color:#292622;text-decoration:underline;text-underline-offset:3px;padding:10px}

/* 案内 */
.dpg-ch-notice .qz-card{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center;padding:24px 16px}
.dpg-ch-notice__title{margin:0 0 8px;font-size:20px;font-weight:700;color:#292622}

/* 2人の比較 */
.dpg-ch-vs{padding:18px 16px;display:flex;flex-direction:column;gap:10px}
.dpg-ch-vs__row{display:flex;align-items:center;justify-content:center;gap:12px}
.dpg-ch-vs__side{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px}
.dpg-ch-vs__who{font-size:15px;font-weight:600;color:#65594d;overflow-wrap:anywhere}
.dpg-ch-vs__score b{font-size:40px;font-weight:800;color:#292622}
.dpg-ch-vs__side--me .dpg-ch-vs__score b{color:#6535b5}
.dpg-ch-vs__score span{font-size:16px;font-weight:700;margin-left:2px}
.dpg-ch-vs__mid{font-size:14px;font-weight:800;color:#65594d}
.dpg-ch-vs__total{margin:0;text-align:center;font-size:14px;color:#65594d}
.dpg-ch-marks{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px}
.dpg-ch-marks__who{font-size:14px;font-weight:600;color:#65594d;max-width:7em;overflow-wrap:anywhere}
:root[data-quiz-theme] .dpg-ch-dots:not(#_){justify-content:flex-start;margin:0;flex-wrap:wrap}