.pacha-quiz-root {
    font-family: "Noto Sans JP", Meiryo, Arial, sans-serif;
}

.pacha-card {
    max-width:520px;
    margin:20px auto;
    padding:18px;
    border-radius:12px;
    box-shadow:0 6px 18px rgba(0,0,0,0.06);
    background:#fff;
    text-align:center;
}

.pacha-card h2 { 
    margin:0 0 8px; 
    font-size:20px; 
    color:#001f4d; /* PACHA濃紺 */
}

.pacha-card p { 
    margin:8px 0 12px; 
    color:#001f4d; /* PACHA濃紺（黒ではなく） */
}

.pacha-btn {
    display:inline-block;
    padding:10px 18px;
    border-radius:8px;
    border:none;
    cursor:pointer;
    background:#001f4d; /* 濃紺ボタン */
    color:#fff;
    font-weight:700;
}

.opts {
    display:flex; 
    flex-wrap:wrap; 
    gap:8px; 
    justify-content:center; 
    margin-top:12px;
}

.opt-btn {
    display:inline-block;
    padding:10px 12px;
    border-radius:8px;
    border:1px solid #ddd;
    background:#333333; /* 濃いグレー */
    color:#fff;
    cursor:pointer;
    min-width:48%; /* 上2・下2配置 */
    text-align:center;
    user-select:none;
    transition: all 0.2s;
}

.opt-btn:hover { 
    background:#555555; 
}

.opt-btn.selected { 
    background:#666666; /* 選択時のみ色変更 */
}

.coupon-code {
    font-size:18px;
    font-weight:bold;
    margin:12px 0;
    padding:8px 12px;
    border:1px dashed #333;
    display:inline-block;
    border-radius:6px;
    background:#fafafa;
    color:#001f4d; /* 濃紺文字 */
}

.note { 
    margin-top:10px; 
    font-size:13px; 
    color:#666; 
}

.pacha-msg { 
    max-width:520px; 
    margin:30px auto; 
    padding:20px; 
    text-align:center; 
}

@media (max-width:520px) {
    .opt-btn { min-width:48%; }
}